diff --git a/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml b/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
index bc071ad522..974ac84723 100644
--- a/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
+++ b/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
@@ -1,5 +1,5 @@
 id: 561abd10cb81ac38a17513bc
-title: Certificación en estructura de datos y Algoritmos de JavaScript
+title: Legacy JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml b/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
index 76c3ddfdde..f05415dfc4 100644
--- a/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
+++ b/curriculum/challenges/espanol/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
@@ -1,5 +1,5 @@
 id: 658180220947283cdc0689ce
-title: Certificación en algoritmos y estructuras de datos de JavaScript (Beta)
+title: JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures-v8
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/basic-css/add-borders-around-your-elements.md b/curriculum/challenges/espanol/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
index 539ec758ea..1245abffa7 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
@@ -50,10 +50,14 @@ assert.isTrue(document.querySelector('img').classList.contains('thick-green-bord
 Tu imagen debe tener un ancho de borde o "border-width" de `10px`.
 
 ```js
+// Note: to any future maintainers, the read width of the border is dependent on 
+// the zoom. For example we cannot match 10px exactly because if a campers set the zoom to 110% 
+// it will be read as 9~px. 
 const image = document.querySelector('img'); 
 const imageBorderTopWidth = window.getComputedStyle(image)["border-top-width"]; 
-
-assert.strictEqual(imageBorderTopWidth, "10px")
+const widthNumber = parseInt(imageBorderTopWidth);
+assert.isAtLeast(widthNumber, 8);
+assert.isAtMost(widthNumber, 12);
 ```
 
 Tu imagen debe tener un estilo de borde o "border-style" `solid`.
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
index 72dd1f982d..c9db3e7efa 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
@@ -22,49 +22,66 @@ El encabezado `header`, el `.profile-name` del encabezado, el `.follow-btn` del
 Tu `.follow-btn` debe mostrarse en la página. Asegúrate de desactivar las extensiones, como los bloqueadores de anuncios.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 Tu `header` debe tener una propiedad `display` establecida en `flex`.
 
 ```js
-assert($('header').css('display') == 'flex');
+const header = document.querySelector('header');
+const displayStyle = window.getComputedStyle(header)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 Tu `footer` debe tener una propiedad `display` establecida en `flex`.
 
 ```js
-assert($('footer').css('display') == 'flex');
+const footer = document.querySelector('footer');
+const displayStyle = window.getComputedStyle(footer)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 Tu `h3` debe tener una propiedad `display` establecida en `flex`.
 
 ```js
-assert($('h3').css('display') == 'flex');
+const h3Element = document.querySelector('h3');
+const displayStyle = window.getComputedStyle(h3Element)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 Tu `h4` debe tener una propiedad `display` establecida en `flex`.
 
 ```js
-assert($('h4').css('display') == 'flex');
+const h4Element = document.querySelector('h4');
+const displayStyle = window.getComputedStyle(h4Element)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 Tu `.profile-name` debe tener una propiedad `display` establecida en `flex`.
 
 ```js
-assert($('.profile-name').css('display') == 'flex');
+const profileName = document.querySelector('.profile-name');
+const displayStyle = window.getComputedStyle(profileName)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 Tu `.follow-btn` debe tener una propiedad `display` establecida en `flex`.
 
 ```js
-assert($('.follow-btn').css('display') == 'flex');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 Tu `.stats` debe tener una propiedad `display` establecida en `flex`.
 
 ```js
-assert($('.stats').css('display') == 'flex');
+const stats = document.querySelector('.stats');
+const displayStyle = window.getComputedStyle(stats)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 # --seed--
@@ -142,18 +159,17 @@ assert($('.stats').css('display') == 'flex');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -171,7 +187,7 @@ assert($('.stats').css('display') == 'flex');
     font-family: Arial, sans-serif;
   }
   header {
-   display: flex;
+    display: flex;
   }
   header .profile-thumbnail {
     width: 50px;
@@ -191,7 +207,8 @@ assert($('.stats').css('display') == 'flex');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -226,7 +243,11 @@ assert($('.stats').css('display') == 'flex');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -236,18 +257,17 @@ assert($('.stats').css('display') == 'flex');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
index 9b4b165bcd..cf438f1354 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
@@ -31,7 +31,9 @@ Prueba las otras opciones de la propiedad `align-items` en el editor de código
 El elemento `#box-container` debe tener una propiedad `align-items` establecida en un valor de `center`.
 
 ```js
-assert($('#box-container').css('align-items') == 'center');
+const boxContainer = document.querySelector('#box-container');
+const alignment = window.getComputedStyle(boxContainer)['align-items'];
+assert.strictEqual(alignment, 'center');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
index 4237675e3e..96fb592c19 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
@@ -31,7 +31,10 @@ Prueba las otras opciones de la propiedad `justify-content` en el editor de cód
 El elemento `#box-container` debe tener una propiedad `justify-content` establecida en un valor de `center`.
 
 ```js
-assert($('#box-container').css('justify-content') == 'center');
+const boxContainer = document.querySelector('#box-container');
+const justifyDirection =
+  window.getComputedStyle(boxContainer)['justify-content'];
+assert.strictEqual(justifyDirection, 'center');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
index 2822d5e6ed..a88b441cb8 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
@@ -20,13 +20,18 @@ Agrega la propiedad CSS `flex-direction` al elemento `.profile-name` del título
 Tu `.follow-btn` debe representarse en la página. Asegúrate de desactivar las extensiones, como los bloqueadores de anuncios.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 El elemento `.profile-name` debe tener una propiedad `flex-direction` establecida en `column`.
 
 ```js
-assert($('.profile-name').css('flex-direction') == 'column');
+const profileName = document.querySelector('.profile-name');
+const flexDirection = window.getComputedStyle(profileName)['flex-direction'];
+assert.strictEqual(flexDirection, 'column');
 ```
 
 # --seed--
@@ -38,7 +43,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -61,7 +67,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -93,7 +100,11 @@ assert($('.profile-name').css('flex-direction') == 'column');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -103,18 +114,17 @@ assert($('.profile-name').css('flex-direction') == 'column');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -131,7 +141,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -154,7 +165,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -186,7 +198,11 @@ assert($('.profile-name').css('flex-direction') == 'column');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -196,18 +212,17 @@ assert($('.profile-name').css('flex-direction') == 'column');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
index 84f3c30b73..07192674ec 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
@@ -20,19 +20,22 @@ Agrega la propiedad CSS `flex-direction` tanto al `header` como al `footer` y es
 Tu `.follow-btn` debe representarse en la página. Asegúrate de desactivar las extensiones, como los bloqueadores de anuncios.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 El `header` debe tener una propiedad `flex-direction` establecida en `row`.
 
 ```js
-assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g));
+assert.match(code, /header\s*?{[^}]*?flex-direction:\s*?row;/g);
 ```
 
 El `footer` debe tener una propiedad `flex-direction` establecida en `row`.
 
 ```js
-assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
+assert.match(code, /footer\s*?{[^}]*?flex-direction:\s*?row;/g);
 ```
 
 # --seed--
@@ -66,7 +69,8 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -102,7 +106,11 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -112,18 +120,17 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -162,7 +169,8 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -198,7 +206,11 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -208,18 +220,17 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
index 100d091f7c..0edfa415f5 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
@@ -22,7 +22,9 @@ Agrega la propiedad CSS `display` a `#box-container` y establece su valor como `
 `#box-container` debería tener la propiedad `display` establecida en un valor de `flex`.
 
 ```js
-assert($('#box-container').css('display') == 'flex');
+const boxContainer = document.querySelector('#box-container');
+const displayStyle = window.getComputedStyle(boxContainer)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
index 488ffc2730..56be4066cc 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
@@ -20,13 +20,18 @@ Agrega la propiedad CSS `align-items` al elemento `.follow-btn` del encabezado.
 Tu `.follow-btn` debe representarse en la página. Asegúrate de desactivar las extensiones, como los bloqueadores de anuncios.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 El elemento `.follow-btn` debe tener la propiedad `align-items` establecida en un valor de `center`.
 
 ```js
-assert($('.follow-btn').css('align-items') == 'center');
+const followButton = document.querySelector('.follow-btn');
+const alignItems = window.getComputedStyle(followButton)['align-items'];
+assert.strictEqual(alignItems, 'center');
 ```
 
 # --seed--
@@ -38,7 +43,8 @@ assert($('.follow-btn').css('align-items') == 'center');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -63,7 +69,8 @@ assert($('.follow-btn').css('align-items') == 'center');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -95,7 +102,11 @@ assert($('.follow-btn').css('align-items') == 'center');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -105,18 +116,17 @@ assert($('.follow-btn').css('align-items') == 'center');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -133,7 +143,8 @@ assert($('.follow-btn').css('align-items') == 'center');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -158,7 +169,8 @@ assert($('.follow-btn').css('align-items') == 'center');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -190,7 +202,11 @@ assert($('.follow-btn').css('align-items') == 'center');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -200,18 +216,17 @@ assert($('.follow-btn').css('align-items') == 'center');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-self-property.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
index 54ecd8a471..1fba5b7210 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
@@ -22,13 +22,17 @@ Agrega la propiedad CSS `align-self` tanto a `#box-1` como a `#box-2`. Da a `#bo
 El elemento `#box-1` debe tener la propiedad `align-self` establecida en un valor de `center`.
 
 ```js
-assert($('#box-1').css('align-self') == 'center');
+const boxOne = document.querySelector('#box-1');
+const alignment = window.getComputedStyle(boxOne)['align-self'];
+assert.strictEqual(alignment, 'center');
 ```
 
 El elemento `#box-2` debe tener la propiedad `align-self` establecida en un valor de `flex-end`.
 
 ```js
-assert($('#box-2').css('align-self') == 'flex-end');
+const boxTwo = document.querySelector('#box-2');
+const alignment = window.getComputedStyle(boxTwo)['align-self'];
+assert.strictEqual(alignment, 'flex-end');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
index 91d77d4a40..73654df3de 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
@@ -22,25 +22,29 @@ Establece el tamaño inicial de las cajas usando `flex-basis`. Agrega la propied
 El elemento `#box-1` debe tener la propiedad `flex-basis`.
 
 ```js
-assert($('#box-1').css('flex-basis') != 'auto');
+const boxOne = document.querySelector('#box-1');
+const flexBasis = window.getComputedStyle(boxOne)['flex-basis'];
+assert.notStrictEqual(flexBasis, 'auto');
 ```
 
 El elemento `#box-1` debe tener un valor `flex-basis` de `10em`.
 
 ```js
-assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g));
+assert.match(code, /#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g);
 ```
 
 El elemento `#box-2` debe tener la propiedad `flex-basis`.
 
 ```js
-assert($('#box-2').css('flex-basis') != 'auto');
+const boxTwo = document.querySelector('#box-2');
+const flexBasis = window.getComputedStyle(boxTwo)['flex-basis'];
+assert.notStrictEqual(flexBasis, 'auto');
 ```
 
 El elemento `#box-2` debe tener un valor `flex-basis` de `20em`.
 
 ```js
-assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g));
+assert.match(code, /#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
index 00021f8468..58f28e0e79 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
@@ -20,7 +20,9 @@ Agrega la propiedad CSS `flex-direction` al elemento `#box-container` y asígnal
 El elemento `#box-container` debe tener una propiedad `flex-direction` establecida en `column`.
 
 ```js
-assert($('#box-container').css('flex-direction') == 'column');
+const boxContainer = document.querySelector('#box-container');
+const flexDirection = window.getComputedStyle(boxContainer)['flex-direction'];
+assert.strictEqual(flexDirection, 'column');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
index 649abc7bba..e559ada1e7 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
@@ -24,7 +24,9 @@ Agrega la propiedad CSS `flex-direction` al elemento `#box-container` y asígnal
 El elemento `#box-container` debe tener una propiedad `flex-direction` establecida en `row-reverse`.
 
 ```js
-assert($('#box-container').css('flex-direction') == 'row-reverse');
+const boxContainer = document.querySelector('#box-container');
+const flexDirection = window.getComputedStyle(boxContainer)['flex-direction'];
+assert.strictEqual(flexDirection, 'row-reverse');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
index f739cbd6b5..29221d84c5 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
@@ -22,13 +22,17 @@ Agrega la propiedad CSS `flex-grow` tanto a `#box-1` como a `#box-2`. Da a `#box
 El elemento `#box-1` debe tener la propiedad `flex-grow` establecida en un valor de `1`.
 
 ```js
-assert($('#box-1').css('flex-grow') == '1');
+const boxOne = document.querySelector('#box-1');
+const flexGrow = window.getComputedStyle(boxOne)['flex-grow'];
+assert.equal(flexGrow, '1');
 ```
 
 El elemento `#box-2` debe tener la propiedad `flex-grow` establecida en un valor de `2`.
 
 ```js
-assert($('#box-2').css('flex-grow') == '2');
+const boxTwo = document.querySelector('#box-2');
+const flexGrow = window.getComputedStyle(boxTwo)['flex-grow'];
+assert.equal(flexGrow, '2');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
index 48df954fc9..e1241dc692 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
@@ -26,27 +26,33 @@ Estos valores causarán que para llenar el espacio extra `#box-1` crezca el dobl
 El elemento `#box-1` debe tener la propiedad `flex` establecida en un valor de `2 2 150px`.
 
 ```js
-assert(
-  $('#box-1').css('flex-grow') == '2' &&
-    $('#box-1').css('flex-shrink') == '2' &&
-    $('#box-1').css('flex-basis') == '150px'
-);
+const boxOne = document.querySelector('#box-1');
+const flexGrow = window.getComputedStyle(boxOne)['flex-grow'];
+const flexShrink = window.getComputedStyle(boxOne)['flex-shrink'];
+const flexBasis = window.getComputedStyle(boxOne)['flex-basis'];
+
+assert.equal(flexGrow, '2');
+assert.equal(flexShrink, '2');
+assert.equal(flexBasis, '150px');
 ```
 
 El elemento `#box-2` debe tener la propiedad `flex` establecida en un valor de `1 1 150px`.
 
 ```js
-assert(
-  $('#box-2').css('flex-grow') == '1' &&
-    $('#box-2').css('flex-shrink') == '1' &&
-    $('#box-2').css('flex-basis') == '150px'
-);
+const boxTwo = document.querySelector('#box-2');
+const flexGrow = window.getComputedStyle(boxTwo)['flex-grow'];
+const flexShrink = window.getComputedStyle(boxTwo)['flex-shrink'];
+const flexBasis = window.getComputedStyle(boxTwo)['flex-basis'];
+
+assert.equal(flexGrow, '1');
+assert.equal(flexShrink, '1');
+assert.equal(flexBasis, '150px');
 ```
 
 Tu código debe usar la propiedad `flex` para `#box-1` y `#box-2`.
 
 ```js
-assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2);
+assert.lengthOf(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g), 2);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
index 995e7eee4b..7678cac024 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
@@ -24,13 +24,17 @@ Agrega la propiedad CSS `flex-shrink` tanto a `#box-1` como a `#box-2`. Da a `#b
 El elemento `#box-1` debe tener la propiedad `flex-shrink` establecida en un valor de `1`.
 
 ```js
-assert($('#box-1').css('flex-shrink') == '1');
+const boxOne = document.querySelector('#box-1');
+const flexShrink = window.getComputedStyle(boxOne)['flex-shrink'];
+assert.equal(flexShrink, '1');
 ```
 
 El elemento `#box-2` debe tener la propiedad `flex-shrink` establecida en un valor de `2`.
 
 ```js
-assert($('#box-2').css('flex-shrink') == '2');
+const boxTwo = document.querySelector('#box-2');
+const flexShrink = window.getComputedStyle(boxTwo)['flex-shrink'];
+assert.equal(flexShrink, '2');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
index e2e397a2b0..dd4ac81caf 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
@@ -26,7 +26,9 @@ La disposición actual tiene demasiadas cajas para una sola fila. Agrega la prop
 El elemento `#box-container` debe tener la propiedad `flex-wrap` establecida en un valor de `wrap`.
 
 ```js
-assert($('#box-container').css('flex-wrap') == 'wrap');
+const boxContainer = document.querySelector('#box-container');
+const flexWrap = window.getComputedStyle(boxContainer)['flex-wrap'];
+assert.strictEqual(flexWrap, 'wrap');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
index 2e151ab2de..2c4486acfb 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
@@ -20,16 +20,18 @@ Agrega la propiedad CSS `justify-content` al `.profile-name` y establece el valo
 Tu `.follow-btn` debe representarse en la página. Asegúrate de desactivar las extensiones, como los bloqueadores de anuncios.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 El elemento `.profile-name` debe tener la propiedad `justify-content` establecida en cualquiera de estos valores: `center`, `flex-start`, `flex-end`, `space-between`, `space-around`, o `space-evenly`.
 
 ```js
-assert(
-  code.match(
-    /header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around|space-evenly)\s*;/g
-  )
+assert.match(
+  code,
+  /header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around|space-evenly)\s*;/g
 );
 ```
 
@@ -42,7 +44,8 @@ assert(
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -66,7 +69,8 @@ assert(
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -98,7 +102,11 @@ assert(
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -108,18 +116,17 @@ assert(
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -136,7 +143,8 @@ assert(
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -160,7 +168,8 @@ assert(
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -192,7 +201,11 @@ assert(
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -202,18 +215,17 @@ assert(
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
index 9cd1c91102..03423475b4 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
@@ -20,13 +20,17 @@ Agrega la propiedad CSS `order` tanto a `#box-1` como a `#box-2`. Da a `#box-1`
 El elemento `#box-1` debe tener la propiedad `order` establecida en un valor de `2`.
 
 ```js
-assert($('#box-1').css('order') == '2');
+const boxOne = document.querySelector('#box-1');
+const order = window.getComputedStyle(boxOne)['order'];
+assert.strictEqual(order, '2');
 ```
 
 El elemento `#box-2` debe tener la propiedad `order` establecida en un valor de `1`.
 
 ```js
-assert($('#box-2').css('order') == '1');
+const boxTwo = document.querySelector('#box-2');
+const order = window.getComputedStyle(boxTwo)['order'];
+assert.strictEqual(order, '1');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
index dd27bb97f8..9729ef38c0 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
@@ -29,7 +29,10 @@ Haz que el contenedor de la cuadrícula tenga tres columnas con un ancho de `100
 La clase `container` debe tener la propiedad `grid-template-columns` con tres unidades de `100px`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColumns === '100px 100px 100px');
+const templateColumns = new __helpers.CSSHelp(document).getStyle(
+  '.container'
+)?.gridTemplateColumns;
+assert.strictEqual(templateColumns, '100px 100px 100px');
 ```
 
 # --seed--
@@ -38,11 +41,21 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -68,5 +81,9 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 100px 100px 100px;}</style>
+<style>
+  .container {
+    grid-template-columns: 100px 100px 100px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
index 7aa58f8e62..b70220083f 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
@@ -20,10 +20,9 @@ Usa `grid-gap` para introducir un espacio de `10px` entre las filas y un espacio
 La clase `container` debe tener una propiedad `grid-gap` que introduzca un espacio de `10px` entre las filas y un espacio de `20px` entre las columnas.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +74,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-gap: 10px 20px;}</style>
+<style>
+  .container {
+    grid-gap: 10px 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
index b718873791..356aca3e58 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
@@ -20,10 +20,9 @@ Agrega dos filas a la cuadrícula que tengan `50px` de alto cada una.
 La clase `container` debe tener una propiedad `grid-template-rows` con dos unidades de `50px`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +73,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-rows: 50px 50px;}</style>
+<style>
+  .container {
+    grid-template-rows: 50px 50px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
index 026e2d95ed..02251240ab 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
@@ -20,10 +20,9 @@ Usa esta propiedad para centrar todos los elementos horizontalmente.
 La clase `container` debe tener una propiedad `justify-items` que tenga como valor `center`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {justify-items: center;}</style>
+<style>
+  .container {
+    justify-items: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
index f55d0959f8..88ea8c1134 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
@@ -20,8 +20,9 @@ Usar la propiedad `align-items` en el contenedor de una grid establecerá el ali
 La clase `container` debe tener una propiedad `align-items` que tenga como valor `end`.
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {align-items: end;}</style>
+<style>
+  .container {
+    align-items: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
index 67281824b6..09d09d5c22 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
@@ -26,8 +26,9 @@ Usa la propiedad `justify-self` para centrar el elemento con la clase `item2`.
 La clase `item2` debe tener una propiedad `justify-self` que tenga como valor `center`.
 
 ```js
-assert(
-  code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -37,7 +38,9 @@ assert(
 
 ```html
 <style>
-  .item1{background: LightSkyBlue;}
+  .item1 {
+    background: LightSkyBlue;
+  }
 
   .item2 {
     background: LightSalmon;
@@ -47,9 +50,15 @@ assert(
     /* Only change code above this line */
   }
 
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -75,5 +84,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item2 {justify-self: center;}</style>
+<style>
+  .item2 {
+    justify-self: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
index f292e0307e..1525231dc0 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
@@ -20,7 +20,7 @@ Alinea verticalmente el elemento con clase `item3` hacia el final `end`.
 La clase `item3` debe tener una propiedad `align-self` con un valor de `end`.
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -29,8 +29,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
 
   .item3 {
     background: PaleTurquoise;
@@ -40,8 +44,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
     /* Only change code above this line */
   }
 
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +75,9 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {align-self: end;}</style>
+<style>
+  .item3 {
+    align-self: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
index f877654b3e..73c47be2f6 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
@@ -26,10 +26,9 @@ Haz que las columnas en la cuadrícula (grid) tengan `20px` de espacio.
 La clase `container` debe tener una propiedad `grid-column-gap` que tenga como valor `20px`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -72,5 +81,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-column-gap: 20px;}</style>
+<style>
+  .container {
+    grid-column-gap: 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
index 21eed63914..19355b7ac8 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
@@ -20,8 +20,9 @@ Crea un espacio para las filas que tenga `5px` de alto.
 La clase `container` debe tener una propiedad `grid-row-gap` que tenga como valor `5px`.
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +75,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-row-gap: 5px;}</style>
+<style>
+  .container {
+    grid-row-gap: 5px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
index 4cf223a856..d26b15e8e5 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
@@ -26,10 +26,9 @@ En la primera cuadrícula (grid), usa `auto-fill` con `repeat` para rellenar la
 La clase `container` debe tener una propiedad `grid-template-columns` con `repeat` y `auto-fill` que rellene la cuadrícula (grid) con columnas con ancho mínimo de `60px` y máximo de `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -91,11 +100,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
index c1ae86d424..9dcf219988 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
@@ -22,10 +22,9 @@ En la segunda cuadrícula (grid), usa `auto-fit` con `repeat` para rellenar la c
 La clase `container2` debe tener una propiedad `grid-template-columns` con `repeat` y `auto-fit` que cubra la cuadrícula con columnas que tengan un ancho mínimo de `60px` y un máximo de `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -35,11 +34,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -87,5 +96,12 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));} .container2 {grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+  }
+  .container2 {
+    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-grids-within-grids.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-grids-within-grids.md
index 4d677d28b5..8980251793 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-grids-within-grids.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-grids-within-grids.md
@@ -21,17 +21,16 @@ Convierte el elemento con clase `item3` en una cuadrícula con dos columnas de a
 La clase `item3` debe tener una propiedad `grid-template-columns` con los valores `auto` y `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
 );
 ```
 
 La clase `item3` debe tener una propiedad `display` con valor `grid`.
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -50,9 +49,9 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
     grid-template-rows: auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "advert header"
-      "advert content"
-      "advert footer";
+      'advert header'
+      'advert content'
+      'advert footer';
   }
   .item1 {
     background: LightSkyBlue;
@@ -85,7 +84,6 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
   .itemTwo {
     background: BlanchedAlmond;
   }
-
 </style>
 
 <div class="container">
@@ -102,5 +100,10 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {grid-template-columns: auto 1fr; display: grid;}</style>
+<style>
+  .item3 {
+    grid-template-columns: auto 1fr;
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md
index 46fd15313c..1ccb70b995 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/create-your-first-css-grid.md
@@ -22,7 +22,7 @@ Cambia la propiedad display del div que tiene la clase `container` a `grid`.
 La clase `container` debe tener una propiedad `display` con valor `grid`.
 
 ```js
-assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -31,11 +31,21 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,5 +70,9 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.container {display: grid;}</style>
+<style>
+  .container {
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
index 20cf51998e..8251808945 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
@@ -12,9 +12,9 @@ Puedes agrupar las celdas de tu cuadrícula en una <dfn>área</dfn> y darle a es
 
 ```css
 grid-template-areas:
-  "header header header"
-  "advert content content"
-  "advert footer footer";
+  'header header header'
+  'advert content content'
+  'advert footer footer';
 ```
 
 El código anterior agrupa las celdas de la cuadrícula en cuatro áreas; `header`, `advert`, `content` y `footer`. Cada palabra representa una celda y cada par de comillas representa una fila.
@@ -28,12 +28,9 @@ Cambia la plantilla para que el área de `footer` abarque toda la fila de abajo.
 La clase `container` debe tener una propiedad `grid-template-areas` similar al ejemplo, pero con el área `footer` abarcando toda la fila de abajo.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -43,11 +40,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,9 +67,9 @@ assert(
     grid-gap: 10px;
     grid-template-areas:
     /* Only change code below this line */
-      "header header header"
-      "advert content content"
-      "advert footer footer";
+      'header header header'
+      'advert content content'
+      'advert footer footer';
     /* Only change code above this line */
   }
 </style>
@@ -80,11 +87,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -97,9 +114,9 @@ assert(
     grid-gap: 10px;
 
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
index a0a09f9894..84bb4e29b0 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
@@ -26,10 +26,9 @@ Usando la función `minmax`, reemplaza `1fr` en la función `repeat` con un tama
 La clase `container` debe tener una propiedad `grid-template-columns` que repita 3 columnas con un mínimo de ancho de `90px` y máximo de `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -73,5 +82,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, minmax(90px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, minmax(90px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
index 920b475156..66dc95808a 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
@@ -28,10 +28,9 @@ Ubica un elemento con clase `item5` en el área `footer` usando la propiedad `gr
 La clase `item5` debe tener una propiedad `grid-area` que tenga como valor `footer`.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi)
+assert.match(
+  __helpers.removeCssComments(code),
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -41,10 +40,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -64,9 +71,9 @@ assert(
     grid-template-rows: 1fr 1fr 1fr;
     grid-gap: 10px;
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
@@ -82,5 +89,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: footer;}</style>
+<style>
+  .item5 {
+    grid-area: footer;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
index f2cf40f6b8..9598d2b552 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
@@ -42,10 +42,9 @@ Usa `repeat` para eliminar repetición de la propiedad `grid-template-columns`.
 La clase `container` debe tener una propiedad `grid-template-columns` que repita 3 columnas con ancho de `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -55,11 +54,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -89,5 +98,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, 1fr);}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, 1fr);
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
index b95a6c9f63..19dda30457 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
@@ -34,10 +34,9 @@ Haz una cuadrícula con tres columnas que tengan las siguientes dimensiones de a
 Tu clase `container` debe tener una propiedad `grid-template-columns` que tenga tres columnas con los siguientes anchos: `1fr`, `100px`, y `2fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -47,11 +46,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -79,5 +88,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 1fr 100px 2fr;}</style>
+<style>
+  .container {
+    grid-template-columns: 1fr 100px 2fr;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
index d97ea655d9..fc102d4273 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
@@ -12,13 +12,16 @@ dashedName: use-grid-area-without-creating-an-areas-template
 La propiedad `grid-area` que aprendiste en el último desafío puede ser usada de otra manera. Si tu cuadrícula (grid) no tiene plantillas de área de referencia, puedes crear un área para un elemento sobre la marcha para ubicar los elementos de la siguiente manera:
 
 ```css
-item1 { grid-area: 1/1/2/4; }
+item1 {
+  grid-area: 1/1/2/4;
+}
 ```
 
 Esto usa los números de líneas aprendidos anteriormente para definir cuál será el área de ese elemento. Los números en el ejemplo anterior representan estos valores:
 
 ```css
-grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;
+grid-area: horizontal line to start at / vertical line to start at / horizontal
+  line to end at / vertical line to end at;
 ```
 
 Entonces, el elemento en el ejemplo ocupará las filas entre las líneas 1 y 2, y las columnas entre las líneas 1 y 4.
@@ -32,10 +35,9 @@ Usa la propiedad `grid-area` para ubicar el elemento con clase `item5` entre la
 La clase `item5` debe tener una propiedad `grid-area` para rellenar toda el área entre la tercera y cuarta línea horizontal, y la primera y cuarta línea vertical.
 
 ```js
-assert(
-  code.match(
-    /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -45,10 +47,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -82,5 +92,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: 3/1/4/4;}</style>
+<style>
+  .item5 {
+    grid-area: 3/1/4/4;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
index 3c72a68c9c..743e3afe8c 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
@@ -36,18 +36,19 @@ Haz que el elemento con clase `item5` ocupe las dos últimas columnas de la cuad
 La clase `item5` debe tener una propiedad `grid-column`.
 
 ```js
-assert(
-  __helpers
-    .removeWhiteSpace($('style').text())
-    .match(/\.item5{.*grid-column:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-column:.*}/g
 );
 ```
 
 La clase `item5` debe tener una propiedad `grid-column` que resulte en ocupar las últimas dos columnas de la cuadrícula.
 
 ```js
-const colStart = getComputedStyle($('.item5')[0]).gridColumnStart;
-const colEnd = getComputedStyle($('.item5')[0]).gridColumnEnd;
+const itemFive = document.querySelector('.item5');
+const colStart = getComputedStyle(itemFive).gridColumnStart;
+const colEnd = getComputedStyle(itemFive).gridColumnEnd;
 const result = colStart.toString() + colEnd.toString();
 const correctResults = [
   '24',
@@ -60,7 +61,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -69,10 +70,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -107,10 +116,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
index 8df286b539..15de00bae0 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
@@ -20,16 +20,19 @@ Haz que el elemento con clase `item5` ocupe las últimas dos filas.
 La clase `item5` debe tener una propiedad `grid-row`.
 
 ```js
-assert(
-  __helpers.removeWhiteSpace($('style').text()).match(/\.item5{.*grid-row:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-row:.*}/g
 );
 ```
 
 La clase `item5` debe tener una propiedad `grid-row` que resulta en ocupar las dos últimas filas de la cuadrícula.
 
 ```js
-const rowStart = getComputedStyle($('.item5')[0]).gridRowStart;
-const rowEnd = getComputedStyle($('.item5')[0]).gridRowEnd;
+const itemFive = document.querySelector('.item5');
+const rowStart = getComputedStyle(itemFive).gridRowStart;
+const rowEnd = getComputedStyle(itemFive).gridRowEnd;
 const result = rowStart.toString() + rowEnd.toString();
 const correctResults = [
   '24',
@@ -42,7 +45,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -51,10 +54,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -89,10 +100,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
index 2b876fa6cc..8ea5d51578 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
@@ -22,12 +22,9 @@ Cuando el ancho del viewport sea `400px` o más, haz que el área header ocupe l
 Cuando el ancho del viewport es `400px` o más, la clase `container` debe tener una propiedad `grid-template-areas` en la cual las áreas header y footer ocupan las filas superior e inferior respectivamente y advtert y content ocupan las columnas izquierda y derecha de la fila central.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -67,30 +64,30 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
       /* Only change code below this line */
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
       /* Only change code above this line */
     }
   }
@@ -138,29 +135,29 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
-        "header header"
-        "advert content"
-        "footer footer";
+        'header header'
+        'advert content'
+        'footer footer';
     }
   }
 </style>
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
index 8bfc62e09a..b167168235 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
@@ -16,13 +16,17 @@ Las consultas de medios se basan en un tipo de medio, y si ese tipo de medio coi
 Aquí hay un ejemplo de una consulta multimedia que devuelve el contenido cuando el ancho del dispositivo es menor o igual a `100px`:
 
 ```css
-@media (max-width: 100px) { /* CSS Rules */ }
+@media (max-width: 100px) {
+  /* CSS Rules */
+}
 ```
 
 y la siguiente consultas de medios devuelve el contenido cuando la altura del dispositivo es mayor o igual a `350px`:
 
 ```css
-@media (min-height: 350px) { /* CSS Rules */ }
+@media (min-height: 350px) {
+  /* CSS Rules */
+}
 ```
 
 Recuerda, el CSS dentro de las consultas de medios se aplica sólo si el tipo de medio coincide con el del dispositivo que se está usando.
@@ -37,21 +41,30 @@ Debes declarar una consulta `@media` para dispositivos con un `height` menor o i
 
 ```js
 const media = new __helpers.CSSHelp(document).getCSSRules('media');
-assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)')));
+assert.isTrue(
+  media.some(x => x.media?.mediaText?.includes('(max-height: 800px)'))
+);
 ```
 
 Tu elemento `p` debe tener un `font-size` de `10px` cuando el `height` del dispositivo sea menor o igual a `800px`.
 
 ```js
-const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)');
-assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px");
+const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia(
+  '(max-height: 800px)'
+);
+assert.strictEqual(
+  rules?.find(x => x.selectorText === 'p')?.style?.fontSize,
+  '10px'
+);
 ```
 
 Tu elemento `p` debe tener un `font-size` inicial de `20px` cuando el dispositivo `height` sea superior a `800px`.
 
 ```js
-const ifPFirst = new __helpers.CSSHelp(document).getCSSRules()?.find(x => x?.selectorText === 'p' || x?.media);
-assert(ifPFirst?.style?.fontSize === '20px');
+const ifPFirst = new __helpers.CSSHelp(document)
+  .getCSSRules()
+  ?.find(x => x?.selectorText === 'p' || x?.media);
+assert.strictEqual(ifPFirst?.style?.fontSize, '20px');
 ```
 
 # --seed--
@@ -69,7 +82,14 @@ assert(ifPFirst?.style?.fontSize === '20px');
   /* Only change code above this line */
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -87,5 +107,12 @@ assert(ifPFirst?.style?.fontSize === '20px');
   }
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
index ca73cbcd6e..5a19832122 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
@@ -28,13 +28,13 @@ Agrega las reglas de estilo a la clase `responsive-img` para hacerla adaptable.
 Tu clase `responsive-img` debe tener un `max-width` establecido en `100%`.
 
 ```js
-assert(getComputedStyle($('.responsive-img')[0]).maxWidth === '100%');
+assert.strictEqual(getComputedStyle(document.querySelector('.responsive-img')).maxWidth, '100%');
 ```
 
 Tu clase `responsive-img` debe tener un `height` establecido en `auto`.
 
 ```js
-assert(code.match(/height:\s*?auto;/g));
+assert.match(code, /height:\s*?auto;/g);
 ```
 
 # --seed--
@@ -53,24 +53,38 @@ img {
 }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-.responsive-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  width: 600px;
-}
+  .responsive-img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  img {
+    width: 600px;
+  }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
index 8c291cdd79..7b86b50c7b 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
@@ -18,7 +18,9 @@ Las cuatro diferentes unidades de viewport son:
 Aquí hay un ejemplo que establece una etiqueta `body` al 30% del ancho del viewport.
 
 ```css
-body { width: 30vw; }
+body {
+  width: 30vw;
+}
 ```
 
 # --instructions--
@@ -30,20 +32,18 @@ Establece el ancho `width` de la etiqueta `h2` al 80% del ancho del viewport y e
 Tu etiqueta `h2` debe tener un `width` de 80vw.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /h2\s*?{\s*?width:\s*?80vw;\s*?}/g
 );
 ```
 
 Tu etiqueta `p` debe tener un `width` de 75vmin.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /p\s*?{\s*?width:\s*?75vmin;\s*?}/g
 );
 ```
 
@@ -57,7 +57,14 @@ assert(
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -65,13 +72,20 @@ assert(
 ```html
 <style>
   h2 {
-      width: 80vw;
+    width: 80vw;
   }
   p {
-      width: 75vmin;
+    width: 75vmin;
   }
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
index a3d59bde56..9db4a6293d 100644
--- a/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
+++ b/curriculum/challenges/espanol/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
@@ -15,9 +15,12 @@ La forma más sencilla de hacer que tus imágenes aparezcan correctamente en pan
 
 ```html
 <style>
-  img { height: 250px; width: 250px; }
+  img {
+    height: 250px;
+    width: 250px;
+  }
 </style>
-<img src="coolPic500x500" alt="A most excellent picture">
+<img src="coolPic500x500" alt="A most excellent picture" />
 ```
 
 # --instructions--
@@ -29,13 +32,13 @@ Establece el `width` y `height` de la etiqueta `img` a la mitad de sus valores o
 Tu etiqueta `img` debe tener un `width` de 100 píxeles.
 
 ```js
-assert(document.querySelector('img').width === 100);
+assert.strictEqual(document.querySelector('img').width, 100);
 ```
 
 Tu etiqueta `img` debe tener un `height` de 100 píxeles.
 
 ```js
-assert(document.querySelector('img').height === 100);
+assert.strictEqual(document.querySelector('img').height, 100);
 ```
 
 # --seed--
@@ -43,22 +46,26 @@ assert(document.querySelector('img').height === 100);
 ## --seed-contents--
 
 ```html
-<style>
-
-</style>
+<style></style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-  img { 
-    height: 100px; 
-    width: 100px; 
+  img {
+    height: 100px;
+    width: 100px;
   }
 </style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
index 47c05c0717..498b6b869c 100644
--- a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
+++ b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
@@ -72,7 +72,7 @@ Puedes utilizar cualquier combinición de HTML, JavaScript, CSS, Bootstrap, SASS
 
 **Historia de usuario #28:** El elemento de audio con id: `beep` debe dejar de reproducirse y se reiniciará al hacer clic en el elemento con id: `reset`.
 
-Puedes construir tu proyecto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">usando esta plantilla de CodePen</a> y haciendo clic en `Save` para crear una copia. O puedes usar el siguiente enlace de CDN (Red de distribución de contenidos) para ejecutar las pruebas en el ambiente que desees: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+Puedes construir tu proyecto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">usando esta plantilla de CodePen</a> y haciendo clic en `Save` para crear una copia. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 Una vez que hayas terminado, envía la URL de tu proyecto funcional con todas las pruebas aprobadas.
 
diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
index be6ccef3d3..6d3ab38780 100644
--- a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
+++ b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
@@ -41,7 +41,7 @@ Aquí tienes algunas muestras de audio que puedes usar para tu batería electró
 - [Kick](https://cdn.freecodecamp.org/testable-projects-fcc/audio/RP4_KICK_1.mp3)
 - [Closed-HH](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Cev_H2.mp3)
 
-Puedes crear tu proyecto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">usando esta plantilla de CodePen</a> y dando clic en `Save` para crear la tuya. O puedes usar este enlace CDN para ejecutar las pruebas en el ambiente que más te guste: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+Puedes crear tu proyecto <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">usando esta plantilla de CodePen</a> y dando clic en `Save` para crear la tuya. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 Una vez que hayas terminado, envía la URL de tu proyecto funcional con todos los tests aprobados.
 
diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
index c08c001cef..f3b641ebfa 100644
--- a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
+++ b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
@@ -52,7 +52,7 @@ Puedes utilizar cualquier combinición de HTML, JavaScript, CSS, Bootstrap, SASS
 -   **Immediate Execution Logic:** `11.5`
 -   **Fórmula/Expresión lógica:** `32.5`
 
-Puedes crear tu proyecto <a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow"> usando esta plantilla, </a> y haciendo clic en `Save` para crear tu propio proyecto CodePen. O puedes utilizar este enlace CDN para ejecutar las pruebas en cualquier entorno que desees: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 Una vez que hayas terminado, envía la URL de tu proyecto funcional con todas las pruebas realizadas.
 
diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
index 3b97f59bf6..8668227fc7 100644
--- a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
+++ b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
@@ -29,7 +29,7 @@ Puedes utilizar cualquier combinición de HTML, JavaScript, CSS, Bootstrap, SASS
 
 **Historia opcional (No necesitas hacer esto para pasar esta prueba):** Mi previsualizador de markdown interpreta los retornos de carro y los visualiza como elementos `br` (salto de línea).
 
-Puedes construir tu proyecto <a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow">usando esta plantilla de CodePen</a> y seleccionando `Save` (Guardar) para crear tu propio documento de CodePen. O puedes usar este enlace CDN para ejecutar las pruebas en el ambiente que más te guste: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 Una vez que hayas terminado, envía la URL a tu proyecto de trabajo con todas sus pruebas verificadas.
 
diff --git a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
index 13db36150b..c75139108d 100644
--- a/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
+++ b/curriculum/challenges/espanol/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
@@ -37,7 +37,7 @@ Puedes utilizar cualquier combinición de HTML, JavaScript, CSS, Bootstrap, SASS
 
 **Historia de usuario #11:** El elemento contenedor `#quote-box` debe estar centrado horizontalmente. Ejecuta las pruebas con el nivel de zoom del navegador al 100% y la página maximizada.
 
-Puedes crear tu proyecto <a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow"> usando esta plantilla, </a>y haciendo clic en `Save` para crear tu propio proyecto en CodePen. O puedes utilizar este enlace CDN para ejecutar las pruebas en cualquier entorno que desees: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 Una vez que hayas terminado, envía la URL de tu proyecto funcional con todas las pruebas pasadas.
 
diff --git a/curriculum/challenges/espanol/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md b/curriculum/challenges/espanol/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
index 6f576315bf..0b4fe38838 100644
--- a/curriculum/challenges/espanol/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
+++ b/curriculum/challenges/espanol/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
@@ -22,6 +22,8 @@ fetch('/json/cats.json')
 
 ```
 
+Note: The `fetch()` method uses `GET` as the default `HTTP` method. This means you don’t need to specify it explicitly for basic data retrieval.
+
 Echa un vistazo a cada parte de este código.
 
 En la primera línea es la que realiza la petición. Entonces, `fetch(URL)` realiza una petición `GET` a la URL especificada. Este método devuelve una Promesa.
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
index 29f31c5f31..6e9f555e9a 100644
--- a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
+++ b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
@@ -10,7 +10,6 @@ dashedName: build-a-personal-portfolio-webpage
 
 **Objetivo:** construye una aplicación que sea funcionalmente similar a <a href="https://personal-portfolio.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://personal-portfolio.freecodecamp.rocks</a>. **No copies este proyecto de demostración**.
 
-
 **Instrucciones:**
 
 1. Tu portafolio debe tener una sección de bienvenida con un `id` de `welcome-section`
@@ -34,8 +33,8 @@ Completa las intrucciones y pasa los tests de abajo para completar este projecto
 Tu portafolio debe tener una sección "Welcome" con un `id` de `welcome-section`.
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 Tu elemento `#welcome-section` de contener un elemento `h1`.
@@ -54,25 +53,21 @@ No debes tener ningún elemento `h1` vacío dentro del elemento `#welcome-sectio
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 Debes tener una sección "Projects" con un `id` de `projects`.
 
 ```js
-const el = document.getElementById('projects')
-assert(!!el);
+const el = document.getElementById('projects');
+assert.isNotNull(el);
 ```
 
 Tu portafolio debe contener al menos un elemento con una clase `project-tile`.
 
 ```js
-assert.isAbove(
-  document.querySelectorAll('#projects .project-tile').length,
-  0
-);
+assert.isAbove(document.querySelectorAll('#projects .project-tile').length, 0);
 ```
 
 Tu elemento `#projects` debe contener al menos un elemento `a`.
@@ -85,35 +80,33 @@ Tu portafolio debe tener una barra de navegación con un `id` de `navbar`.
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Tu elemento `#navbar` debe contener al menos un elemento `a` cuyo atributo `href` empiece con `#`.
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 Tu portafolio debe tener un elemento `a` con un `id` de `profile-link`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Tu elemento `#profile-link` debe tener un atributo `target` de `_blank`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Tu portafolio debe usar al menos una consulta de medios.
@@ -121,14 +114,15 @@ Tu portafolio debe usar al menos una consulta de medios.
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 Tu elemento `#navbar` siempre debe estar en la parte superior del viewport.
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -136,7 +130,7 @@ Tu elemento `#navbar` siempre debe estar en la parte superior del viewport.
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -147,8 +141,7 @@ Tu elemento `#navbar` siempre debe estar en la parte superior del viewport.
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -223,7 +216,7 @@ Tu elemento `#navbar` siempre debe estar en la parte superior del viewport.
 ```
 
 ```css
-nav{
+nav {
   position: fixed;
   width: 100%;
   text-align: right;
@@ -233,37 +226,37 @@ nav{
   background-color: #000000;
   color: #ffffff;
 }
-@media (max-width: 500px){
-  nav{
+@media (max-width: 500px) {
+  nav {
     display: none;
   }
 }
-a{
+a {
   color: #ffffff;
 }
-main{
+main {
   text-align: center;
   background-color: black;
-  font-family:Pacifico
+  font-family: Pacifico;
 }
-h1{
+h1 {
   font-size: 48pt;
 }
-h2{
+h2 {
   font-size: 24pt;
 }
-p{
+p {
   font-size: 12pt;
 }
-#welcome-section{
-  background-color:#251a4a;
-  color: #FFFFFF;
+#welcome-section {
+  background-color: #251a4a;
+  color: #ffffff;
   display: table-cell;
   vertical-align: middle;
   width: 100vw;
   height: 100vh;
 }
-#projects{
+#projects {
   background-color: #060a9c;
   color: #ffffff;
   display: table-cell;
@@ -271,7 +264,7 @@ p{
   width: 100vw;
   height: 100vh;
 }
-#contact{
+#contact {
   background-color: #03300b;
   color: #ffffff;
   display: table-cell;
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
index 4150fbec6d..480a05fdd6 100644
--- a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
+++ b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
@@ -38,327 +38,368 @@ Completa las intrucciones y pasa los tests de abajo para completar este projecto
 Debes tener un elemento `h1` con un `id` de `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.tagName === 'H1')
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'H1');
 ```
 
 Tu `#title` no debe estar vacío.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Debes tener un elemento `p` con un `id` de `description`.
 
 ```js
-const el = document.getElementById('description')
-assert(!!el && el.tagName === 'P')
+const el = document.getElementById('description');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'P');
 ```
 
 Tu `#description` no debe estar vacío.
 
 ```js
-const el = document.getElementById('description')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('description');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Debes tener un elemento `form` con un `id` de `survey-form`.
 
 ```js
-const el = document.getElementById('survey-form')
-assert(!!el && el.tagName === 'FORM')
+const el = document.getElementById('survey-form');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'FORM');
 ```
 
 Debes tener un elemento `input` con un `id` de `name`.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Tu `#name` debe tener un `type` de `text`.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.type === 'text')
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'text');
 ```
 
 Tu `#name` debe requerir una entrada.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.required)
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Tu `#name` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #name')
-assert(!!el)
+const el = document.querySelector('#survey-form #name');
+assert.isNotNull(el);
 ```
 
 Debes tener un elemento `input` con un `id` de `email`.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Tu `#email` debe tener un `type` de `email`.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.type === 'email')
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'email');
 ```
 
 Tu `#email` debe requerir una entrada.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.required)
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Tú `#email` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #email')
-assert(!!el)
+const el = document.querySelector('#survey-form #email');
+assert.isNotNull(el);
 ```
 
 Debes tener un elemento `input` con un `id` de `number`.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Tu `#number` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #number')
-assert(!!el)
+const el = document.querySelector('#survey-form #number');
+assert.isNotNull(el);
 ```
 
 Tu `#number` debe tener un `type` de `number`.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.type === 'number')
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'number');
 ```
 
 Tu `#number` debe tener un atributo `min` con un valor numérico.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.min && isFinite(el.min))
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotEmpty(el.min);
+assert.isTrue(isFinite(el.min));
 ```
 
 Tu `#number` debe tener un atributo `max` con un valor numérico.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.max && isFinite(el.max))
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotEmpty(el.max);
+assert.isTrue(isFinite(el.max));
 ```
 
 Deber tener un elemento `label` con un `id` de `name-label`.
 
 ```js
-const el = document.getElementById('name-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('name-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 Debes tener un elemento `label` con un `id` de `email-label`.
 
 ```js
-const el = document.getElementById('email-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('email-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 Debes tener un elemento `label` con un `id` de `number-label`.
 
 ```js
-const el = document.getElementById('number-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('number-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 Tu `#name-label` debe contener texto que describa la entrada.
 
 ```js
-const el = document.getElementById('name-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('name-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Tu `#email-label` debe contener texto que describa la entrada.
 
 ```js
-const el = document.getElementById('email-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('email-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Tu `#number-label` debe contener texto que describa la entrada.
 
 ```js
-const el = document.getElementById('number-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('number-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Tu `#name-label` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #name-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #name-label');
+assert.isNotNull(el);
 ```
 
 Tu `#email-label` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #email-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #email-label');
+assert.isNotNull(el);
 ```
 
 Tu `#number-label` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #number-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #number-label');
+assert.isNotNull(el);
 ```
 
 Tu `#name` deber tener un atributo `placeholder` y un valor.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Tu `#email` debe tener un atributo `placeholder` y un valor.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Tu `#number` debe tener un atributo `placeholder` y un valor.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Debes tener un campo `select` con un `id` de `dropdown`.
 
 ```js
-const el = document.getElementById('dropdown')
-assert(!!el && el.tagName === 'SELECT')
+const el = document.getElementById('dropdown');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'SELECT');
 ```
 
 Tu `#dropdown` debe tener al menos dos elementos `option` seleccionables (no deshabilitados).
 
 ```js
-const els = document.querySelectorAll('#dropdown option:not([disabled])')
-assert(els.length >= 2)
+const els = document.querySelectorAll('#dropdown option:not([disabled])');
+assert.isAtLeast(els.length, 2);
 ```
 
 Tu `#dropdown` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #dropdown')
-assert(!!el)
+const el = document.querySelector('#survey-form #dropdown');
+assert.isNotNull(el);
 ```
 
 Deber tener al menos dos elementos `input` con un `type` de `radio` (botones de radio).
 
 ```js
-const els = document.querySelectorAll('input[type="radio"]')
-assert(els.length >= 2)
+const els = document.querySelectorAll('input[type="radio"]');
+assert.isAtLeast(els.length, 2);
 ```
 
 Debe tener al menos dos botones de radio que sean descendientes de `#survey-form`.
 
 ```js
-const els = document.querySelectorAll('#survey-form input[type="radio"]')
-assert(els.length >= 2)
+const els = document.querySelectorAll('#survey-form input[type="radio"]');
+assert.isAtLeast(els.length, 2);
 ```
 
 Todos los botones de radio deben tener un atributo `value` y un valor.
 
 ```js
-const els1 = document.querySelectorAll('input[type="radio"]')
-const els2 = document.querySelectorAll('input[type="radio"][value=""], input[type="radio"]:not([value])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('input[type="radio"]');
+const els2 = document.querySelectorAll(
+  'input[type="radio"][value=""], input[type="radio"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Todos los botones de radio deben tener un atributo `name` y un valor.
 
 ```js
-const els1 = document.querySelectorAll('input[type="radio"]')
-const els2 = document.querySelectorAll('input[type="radio"][name=""], input[type="radio"]:not([name])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('input[type="radio"]');
+const els2 = document.querySelectorAll(
+  'input[type="radio"][name=""], input[type="radio"]:not([name])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Cada grupo de botones de radio deben tener al menos 2 botones de radio.
 
 ```js
 const radioButtons = document.querySelectorAll('input[type="radio"]');
-const groups = {}
+const groups = {};
 
 if (radioButtons) {
   radioButtons.forEach(el => {
-    if (!groups[el.name]) groups[el.name] = []
-    groups[el.name].push(el)
-  })
+    if (!groups[el.name]) groups[el.name] = [];
+    groups[el.name].push(el);
+  });
 }
 
-const groupKeys = Object.keys(groups)
+const groupKeys = Object.keys(groups);
 
 groupKeys.forEach(key => {
-  if (groups[key].length < 2) assert(false)
-})
+  if (groups[key].length < 2) assert(false);
+});
 
-assert(groupKeys.length > 0)
+assert.isAbove(groupKeys.length, 0);
 ```
 
 Debes tener al menos dos elementos `input` con un `type` de `checkbox` (casillas de verificación) que sean descendientes de `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="checkbox"]');
-assert(els.length >= 2)
+assert.isAtLeast(els.length, 2);
 ```
 
 Todos tus casillas de verificación dentro de `#survey-form` deben tener un atributo `value` y un valor.
 
 ```js
-const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]')
-const els2 = document.querySelectorAll('#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]');
+const els2 = document.querySelectorAll(
+  '#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Debes tener al menos un elemento de `textarea` que sea descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form textarea')
-assert(!!el)
+const el = document.querySelector('#survey-form textarea');
+assert.isNotNull(el);
 ```
 
 Debes tener un elemento `input` o `button` con un `id` de `submit`.
 
 ```js
-const el = document.getElementById('submit')
-assert(!!el && (el.tagName === 'INPUT' || el.tagName === 'BUTTON'))
+const el = document.getElementById('submit');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'INPUT' || el.tagName === 'BUTTON');
 ```
 
 Tu `#submit` debe tener un `type` de `submit`.
 
 ```js
-const el = document.getElementById('submit')
-assert(!!el && el.type === 'submit')
+const el = document.getElementById('submit');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'submit');
 ```
 
 Tu `#submit` debe ser descendiente de `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #submit')
-assert(!!el)
+const el = document.querySelector('#survey-form #submit');
+assert.isNotNull(el);
 ```
 
 # --seed--
@@ -508,7 +549,10 @@ body {
   background: #3a3240;
   color: white;
 }
-input, textarea, select, button {
+input,
+textarea,
+select,
+button {
   background: #3a3240;
   color: white;
 }
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
index ad0c49622b..02130970ad 100644
--- a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
+++ b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
@@ -37,141 +37,147 @@ Completa las intrucciones y pasa los tests de abajo para completar este projecto
 Debes tener un elemento `main` con un `id` de `main-doc`.
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 Debes tener al menos cinco elementos `section` con la clase `main-section`.
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 Todos tus elementos `.main-section` deben ser elementos `section`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 Debes tener al menos cinco elementos `.main-section` que sean descendientes de `#main-doc`.
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 El primer hijo de cada `.main-section` debe ser un elemento `header`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Ninguno de tus elementos `header` debe estar vacío.
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Todos tus elementos `.main-section` deben tener un `id`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Cada `.main-section` debe tener un `id` que coincida con el texto de su primer hijo, reemplazando los espacios en el texto del hijo con guiones bajos (`_`) para los id.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Debes tener al menos 10 elementos (en total) `p` dentro de tus elementos `.main-section`.
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 Debes tener al menos cinco elementos `code` que sean descendientes de los elementos `.main-section`.
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 Debes tener al menos cinco elementos `li` que sean descendientes de los elementos `.main-section`.
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 Debes tener un elemento `nav` con un `id` de `navbar`.
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 Tu `#navbar` debe tener exactamente un elemento `header` dentro de él.
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 Debes tener al menos un elemento `a` con la clase `nav-link`.
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 Todos tus elementos `.nav-link` deben ser elementos ancla (`a`).
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Todos tus elementos `.nav-link` deben estar en el `#navbar`.
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 Debes tener el mismo número de elementos `.nav-link` y `.main-section`.
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 El elemento `header` en el `#navbar` debe estar antes de cualquiera de los elementos enlace (`a`) también en la `#navbar`.
@@ -179,54 +185,66 @@ El elemento `header` en el `#navbar` debe estar antes de cualquiera de los eleme
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 Cada `.nav-link` debe tener un texto que corresponda con el texto del `header` de su `section` relacionado (por ejemplo, si tienes un section/header "Hello world", tu `#navbar` debe tener un `.nav-link` que tenga el texto "Hello world").
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 Cada `.nav-link` debe tener un atributo `href` que enlace a su correspondiente `.main-section` (por ejemplo, si haces clic en un elemento `.nav-link` que contenga el texto "Hello world", la página navega al elemento `section` con ese id).
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 Tu `#navbar` siempre debe estar en el borde izquierdo de la ventana.
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 Tu proyecto de documentación técnica debe usar al menos una consulta de medios.
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -501,7 +519,7 @@ a:hover {
   left: -5px;
   padding: 5px;
   text-align: center;
-  color: #92869c
+  color: #92869c;
 }
 @media (min-width: 480px) {
   #navbar {
@@ -510,7 +528,7 @@ a:hover {
 }
 main {
   margin-left: 220px;
-  color: #92869c
+  color: #92869c;
 }
 header {
   font-size: 20pt;
diff --git a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
index dd124c9952..cea800380c 100644
--- a/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
+++ b/curriculum/challenges/espanol/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
@@ -10,7 +10,6 @@ dashedName: build-a-tribute-page
 
 **Objetivo:** construye una app que sea funcionalmente similar a <a href="https://tribute-page.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://tribute-page.freecodecamp.rocks</a>. **No copies este proyecto de demostración**.
 
-
 **Instrucciones:**
 
 1. Tu página de tributo debe tener un elemento `main` con su correspondiente `id` de `main`, que contiene todos los otros elementos
@@ -32,111 +31,125 @@ Completa las intrucciones y pasa los tests de abajo para completar este projecto
 Debes tener un elemento `main` con un `id` de `main`.
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 Tu `#img-div`, `#image`, `#img-caption`, `#tribute-info`, y `#tribute-link` deben ser descendientes de `#main`.
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 Debes tener un elemento con un `id` de `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 Tu `#title` no debe estar vacío.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 Debes tener un elemento `figure` o `div` con un `id` de `img-div`.
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 Debes tener un elemento `img` con un `id` de `image`.
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 Tu `#image` debe ser descendiente de `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 Debes tener un elemento `figcaption` o `div` con un `id` de `img-caption`.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 Tu `#img-caption` debe ser descendiente de `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 Tu `#img-caption` no debe estar vacío.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 Debes tener un elemento con un `id` de `tribute-info`.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 Tu `#tribute-info` no debe estar vacío.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 Debes tener un elemento `a` con un `id` de `tribute-link`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Tu `#tribute-link` debe tener un atributo `href` y un valor.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 Tu `#tribute-link` debe tener un atributo `target` establecido en `_blank`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Tu elemento `img` debe tener un `display` de `block`.
@@ -144,8 +157,8 @@ Tu elemento `img` debe tener un `display` de `block`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 Tu `#image` debe tener un `max-width` de `100%`.
@@ -153,8 +166,8 @@ Tu `#image` debe tener un `max-width` de `100%`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 Tu `#image` debe tener un `height` de `auto`.
@@ -166,9 +179,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 Tu `#image` debe estar centrado dentro de su padre.
@@ -183,7 +196,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -208,12 +222,10 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
     <link
       href="https://fonts.googleapis.com/css?family=Pacifico"
       rel="stylesheet"
-
     />
     <link
       href="https://fonts.googleapis.com/css?family=Lobster"
       rel="stylesheet"
-
     />
     <link href="styles.css" rel="stylesheet" />
     <title>Tribute Page</title>
diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md
index 053dc57746..4f20209dd5 100644
--- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md
+++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md
@@ -25,12 +25,12 @@ Un <dfn>palíndromo</dfn> es una palabra o frase que se escribe de la misma mane
 1. When the `#text-input` element contains the text `_eye` and the `#check-btn` element is clicked, the `#result` element should contain the text `"_eye is a palindrome"`.
 1. When the `#text-input` element contains the text `race car` and the `#check-btn` element is clicked, the `#result` element should contain the text `"race car is a palindrome"`.
 1. When the `#text-input` element contains the text `not a palindrome` and the `#check-btn` element is clicked, the `#result` element should contain the text `"not a palindrome is not a palindrome"`.
-1. Cuando el elemento `#text-input` contiene el texto `A man, a plan, a canal. Panama` y el elemento `#check-btn` es pulsado, el elemento `#result` debe contener el texto `"A man, a plan, a canal. Panama is a palindrome"`.
+1. When the `#text-input` element contains the text `A man, a plan, a canal. Panama` and the `#check-btn` element is clicked, the `#result` element should contain the text `"A man, a plan, a canal. Panama is a palindrome"`.
 1. When the `#text-input` element contains the text `never odd or even` and the `#check-btn` element is clicked, the `#result` element should contain the text `"never odd or even is a palindrome"`.
 1. When the `#text-input` element contains the text `nope` and the `#check-btn` element is clicked, the `#result` element should contain the text `"nope is not a palindrome"`.
 1. When the `#text-input` element contains the text `almostomla` and the `#check-btn` element is clicked, the `#result` element should contain the text `"almostomla is not a palindrome"`.
 1. When the `#text-input` element contains the text `My age is 0, 0 si ega ym.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"My age is 0, 0 si ega ym. is a palindrome"`.
-1. Cuando el elemento `#text-input` contiene el texto `1 eye for of 1 eye` y se hace clic en el elemento `#check-btn`, el elemento `#result` debería contener el texto `"1 eye for of 1 eye. is not a palindrome"`.
+1. When the `#text-input` element contains the text `1 eye for of 1 eye.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"1 eye for of 1 eye. is not a palindrome"`.
 1. When the `#text-input` element contains the text `0_0 (: /-\ :) 0-0` and the `#check-btn` element is clicked, the `#result` element should contain the text `"0_0 (: /-\ :) 0-0 is a palindrome"`.
 1. When the `#text-input` element contains the text `five|\_/|four` and the `#check-btn` element is clicked, the `#result` element should contain the text `"five|\_/|four is not a palindrome"`.
 
@@ -138,7 +138,7 @@ checkBtn.click();
 assert.strictEqual(resultEl.innerText.trim().replace(/[.,?!]+$/g, '').toLowerCase(), 'not a palindrome is not a palindrome');
 ```
 
-Cuando el elemento `#text-input` contiene el texto `A man, a plan, a canal. Panama` y el elemento `#check-btn` es pulsado, el elemento `#result` debe contener el texto `"A man, a plan, a canal. Panama is a palindrome"`.
+When the `#text-input` element contains the text `A man, a plan, a canal. Panama` and the `#check-btn` element is clicked, the `#result` element should contain the text `"A man, a plan, a canal. Panama is a palindrome"`.
 
 ```js
 const inputEl = document.getElementById('text-input');
@@ -203,7 +203,7 @@ checkBtn.click();
 assert.strictEqual(resultEl.innerText.trim().replace(/[.,?!]+$/g, '').toLowerCase(), 'my age is 0, 0 si ega ym. is a palindrome');
 ```
 
-Cuando el elemento `#text-input` contiene el texto `1 eye for of 1 eye.` y se hace clic en el elemento `#check-btn`, el elemento `#result` debería contener el texto `"1 eye for of 1 eye. is not a palindrome"`.
+When the `#text-input` element contains the text `1 eye for of 1 eye.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"1 eye for of 1 eye. is not a palindrome"`.
 
 ```js
 const inputEl = document.getElementById('text-input');
diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
index f140204478..0fd09f9f54 100644
--- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
+++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
@@ -33,6 +33,12 @@ assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDiffere
 
 Tu callback de `reduce` debería devolver la suma de `acc` y `el`.
 
+```js
+assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}/);
+```
+
+You are missing the starting value of the `reduce`.
+
 ```js
 assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}\s*,\s*0\s*\)/);
 ```
diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
index 80a6cc496f..4c72c6460e 100644
--- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
+++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
@@ -14,7 +14,7 @@ Debajo de esas llamadas a funciones, agregue un `console.log(getMode(numbers))`.
 Para ver el resultado, introduzca los números `4, 4, 2, 5` y haga clic en el botón `"Calcular"`. Abra la consola para ver la siguiente matriz:
 
 ```js
-[ 2, 4, 4, 5 ]
+[ 4, 4, 2, 5 ]
 ```
 
 # --hints--
diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
index 6a9e13cbd3..d6314a30a9 100644
--- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
+++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
@@ -29,8 +29,45 @@ Your `printGreeting` function call should be below the `printGreeting` function
 assert.isBelow(code.indexOf("const printGreeting = () => {"), code.indexOf("printGreeting()"));
 ```
 
+Your `printGreeting` function call should output `Hello there!` to the console.
+
+```js
+assert.strictEqual(logOutput, "Hello there!"); 
+```
+
 # --seed--
 
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
index 069804ac76..d8acda81c4 100644
--- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
+++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
@@ -79,8 +79,47 @@ const functionDefinition = code.indexOf("printMessage =");
 assert.isBelow(functionDefinition, functionCall);
 ```
 
+Your `printMessage` function call should output `freeCodeCamp is awesome!` to the console.
+
+```js
+assert.strictEqual(logOutput, "freeCodeCamp is awesome!"); 
+```
+
 # --seed--
 
+
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index aa80f27553..b502bb5a32 100644
--- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
index 9ad8d6d3e0..d2b2eb504a 100644
--- a/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/espanol/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
index aefa6e0b66..28753e1cf4 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
@@ -13,7 +13,10 @@ In English, you can use the verb `to be` to ask questions about feelings, states
 
 Here are some more examples of turning statements into questions using `to be`:
 
-`He is here.` -> `Is he here?` `They are ready.` -> `Are they ready?`
+| Affirmative       | Interrogative     |
+| ----------------- | ----------------- |
+| `He is here.`     | `Is he here?`     |
+| `They are ready.` | `Are they ready?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
index 62ba669db6..3a2cc667d5 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
@@ -21,7 +21,7 @@ En nuestro diálogo, Sarah le pregunta a Tom si está contento con su nuevo trab
 
 ## --answers--
 
-Pide la opinión completa de Tom acerca del lugar de trabajo.
+It asks for Tom's complete opinion about the workplace.
 
 ### --feedback--
 
@@ -37,15 +37,15 @@ No se pregunta sobre el futuro o lo que Tom espera.
 
 ---
 
-Pregunta sobre los sentimientos de Tom desde su primer día hasta el presente.
+It asks about Tom's feelings from his first day to the present time.
 
 ---
 
-Sólo pregunta sobre el primer día de Tom en el lugar de trabajo.
+It asks only about Tom's first day at the workplace.
 
 ### --feedback--
 
-Se trata de la experiencia de Tom hasta el momento en que se le pregunta.
+It is about Tom's experience until the time he is asked.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
index e47bd84586..1701dc2ea8 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
@@ -24,7 +24,7 @@ What is Sarah referring to when she says `these activities`?
 
 ## --answers--
 
-`Yes, it’s great!`
+`Yes, it's great!`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
index 8051d737d7..8e987d3b5c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
@@ -19,7 +19,7 @@ Por ejemplo: `What is your name?` o `What are they doing?`
 
 Selecciona la pregunta correcta que Tom le haría a Sarah:
 
-`Absolutely! They are really fun. What is the team’s favorite?`
+`Absolutely! They are really fun. What is the team's favorite?`
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
index 243563c26b..b81211f0d3 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-12
 ---
 
-<!-- (Audio) Tom: Absolutely! They are really fun. What is the team’s favorite?
+<!-- (Audio) Tom: Absolutely! They are really fun. What is the team's favorite?
 
 Sarah: Many of us enjoy the monthly game night. Are you into board games?
 
@@ -31,7 +31,7 @@ La primera frase es correcta, pero la segunda no pregunta sobre el interés. Es
 
 ---
 
-`What is the team’s favorite?` y `Many of us enjoy the monthly game night.`
+`What is the team's favorite?` and `Many of us enjoy the monthly game night.`
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ La frase `Are you going to board games?` no es correcta gramaticalmente. La segu
 
 ---
 
-`What is the team’s favorite?` y `Are you into playing board games?`
+`What is the team's favorite?` and `Are you into playing board games?`
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
index 2ec809b29c..7b507290b1 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
@@ -18,7 +18,7 @@ El presente perfecto es un tiempo utilizado para indicar un vínculo entre el pr
 
 `I have played this game before.` - Esto está en el tiempo pretérito perfecto simple. Dice que la acción de jugar al juego ocurrió en un momento no especificado en el pasado.
 
-`I’ve played this game before.` - Esta oración también está en el tiempo pretérito perfecto simple, usando la contracción `I've` para `I have`. Al igual que el ejemplo anterior, afirma que la acción de jugar el juego ocurrió en un momento no especificado en el pasado.
+`I've played this game before.` - This sentence is also in the present perfect tense, using the contraction `I've` for `I have`. Al igual que el ejemplo anterior, afirma que la acción de jugar el juego ocurrió en un momento no especificado en el pasado.
 
 
 # --questions--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
index 5e20092dcd..3c92a9b47c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
@@ -11,13 +11,17 @@ dashedName: task-23
 
 Hasta ahora has aprendido a crear preguntas con el verbo `to be`. En oraciones con el verbo `to be` (am, is, are) sólo tienes que cambiar el orden de los sustantivos y el verbo para crear una pregunta. De esta forma:
 
-`You are a developer` -> `Are you a developer?`
+| Affirmative            | Interrogative          |
+| ---------------------- | ---------------------- |
+| `You are a developer.` | `Are you a developer?` |
 
-Cambiar el orden de los sustantivos y el verbo no funciona en cada situación. La mayoría de las frases necesitan que añadas un verbo auxiliar para crear preguntas. Uno de los verbos auxiliares más comunes es `Do`.
+Changing the order of the noun and the verb doesn’t work in every situation. La mayoría de las frases necesitan que añadas un verbo auxiliar para crear preguntas. One of the most common auxiliary verbs is `do`.
 
-Puedes usar el verbo `do` como un auxiliar para la mayoría de verbos. En el tiempo presente adopta la forma de `do` (I, you, we, they) y `does`(he, she, it). Es como un marcador que añadirás al comienzo de tu oración y que hace saber a todos que la frase es una pregunta. Por ejemplo:
+Puedes usar el verbo `do` como un auxiliar para la mayoría de verbos. In the present tense it assumes the form of `do` (I, you, we, they) and `does` (he, she, it). Es como un marcador que añadirás al comienzo de tu oración y que hace saber a todos que la frase es una pregunta. Por ejemplo:
 
-Declaración: `You debug on Fridays.` Pregunta: `Do you debug on Fridays?`
+| Affirmative             | Interrogative              |
+| ----------------------- | -------------------------- |
+| `You debug on Fridays.` | `Do you debug on Fridays?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
index 63ff95c941..93295dc16d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
@@ -13,7 +13,7 @@ Before you learned to ask questions using `do`, you can also use it to create ne
 
 `It does not function` - (Subject + `does` + `not` + main verb)
 
-Often, to be more practical people abbreviate `do not` to `don't` and `does not` to `doesn’t`.
+Often, to be more practical people abbreviate `do not` to `don't` and `does not` to `doesn't`.
 
 Just like with questions, when you use `don't`, the main verb that comes after it will always be in its base form, no matter who you're talking about.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
index d54a840e09..2013d86d4d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
@@ -29,7 +29,7 @@ Lee el fragmento del diálogo y rellena los espacios en blanco usando `do` o `do
 
 ### --feedback--
 
-En el primer espacio, Tom está haciendo una pregunta sobre las aficiones de Sophie, que requiere `do.`
+In the first blank, Tom is asking a question about Sophie's hobbies, which requires `do.`
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
index c08c733497..f4c9d870b4 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
@@ -11,7 +11,7 @@ Tom: It's a deal! -->
 
 # --description--
 
-La expresión `only if` se utiliza para establecer una condición para que suceda algo. Es como decir `this will happen if that happens.` Es una forma de llegar a un acuerdo donde una acción depende de otra.
+La expresión `only if` se utiliza para establecer una condición para que suceda algo. It's like saying `this will happen if that happens.` It's a way of making an agreement where one action depends on another.
 
 Por ejemplo: si tu amigo dice, `I'll go out only if it doesn't rain,` significa que saldrán pero el clima debe ser bueno - sin lluvia.
 
@@ -20,7 +20,7 @@ Por ejemplo: si tu amigo dice, `I'll go out only if it doesn't rain,` significa
 
 ## --text--
 
-¿Cuál es la condición de Sophie?
+What is Sophie's condition?
 
 ## --answers--
 
@@ -44,7 +44,7 @@ No se menciona a Sophie que quiere mostrar imágenes.
 
 ---
 
-Ella no quiere escuchar a Tom tocar.
+She doesn't want to hear Tom play.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
index 13c64dee96..0e48c5cd59 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
@@ -7,11 +7,11 @@ dashedName: task-43
 
 # --description--
 
-When you want to learn about a person’s character or personality without specifying their gender, you can use `they` as a singular pronoun and ask, `What are they like?`.
+When you want to learn about a person's character or personality without specifying their gender, you can use `they` as a singular pronoun and ask, `What are they like?`.
 
 This is a respectful and inclusive way to ask about someone. Using `they` in this way ensures that you don't make assumptions about people. Example:
 
-Imagine there is a new team member joining your programming project, but you haven’t met them yet. Instead of assuming their gender, you can ask your supervisor, `What are they like?`
+Imagine there is a new team member joining your programming project, but you haven't met them yet. Instead of assuming their gender, you can ask your supervisor, `What are they like?`
 
 This question helps you find out about the new member's personality, such as being organized, creative, or detail-oriented.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
index b324504d66..9d938cb52f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
@@ -13,7 +13,17 @@ As you already studied, for most verbs conjugation can be simple. You just  add
 
 Por ejemplo:
 
-`You talk` -> `He talks` `They do` -> `It does`
+Verb `to talk` conjugation:
+
+- `I talk`, `you talk`, `we talk`, and `they talk`.
+
+- `He talks`, `she talks`, and `it talks`.
+
+Verb `to do` conjugation:
+
+- `I do`, `you do`, `we do`, and `they do`.
+
+- `He does`, `she does`, and `it does`.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
index a1d512fed7..6ee041dcde 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
@@ -9,7 +9,7 @@ dashedName: task-58
 
 # --description--
 
-Let’s practice listening to verbs conjugated in the third person.
+Let's practice listening to verbs conjugated in the third person.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
index b5a7ed6dc1..dd804ae3ca 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
@@ -13,7 +13,7 @@ dashedName: task-60
 
 ## --text--
 
-Choose the correct question for asking about someone’s usual work location.
+Choose the correct question for asking about someone's usual work location.
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
index f206982476..7b9b413d19 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
@@ -11,7 +11,7 @@ dashedName: task-75
 
 The expression `to be in good hands` means that someone is being taken care of by a competent or capable person.
 
-It’s like saying you can relax because you trust the person helping or looking after you.
+It's like saying you can relax because you trust the person helping or looking after you.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
index 0bc7dfb91e..adf48b7131 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
@@ -35,7 +35,7 @@ Sophie's words are very positive, more than just average.
 
 ---
 
-She is unsure about Maria’s leadership skills.
+She is unsure about Maria's leadership skills.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
index a6504cbaf0..6729f470b2 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
@@ -13,7 +13,7 @@ The word `reasonable` means something is fair, makes sense, or is acceptable in
 
 ## --text--
 
-What does `that’s reasonable` mean?
+What does `that's reasonable` mean?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
index 0952906e3a..de288e79d4 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
@@ -9,7 +9,7 @@ dashedName: task-94
 
 In English, the verb `know` is conjugated to `knows` when the subject is singular and in third person.
 
-`Everyone` refers to a group but it is treated as a singular noun, that’s why in English the correct form is `everyone knows`.
+`Everyone` refers to a group but it is treated as a singular noun, that's why in English the correct form is `everyone knows`.
 
 
 # --questions--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
index a1dd8ac655..f4c78c5ed8 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
@@ -10,7 +10,7 @@ Tom: Good to know! Do they involve everyone on the team? -->
 
 # --description--
 
-Listen carefully to Tom’s question about the team meetings.
+Listen carefully to Tom's question about the team meetings.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
index 3abf3c6903..a692d933b9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
@@ -13,7 +13,7 @@ dashedName: task-104
 
 How long it takes to make a website depends on how big or small the job is. Choosing the coding language depends on the computer or system we use.
 
-Notice that after `depends` there’s always the preposition `on`.
+Notice that after `depends` there's always the preposition `on`.
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
index acdbdfe1e3..47b1f59464 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
@@ -26,7 +26,7 @@ Definitely next Monday.
 
 ### --feedback--
 
-`Definitely` is too certain compared to `probably.`
+Sophie says `probably`, which does not imply anything definite.
 
 ---
 
@@ -34,7 +34,7 @@ Maybe in two weeks.
 
 ### --feedback--
 
-`Maybe in two weeks` suggests less certainty and a longer timeframe than indicated by `probably.`
+Sophie uses `probably`, which suggests a greater level of certainty than maybe.
 
 ---
 
@@ -46,7 +46,7 @@ On Friday.
 
 ### --feedback--
 
-`On Friday` is not mentioned and does not align with `probably next Monday.`
+Friday was not mentioned in the dialog. It has to do with another day of the week.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
index 1ce7de6df7..1f60f107db 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
@@ -21,7 +21,7 @@ Which sentence is correct for describing one place near you?
 
 ### --feedback--
 
-`There are` is used for plural nouns, and `bank` is singular. Aprenderás más sobre `there are` en las próximas lecciones.
+`There are` is used for plural nouns, and `bank` is singular. You'll learn about `there are` in the next few lessons.
 
 ---
 
@@ -29,7 +29,7 @@ Which sentence is correct for describing one place near you?
 
 ### --feedback--
 
-This option is a question form, not a statement. You’ll learn about questions later.
+This option is a question form, not a statement. You'll learn about questions later.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
index 10c0845779..cbbd43b132 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
@@ -9,7 +9,9 @@ dashedName: task-112
 
 To elaborate a question using `there is` you just need to change the order of the verb `to be`, like so:
 
-`There is an ATM nearby` -> `Is there an ATM nearby?`
+| Affirmative               | Interrogative             |
+| ------------------------- | ------------------------- |
+| `There is an ATM nearby.` | `Is there an ATM nearby?` |
 
 This form is useful when you're not sure if the place or item exists in that area and you want to ask about it.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
index 726e33791e..fd061f85d5 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
@@ -31,7 +31,7 @@ Absence of parks.
 
 ### --feedback--
 
-`Absence` suggests that there are no parks.
+`A couple of` suggests that there are some parks.
 
 ---
 
@@ -43,7 +43,7 @@ Many parks.
 
 ### --feedback--
 
-`Many` indicates a larger quantity, which doesn't match the context.
+`A couple of` indicates a small quantity, which doesn't match this answer.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
index f252b9b231..aa91de15a3 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
@@ -11,9 +11,9 @@ dashedName: task-123
 
 Maria mentions that she doesn't know of any theater in the area. When you want to express that something does not exist or is not present somewhere, you use `there isn't` for singular nouns or `there aren't` for plural nouns.
 
-`There isn’t` is an abbreviation of `there is not`.
+`There isn't` is an abbreviation of `there is not`.
 
-`There aren’t` is an abbreviation of `there are not`.
+`There aren't` is an abbreviation of `there are not`.
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
index f5cbb5fad1..dba3b3ff6b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
@@ -21,11 +21,11 @@ There are closed malls.
 
 ### --feedback--
 
-They don’t discuss the opening hours of malls.
+They don't discuss the opening hours of malls.
 
 ---
 
-There aren’t any malls.
+There aren't any malls.
 
 ### --feedback--
 
@@ -33,7 +33,7 @@ Malls are easy to locate.
 
 ---
 
-Malls aren’t very common in this area.
+Malls aren't very common in this area.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
index fadee714a6..7c17a7e534 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
@@ -46,7 +46,7 @@ She doesn't ask about his family. Try again.
 
 ### --feedback--
 
-She doesn’t ask for reasons. Try again.
+She doesn't ask for reasons. Try again.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
index b0b31710cc..c5b67b57c9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
@@ -13,9 +13,10 @@ There are some verbs you can't use `didn't` to create negative sentences in the
 
 If you want to create a negative sentence using the verb `to be` in the past, simply  add `not` after `was` or `were`. Por ejemplo:
 
-`It was working normally` -> `It wasn't working normally`.
-
-`They were informed earlier` -> `They weren't informed earlier`.
+| Affirmative                   | Negative                         |
+| ----------------------------- | -------------------------------- |
+| `It was working normally.`    | `It wasn't working normally.`    |
+| `They were informed earlier.` | `They weren't informed earlier.` |
 
 `Wasn't` is the abbreviation of `was not` and `weren't` the abbreviation of `were not`.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
index 8620b1cc27..60aa2bf8c4 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-91
 ---
 
-<!-- (Audio) Anna: I saw that tech companies appreciate innovation and care for the employees’ well-being. -->
+<!-- (Audio) Anna: I saw that tech companies appreciate innovation and care for the employees' well-being. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
index 6c8694f2e4..3db34a46ba 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-61
 ---
 
-<!-- (Audio) Brian: They weren’t exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
+<!-- (Audio) Brian: They weren't exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
index a771e1f995..b950dd4104 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
@@ -6,7 +6,7 @@ dashedName: task-62
 ---
 
 <!-- (Audio) Sophie: That sounds cool. Did you ever work on any big projects during your studies? 
-Brian: They weren’t exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
+Brian: They weren't exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
index 0685ff884a..8b2cdb1d4b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
@@ -15,7 +15,7 @@ Listen to the audio and answer the question.
 
 ## --text--
 
-What part of Sarah’s answer suggests a course of action?
+What part of Sarah's answer suggests a course of action?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
index 57b9aca791..93211e77fd 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
@@ -11,7 +11,7 @@ dashedName: task-76
 
 `That's strange` means you think something is unusual or unexpected. For example, if you see it snowing in the summer, you might say, `That's strange.` It means you did not expect that to happen.
 
-`I'm sure` means you are confident that something is true. For example, if you know your friend’s birthday is tomorrow, you can say, `I'm sure it's tomorrow.` It means you believe it without doubt.
+`I'm sure` means you are confident that something is true. For example, if you know your friend's birthday is tomorrow, you can say, `I'm sure it's tomorrow.` It means you believe it without doubt.
 
 Listen and fill in the blanks.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
index ac608c2860..9d837be0c0 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
@@ -11,7 +11,7 @@ dashedName: task-78
 
 `Now that I think about it` means you have remembered or realized something after thinking more. For example, if you forgot where you put your keys but then remember, you might say, `Now that I think about it, they are on the table.` It means you have thought again and found new information.
 
-`To confuse something with something else` means to mix up two things and think one is the other. For example, if you see someone’s twin and think it is your friend, you can say `Sorry. I confused your twin with you`. It means you mistake one thing for another.
+`To confuse something with something else` means to mix up two things and think one is the other. For example, if you see someone's twin and think it is your friend, you can say `Sorry. I confused your twin with you`. It means you mistake one thing for another.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
index 1b76c28733..a46cb43df1 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
@@ -11,7 +11,7 @@ dashedName: task-79
 
 A `tray` is a flat, shallow container used to carry or hold things. For example, you use a `tray` to bring food or drinks from the kitchen to the table.
 
-`Enough` means having as much as you need. For example, if you have `enough water`, it means you have all the water you need to drink and you don’t need more. It can be used to talk about quantity, like having `enough food`, or to talk about quality, like when something is `good enough`.
+`Enough` means having as much as you need. For example, if you have `enough water`, it means you have all the water you need to drink and you don't need more. It can be used to talk about quantity, like having `enough food`, or to talk about quality, like when something is `good enough`.
 
 Listen to the dialogue and fill in the blanks.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
index afa946dd97..56857cb33b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
@@ -23,7 +23,7 @@ Sophie helps her team and James checked cybersecurity
 
 ### --feedback--
 
-This option incorrectly uses the simple present tense for Sophie and the simple past tense for James. They don’t reflect the continuous, ongoing nature of their current activities.
+This option incorrectly uses the simple present tense for Sophie and the simple past tense for James. They don't reflect the continuous, ongoing nature of their current activities.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
index c0b67f0d77..e8702f1bc0 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-22
 ---
 
-<!-- (Audio) Mark: Hi Maria! I'm testing a new software to find problems. It’s a nice experience so far, but we're doing more tests to make sure everything works. -->
+<!-- (Audio) Mark: Hi Maria! I'm testing a new software to find problems. It's a nice experience so far, but we're doing more tests to make sure everything works. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ In this dialogue, Mark talks about his activities related to a project.
 
 ## --sentence--
 
-`Hi Maria! I'm BLANK a new software to BLANK problems. It’s a nice experience so far, but we're BLANK more tests to BLANK sure everything BLANK`
+`Hi Maria! I'm BLANK a new software to BLANK problems. It's a nice experience so far, but we're BLANK more tests to BLANK sure everything BLANK`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
index d592a2afb6..8bad6d6f15 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-24
 ---
 
-<!-- (Audio) Mark: It’s a nice experience so far, but we're doing more tests to make sure everything works. -->
+<!-- (Audio) Mark: It's a nice experience so far, but we're doing more tests to make sure everything works. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
index 595f44abdd..614435a2b1 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-34
 ---
 
-<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I’m getting information for the articles. It's keeping me busy, but I enjoy it. -->
+<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I'm getting information for the articles. It's keeping me busy, but I enjoy it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
index 76cb3479d9..67845d45eb 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-35
 ---
 
-<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I’m getting information for the articles. It's keeping me busy, but I enjoy it. -->
+<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I'm getting information for the articles. It's keeping me busy, but I enjoy it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
index 6c53bef079..4b740a4e90 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
@@ -23,7 +23,7 @@ She is learning about project management
 
 ### --feedback--
 
-Sarah doesn’t mention project management.
+Sarah doesn't mention project management.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
index 38cc57f368..ae031d87a9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
@@ -13,7 +13,7 @@ When someone uses `either` at the end of a negative sentence, it means the same
 
 `I don't like carrots. My sister doesn't like them, either.`
 
-Here, `either` means both the speaker and their sister don’t like carrots.
+Here, `either` means both the speaker and their sister don't like carrots.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
index 4c6e55a91c..a2eb451b0f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
@@ -9,7 +9,7 @@ dashedName: task-2
 
 # --description--
 
-`AI` stands for Artificial Intelligence. It’s an abbreviation of Artificial Intelligence.
+`AI` stands for Artificial Intelligence. It's an abbreviation of Artificial Intelligence.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
index ce72ff1fa5..ffd65e845e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
@@ -9,7 +9,7 @@ dashedName: task-4
 
 # --description--
 
-`like` is a preposition used to describe the similarity between two things, people, or concepts. It indicates that there are shared qualities or characteristics between the compared elements. It’s commonly used in comparisons to highlight similarities. Example: `Her eyes are blue like the sky.`
+`like` is a preposition used to describe the similarity between two things, people, or concepts. It indicates that there are shared qualities or characteristics between the compared elements. It's commonly used in comparisons to highlight similarities. Example: `Her eyes are blue like the sky.`
 
 Fill in the blank with proper word.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
index 1d4e672e11..13c884e97e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
@@ -9,7 +9,7 @@ dashedName: task-5
 
 # --description--
 
-In this challenge, you’ll practice what you learned in previous challenges. Listen to the dialogue and choose the correct answer.
+In this challenge, you'll practice what you learned in previous challenges. Listen to the dialogue and choose the correct answer.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
index dae53352ee..e2cbb035ff 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
@@ -9,7 +9,7 @@ dashedName: task-88
 
 # --description--
 
-You learned how to talk about an unspecified thing or information with a broad term that didn’t point to a specific item. Let’s review it in this challenge.
+You learned how to talk about an unspecified thing or information with a broad term that didn't point to a specific item. Let's review it in this challenge.
 
 Listen and fill in the blank.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
index 794626ff98..4c893335a0 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
@@ -39,7 +39,7 @@ This answer limits `AR` to one aspect, which is not what `it is a mix` suggests.
 
 ### --feedback--
 
-`It is a mix` doesn’t mean `AR` is separate from reality.
+`It is a mix` doesn't mean `AR` is separate from reality.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
index 27013db43b..550916df98 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
@@ -9,7 +9,7 @@ dashedName: task-92
 
 # --description--
 
-Let’s review what Sophie and Tom talk about.
+Let's review what Sophie and Tom talk about.
 
 Listen and fill in the blanks to complete the dialogue.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
index a77f0cd3b5..b1cb3e9d4f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
@@ -9,7 +9,7 @@ dashedName: task-97
 
 # --description--
 
-Let’s review what Sophie and Tom talk about, to understand how AR works.
+Let's review what Sophie and Tom talk about, to understand how AR works.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
index eeaf14a9a9..8a3f0c8a5c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-6
 ---
 
-<!-- (Audio) Sophie: No, I haven’t seen her yet. What can you tell me about her? -->
+<!-- (Audio) Sophie: No, I haven't seen her yet. What can you tell me about her? -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
index e0fda29041..21b8b9c2f8 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Sophie: No, I haven’t seen her yet. What can you tell me about her? -->
+<!-- (Audio) Sophie: No, I haven't seen her yet. What can you tell me about her? -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
index bea414922a..186571939a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-13
 ---
 
-<!-- (Audio) Bob: You’ll recognize her right away. -->
+<!-- (Audio) Bob: You'll recognize her right away. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ The phrase `right away` means quickly or very soon. For instance, `If you find a
 
 ## --sentence--
 
-`You’ll BLANK her BLANK BLANK.`
+`You'll BLANK her BLANK BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
index 39bff4f925..d0ba29b5e7 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-14
 ---
 
-<!-- (Audio) Bob: You’ll recognize her right away. -->
+<!-- (Audio) Bob: You'll recognize her right away. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
index 7cee717ac6..570d4df910 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-71
 ---
 
-<!-- (Audio) Tom: Ah, speaking of procedures, is there anything he’s told you that we need to do when it comes to office security? -->
+<!-- (Audio) Tom: Ah, speaking of procedures, is there anything he's told you that we need to do when it comes to office security? -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
index d6dbb067a2..bfac37f057 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-82
 ---
 
-<!-- (Audio) Bob: I also can’t disclose sensitive information to anyone outside of the company. -->
+<!-- (Audio) Bob: I also can't disclose sensitive information to anyone outside of the company. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
index 693c5e9d72..b420fd22f0 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-94
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, if you don't eat healthy food or exercise, you might be `neglecting
 
 ## --sentence--
 
-`I also don’t want to BLANK BLANK BLANK, so two months ago I started jogging regularly.`
+`I also don't want to BLANK BLANK BLANK, so two months ago I started jogging regularly.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
index 75b255753c..0028bed138 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-95
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, if you say `I moved here a year ago`, it means that one year has pa
 
 ## --sentence--
 
-`I also don’t want to neglect my health, so two months BLANK I started jogging regularly.`
+`I also don't want to neglect my health, so two months BLANK I started jogging regularly.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
index 0bd71338c3..0e004c465a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-97
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -21,7 +21,7 @@ Ejemplos:
 
 ## --sentence--
 
-`I also don’t want to neglect my health, so two months ago I started BLANK BLANK.`
+`I also don't want to neglect my health, so two months ago I started BLANK BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
index 7f80a0719d..2c369859ad 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
@@ -6,7 +6,7 @@ dashedName: task-99
 ---
 
 <!-- (Audio) Brian: Tell me about your responsibilities beyond work.
-Sophie: Well, I have to make time for my family – that's really important to me. I also don’t want to neglect my health, so two months ago I started jogging regularly. It helps me relax and stay fit. -->
+Sophie: Well, I have to make time for my family – that's really important to me. I also don't want to neglect my health, so two months ago I started jogging regularly. It helps me relax and stay fit. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
index fdb363d022..57b9c82c78 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-106
 ---
 
-<!-- (Audio) Sophie: Sometimes, it’s the simple and free things that bring us the result we’re looking for. -->
+<!-- (Audio) Sophie: Sometimes, it's the simple and free things that bring us the result we're looking for. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
index 576dc7c49d..ee26a96c10 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
@@ -43,7 +43,7 @@ It disconnects applications from the internet, focusing on internal networks.
 
 ### --feedback--
 
-Serverless computing still uses the internet as part of cloud services; it doesn’t focus on internal networks.
+Serverless computing still uses the internet as part of cloud services; it doesn't focus on internal networks.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
index 5b268a1a15..da642e989c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-38
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, `He is hearing different opinions on the topic.` It shows he is cur
 
 ## --sentence--
 
-`Sarah, I’m BLANK a lot BLANK AI in programming these days, but I don't know how to use it. Any ideas?`
+`Sarah, I'm BLANK a lot BLANK AI in programming these days, but I don't know how to use it. Any ideas?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
index 945356b730..85316441f7 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-41
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
index ea0707a135..ea4db24932 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-42
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
index 1d2e63e5b5..7bcc11f1f7 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
@@ -23,7 +23,7 @@ Using a program that automatically improves code efficiency
 
 ### --feedback--
 
-This is an example of AI, as it involves using technology to improve code, aligning with Sarah’s description.
+This is an example of AI, as it involves using technology to improve code, aligning with Sarah's description.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
index 2a56c9c1f8..183dddda2f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
@@ -17,7 +17,8 @@ Instead of saying `It seems like you have a ton of energy this morning`, James c
 
 Here are some more examples:
 
-`She wakes up early every day` - `Early` describes the time of her waking up. `He has a quick shower in the morning` - `Quick` describes the short duration of the shower.
+* `She wakes up early every day` - `Early` describes the time of her waking up.
+* `He has a quick shower in the morning` - `Quick` describes the short duration of the shower.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
index 36b81bc2b6..23f91c4ccf 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
@@ -13,9 +13,8 @@ The words `before` and `after` are used to describe the order of events in time.
 
 `Before` is used to talk about something that happens earlier than another event, and `after` is used for something that happens later. Por ejemplo:
 
-`I brush my teeth before I have breakfast` (Brushing teeth happens first)
-
-`I go to work after I have breakfast` (Going to work happens later)
+* `I brush my teeth before I have breakfast` (Brushing teeth happens first)
+* `I go to work after I have breakfast` (Going to work happens later)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
index fecd70d0d7..38a3aec436 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
@@ -9,7 +9,10 @@ dashedName: task-14
 
 The verb `take` is used in many common English expressions. When `take` is used with different nouns, it can have special meanings. Por ejemplo:
 
-`Take a shower` means to shower. `Take a walk` means to go for a walk. `Take a nap` means to sleep for a little while. `Take a chance` means to try something that might be risky.
+* `Take a shower` means to shower.
+* `Take a walk` means to go for a walk.
+* `Take a nap` means to sleep for a little while.
+* `Take a chance` means to try something that might be risky.
 
 These phrases are like fixed recipes in English; the words go together to mean something specific.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
index cde09c6b3f..7263e0f508 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
@@ -9,7 +9,9 @@ dashedName: task-15
 
 Remember, adjectives are words that describe or give more information about nouns. They can tell you how something looks, feels, or acts. Por ejemplo:
 
-`Quick` describes something done in a short time. `Relaxed` describes something or someone calm and not strict. `Alert` describes being fully aware and paying attention.
+* `Quick` describes something done in a short time.
+* `Relaxed` describes something or someone calm and not strict.
+* `Alert` describes being fully aware and paying attention.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
index b1c7d06d40..f3f6780a7d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
@@ -9,7 +9,9 @@ dashedName: task-16
 
 The verb `get` is very common in English and has many uses. It can mean to receive, become, or reach a state. Por ejemplo:
 
-`Get dressed` means to put on clothes. `Get ready` means to prepare for something. `Get tired` means to start feeling tired.
+* `Get dressed` means to put on clothes.
+* `Get ready` means to prepare for something.
+* `Get tired` means to start feeling tired.
 
 Understanding how `get` is used will help you express different actions and states in English.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
index 36d07085fd..acf34b987e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
@@ -9,7 +9,8 @@ dashedName: task-19
 
 A `dress code` is a set of rules about what you should wear in a certain place or event. Different places have different dress codes. Por ejemplo:
 
-A `relaxed dress code` means you can wear casual, comfortable clothes. A `formal dress code` requires more official and elegant clothes.
+* A `relaxed dress code` means you can wear casual, comfortable clothes.
+* A `formal dress code` requires more official and elegant clothes.
 
 Note: Remember, dress codes can vary depending on the culture and the specific place.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
index 239640bcc1..34c8758e4d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
@@ -13,7 +13,8 @@ dashedName: task-26
 
 `Late` means doing something after the expected or usual time, like arriving late to a meeting. Here are some examples:
 
-`She likes to start her day early with a jog.` `He often works late at the office.`
+* `She likes to start her day early with a jog.`
+* `He often works late at the office.`
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
index fafec49289..14cae5c29b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
@@ -11,7 +11,8 @@ dashedName: task-27
 
 The word `never` is an adverb used to mean `not at any time` or `not ever`. It's often used to talk about things that someone doesn't do or hasn't done. Por ejemplo:
 
-`I have never been to Australia.` (this means the person has not visited Australia at any time) `She never eats fast food.` (this means she does not eat fast food at any time)
+* `I have never been to Australia.` (this means the person has not visited Australia at any time)
+* `She never eats fast food.` (this means she does not eat fast food at any time)
 
 The word `thought` is the past tense of `think`. `Thought of that` means to have considered or come up with an idea in the past. Por ejemplo:
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
index f0fd0d0a76..aff3d2294d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
@@ -11,11 +11,9 @@ dashedName: task-28
 
 When a verb follows a preposition, it often takes the `-ing` form, known as a gerund. Gerunds are verbs acting as nouns. This rule is common in many English expressions. Por ejemplo:
 
-`After eating dinner, we watched a movie.` (`eating` follows the preposition `after`)
-
-`She is interested in learning Spanish.` (`learning` follows the preposition `in`)
-
-`Before going to bed, I like to read.` (`going` follows the preposition `before`)
+* `After eating dinner, we watched a movie.` (`eating` follows the preposition `after`)
+* `She is interested in learning Spanish.` (`learning` follows the preposition `in`)
+* `Before going to bed, I like to read.` (`going` follows the preposition `before`)
 
 
 # --questions--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
index 0c42035e90..1ee9dde9a1 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
@@ -11,9 +11,8 @@ dashedName: task-29
 
 The word `if` is often used in conditional statements to talk about a possible situation and its consequences. Por ejemplo:
 
-`If it rains, I will bring an umbrella.` (The action of bringing an umbrella depends on the possibility of rain.)
-
-`If you need help, just ask.` (The offer to help is conditional on the other person needing it.)
+* `If it rains, I will bring an umbrella.` (The action of bringing an umbrella depends on the possibility of rain.)
+* `If you need help, just ask.` (The offer to help is conditional on the other person needing it.)
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
index f30d26b352..52d4ab82b8 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
@@ -13,9 +13,8 @@ The word `even` is used to add emphasis to a statement, often highlighting somet
 
 When combined with `before` in the phrase `even before`, it emphasizes that an action or event occurs earlier than usual or expected, adding a sense of surprise or admiration. Por ejemplo:
 
-`Even before the sun rises, she starts her workout.` (emphasizes that her workout begins unusually early)
-
-`He finished the project even before the deadline.` (implies that finishing before the deadline is surprisingly early)
+* `Even before the sun rises, she starts her workout.` (emphasizes that her workout begins unusually early)
+* `He finished the project even before the deadline.` (implies that finishing before the deadline is surprisingly early)
 
 In conversation, using `even` can express that something is more than what might be considered normal or usual. It makes the statement stronger.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
index 28c222c9a5..88883789a0 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
@@ -11,7 +11,8 @@ dashedName: task-32
 
 You probably remember that `I'll` is the contracted form of `I will`, a modal verb used to express future intentions, decisions, or plans made at the moment of speaking. Por ejemplo:
 
-`I'll call you tomorrow.` (future intention to call) `I'll take the bus to work.` (decision made about taking the bus)
+* `I'll call you tomorrow.` (future intention to call)
+* `I'll take the bus to work.` (decision made about taking the bus)
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
index e6539457de..189614775f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
@@ -15,7 +15,7 @@ This challenge is designed to summarize and reinforce the understanding of James
 
 ## --sentence--
 
-`Sarah has a consistent morning routine. She BLANK up around 7 AM and starts her day by BLANK a bit. After making a cup of BLANK, she takes a BLANK shower and goes to the kitchen to BLANK a balanced breakfast. This helps her stay BLANK during the morning. She checks her BLANK and messages before BLANK to work. She likes to stay BLANK about the day’s tasks. James thinks her productivity BLANK coming to work is impressive and says he BLANK try some of her habits to become more BLANK in the morning as well.`
+`Sarah has a consistent morning routine. She BLANK up around 7 AM and starts her day by BLANK a bit. After making a cup of BLANK, she takes a BLANK shower and goes to the kitchen to BLANK a balanced breakfast. This helps her stay BLANK during the morning. She checks her BLANK and messages before BLANK to work. She likes to stay BLANK about the day's tasks. James thinks her productivity BLANK coming to work is impressive and says he BLANK try some of her habits to become more BLANK in the morning as well.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
index 1c72415d9d..e5c960336b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
@@ -11,7 +11,8 @@ The `y` ending can also turn nouns into adjectives that describe a characteristi
 
 `Healthy` comes from the noun `health` and means having or showing good health. Like `sleepy`, the `y` changes the noun into an adjective. Other examples:
 
-`Wealthy` (having a lot of wealth), `Cloudy` (full of or covered with clouds)
+* `Wealthy` (having a lot of wealth)
+* `Cloudy` (full of or covered with clouds)
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
index 3f9520580a..26f0966596 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
@@ -15,7 +15,9 @@ There's a difference between `may be` and `maybe`. Let's take a closer look.
 
 `Maybe` is an adverb indicating uncertainty or possibility. Por ejemplo:
 
-`It may be raining outside.` (suggests a possibility of rain) `Maybe I will go out later.` (expresses uncertainty about going out) `May I ask a question?` (Asks for the permission to speak)
+* `It may be raining outside.` (suggests a possibility of rain)
+* `Maybe I will go out later.` (expresses uncertainty about going out)
+* `May I ask a question?` (Asks for the permission to speak)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
index 5596deaee4..f08ef31d4c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
@@ -11,7 +11,7 @@ dashedName: task-45
 
 `I feel groggy if I don't get enough sleep` (describes feeling tired due to lack of sleep)
 
-`Sluggish` is an adjective that describes a feeling of low energy, slow movement, or a lack of alertness. It's often used when someone feels tired, lethargic, or not able to think or move quickly. This term can apply to both physical and mental states. Here are some examples:
+`Sluggish` is an adjective that describes a feeling of low energy, slow movement, or a lack of alertness. It's often used when someone feels tired, lethargic, or not able to think or move quickly. This term can apply to both physical and mental states. Here is an example:
 
 `The computer was running sluggishly, taking a long time to respond` (describes slow performance, used metaphorically for an inanimate object)
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
index 3c7dce4dbc..0c9c9cadd2 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
@@ -11,9 +11,8 @@ dashedName: task-46
 
 The verb `to ring` refers to the action of making a sound, particularly a clear resonant sound. It's commonly used to describe the sound made by bells, telephones, or alarms. Por ejemplo:
 
-`The phone will ring at 9 AM to remind me of the meeting.` (indicates the phone making a sound)
-
-`I wake up when my alarm clock rings.` (describes the alarm making a sound to wake someone up)
+* `The phone will ring at 9 AM to remind me of the meeting.` (indicates the phone making a sound)
+* `I wake up when my alarm clock rings.` (describes the alarm making a sound to wake someone up)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
index eec27311cb..1a8d2f2b14 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
@@ -11,9 +11,8 @@ dashedName: task-47
 
 The imperative form is used to give orders, instructions, or advice. It often starts with a verb in the base form for positive commands, or with `don't`/`do not` for negative commands. Understanding this form is important for following or giving instructions. Por ejemplo:
 
-`Drink plenty of water` (positive command)
-
-`Don't stay up too late` (negative command)
+* `Drink plenty of water` (positive command)
+* `Don't stay up too late` (negative command)
 
 # --fillInTheBlank--
 
@@ -27,7 +26,7 @@ The imperative form is used to give orders, instructions, or advice. It often st
 
 ### --feedback--
 
-Base form of the verb used for giving a positive command. Esta palabra se escribe en mayúscula.
+Base form of the verb used for giving a positive command. This word is capitalized.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
index d1da8544de..1f2d0e65f3 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
@@ -9,9 +9,8 @@ dashedName: task-50
 
 The word `later` is the comparative form of `late`, used to indicate a time or event that is after the expected, usual, or planned time. Comparatives are used to compare two things. Por ejemplo:
 
-`We will leave later than planned.` (means leaving after the planned time)
-
-`She arrived later than me.` (indicates she arrived after the speaker)
+* `We will leave later than planned.` (means leaving after the planned time)
+* `She arrived later than me.` (indicates she arrived after the speaker)
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
index 40d7b3165f..ac3e107d2a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
@@ -11,9 +11,8 @@ dashedName: task-52
 
 `Who` can be used as a relative pronoun to introduce a clause that gives more information about a person or people. It links a description or action specifically to a person. Por ejemplo:
 
-`She is someone who always knows what to do.` (links the knowing what to do to the person)
-
-`He's the data analyst who helped me a lot.` (describes the data analyst with the action of helping)
+* `She is someone who always knows what to do.` (links the knowing what to do to the person)
+* `He's the data analyst who helped me a lot.` (describes the data analyst with the action of helping)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
index fba15ded68..2175f30be5 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
@@ -11,9 +11,8 @@ dashedName: task-54
 
 The verb `to rush` means to do something or move quickly or in a hurry, often due to time pressure. It's used to describe actions done with urgency. Por ejemplo:
 
-`I had to rush to catch the train.` (means moving quickly to not miss the train)
-
-`Don't rush your decision.` (suggests taking time to decide)
+* `I had to rush to catch the train.` (means moving quickly to not miss the train)
+* `Don't rush your decision.` (suggests taking time to decide)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
index 5d4f6d0842..f5cdd1cac4 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
@@ -11,9 +11,8 @@ dashedName: task-56
 
 `Breathing exercises` are practices where you consciously control your breathing pattern. They are often used for relaxation, stress management, and to `clear your mind` – which means to free your mind from stress or worry. Por ejemplo:
 
-`Deep breathing helps to calm your nerves.` (uses controlled breathing for relaxation)
-
-`Clear your mind before the test to focus better.` (freeing the mind from distractions)
+* `Deep breathing helps to calm your nerves.` (uses controlled breathing for relaxation)
+* `Clear your mind before the test to focus better.` (freeing the mind from distractions)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
index bc02de63fa..0e793077be 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
@@ -17,7 +17,7 @@ Conditional sentences often use `if` to describe a situation (cause) that will l
 
 ## --text--
 
-What is the cause and consequence of the expert’s advice?
+What is the cause and consequence of the expert's advice?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
index 471fe9b099..ceb46f542b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
@@ -11,11 +11,13 @@ dashedName: task-62
 
 Past tense verbs are used to talk about actions that happened in the past. Some verbs change their form in the past tense, like `say` to `said`. Por ejemplo:
 
-`Yesterday, she said she would join us` (Past tense of `say`) `He said the meeting was at noon` (Describes a past statement about the meeting time)
+* `Yesterday, she said she would join us` (Past tense of `say`)
+* `He said the meeting was at noon` (Describes a past statement about the meeting time)
 
-Another example of irregular verb is `tell`, which becomes `told` in the past tense. Por ejemplo:
+Another example of an irregular verb is `tell`, which becomes `told` in the past tense. Por ejemplo:
 
-`He told me about the plan last week` (Past tense of `tell`) `Last night, they told stories about our last project` (Using `told` to describe a past action)
+* `He told me about the plan last week` (Past tense of `tell`)
+* `Last night, they told stories about our last project` (Using `told` to describe a past action)
 
 Don't worry if irregular verbs seem tricky; with practice, you'll get the hang of them!
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
index 5e4c4cd6d3..963e21d55f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
@@ -11,15 +11,13 @@ dashedName: task-63
 
 Regular verbs usually add `-ed` to form the past tense. This can also result in some adjectives as in the dialogue.
 
-`Complicated` is the past tense form of the regular verb `complicate`, as well as the adjective that means something is not simple or easy to do. One example of it as a verb can be: `The problems on the road complicated our trip.`
-
-`I walked to the store` (Past tense of `walk`)
-
-`She cleaned her room yesterday` (Past tense of `clean`)
+* `Complicated` is the past tense form of the regular verb `complicate`, as well as the adjective that means something is not simple or easy to do. One example of it as a verb can be: `The problems on the road complicated our trip.`
+* `I walked to the store` (Past tense of `walk`)
+* `She cleaned her room yesterday` (Past tense of `clean`)
 
 Extra note to help with the audio:
 
-`Running around` means moving about in a hurried or energetic way, often chaotically. Por ejemplo:
+`Running around` means moving about in a hurried or energetic way, often chaotically. For example:
 
 `The kids are running around the playground`
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
index 8e075f537f..7ed16d6426 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
@@ -9,7 +9,7 @@ dashedName: task-64
 
 # --description--
 
-Listen to the audio and complente the sentence below.
+Listen to the audio and complete the sentence below.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
index 2a320ba029..c19c19a0af 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
@@ -11,7 +11,8 @@ dashedName: task-65
 
 The modal verb `could` is often used to politely ask for help or suggestions. Por ejemplo:
 
-`Could you show me how to do this?` (asking for help in a polite way) `What could I do to improve my skills?` (asking for suggestions)
+* `Could you show me how to do this?` (asking for help in a polite way)
+* `What could I do to improve my skills?` (asking for suggestions)
 
 Understanding how to use `could` is important to create polite requests or questions.
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
index 0ec28243ad..075bf0eb7d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
@@ -11,15 +11,13 @@ dashedName: task-67
 
 The modal verb `can` is used to express ability, possibility, or to ask permission. It's a versatile verb that's commonly used in everyday conversation. Por ejemplo:
 
-`I can speak three languages` (ability)
+* `I can speak three languages` (ability)
+* `Can I borrow your pen?` (asking permission)
 
-`Can I borrow your pen?` (asking permission)
+The word `tough` means difficult or challenging. It's often used to describe situations that require a lot of effort or endurance. For example:
 
-The word `tough` means difficult or challenging. It's often used to describe situations that require a lot of effort or endurance. Por ejemplo:
-
-`The API test was really tough` (indicates the test was challenging)
-
-`They'are going through a tough time right now` (implies a period of difficulty)
+* `The API test was really tough` (indicates the test was challenging)
+* `They're going through a tough time right now` (implies a period of difficulty)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
index fbf9e6afcd..85a537250a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
@@ -15,9 +15,10 @@ Understanding the difference between `can` and `could` is crucial in English.
 
 `Could` is often used for polite requests, suggestions, or to talk about ability in the past. Por ejemplo:
 
-`I can code very well` (present ability) `Can I leave early today?` (asking for permission)
-
-`Could you pass me that tool, please?` (polite request) `When I first learned programming, I could spend hours debugging without getting tired` (past ability)
+* `I can code very well` (present ability)
+* `Can I leave early today?` (asking for permission)
+* `Could you pass me that tool, please?` (polite request)
+* `When I first learned programming, I could spend hours debugging without getting tired` (past ability)
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
index cdf49cca16..765f71fdd0 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
@@ -11,7 +11,7 @@ dashedName: task-69
 
 The words you use in a sentence can make a big difference in modulating the message it delivers. Let's look at some examples to understand this better.
 
-Prepositions like `by` affect the verb that comes after, When you use `by`, it often needs the verb to end with `-ing`. He aquí un ejemplo:
+Prepositions like `by` affect the verb that comes after. When you use `by`, it often needs the verb to end with `-ing`. He aquí un ejemplo:
 
 `I improved by practicing daily` (This means I got better at something because I practiced every day. You use the preposition `by` to show how something is done)
 
@@ -21,7 +21,8 @@ Adjectives can also change the meaning of the following word by adding details t
 
 Even words like `family` and `outdoor` can be used as adjectives, they describe the noun that follows them. Por ejemplo:
 
-`Family activities bring everyone together.` (`family` describes the type of activities) `Outdoor sports are enjoyable in good weather.` (`outdoor` describes where the sports happen)
+* `Family activities bring everyone together.` (`family` describes the type of activities)
+* `Outdoor sports are enjoyable in good weather.` (`outdoor` describes where the sports happen)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
index ac2b005802..d60dc1f90b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
@@ -12,9 +12,8 @@ dashedName: task-72
 
 `While` is used in sentences to indicate that two actions or events are happening at the same time. It often sets the scene for one action that occurs during the time another action is taking place. Por ejemplo:
 
-`While I cook, I listen to music` (I listen to music at the same time as I am cooking)
-
-`She reads while waiting for the bus` (She reads during the time she is waiting)
+* `While I cook, I listen to music` (I listen to music at the same time as I am cooking)
+* `She reads while waiting for the bus` (She reads during the time she is waiting)
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
index b7ff58ac8d..19118c9527 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
@@ -39,7 +39,7 @@ That is the wrong time.
 
 ### --feedback--
 
-That’s the wrong time of the day.
+That's the wrong time of the day.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
index e77c4c14e5..aab61953c9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
@@ -14,9 +14,8 @@ A `night owl` is someone who stays up late. For example: `He's a night owl, ofte
 
 `Be back` means to return, and `tops` is used informally to indicate the maximum amount or time. Por ejemplo:
 
-`I'll be back by dinner` (returning before a specific time)
-
-`The meeting will last one hour, tops` (no longer than one hour)
+* `I'll be back by dinner` (returning before a specific time)
+* `The meeting will last one hour, tops` (no longer than one hour)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
index 4eaa07945b..fb7399551a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
@@ -19,7 +19,7 @@ Long adjectives: Just add `the most` before the adjective.
 
 `This is the most interesting book I've read.` (`the most` + `interesting`)
 
-This is an introduction to these adjectives. You’ll learn more in the future.
+This is an introduction to these adjectives. You'll learn more in the future.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
index 0a741780cf..c692c5191b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
@@ -39,7 +39,7 @@ Sophie specifically says she sleeps `until 9:30`, not `10:00`.
 
 ---
 
-`She wakes up early, goes out, and spends the afternoon reading at home`
+`She wakes up early, goes jogging, and spends the afternoon reading at home`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
index 1266f6f424..51e32e79cf 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
@@ -41,7 +41,7 @@ Transparente
 
 ### --feedback--
 
-It’s another meaning of `clear`, referring to something allowing light to pass through so that objects behind can be distinctly seen. In documentation, `clear` is about understandability, not transparency.
+It's another meaning of `clear`, referring to something allowing light to pass through so that objects behind can be distinctly seen. In documentation, `clear` is about understandability, not transparency.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
index fe68667df8..a37360b282 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Bob: Thanks for your feedback. I’ll share this feedback with Tom and give him some extra time to work on these colors and fonts. -->
+<!-- (Audio) Bob: Thanks for your feedback. I'll share this feedback with Tom and give him some extra time to work on these colors and fonts. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
index 198a90888b..c7f9f52b9a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
@@ -29,7 +29,7 @@ This option is incorrect. Sophie's comments suggest she sees areas for improveme
 
 ---
 
-She doesn’t know and needs more time to form an opinion.
+She doesn't know and needs more time to form an opinion.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
index f1408e0b5d..55e08c23f9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
@@ -35,7 +35,7 @@ Yes, she completely agrees with Brian and suggests additional features for the m
 
 ### --feedback--
 
-Sarah's statement indicates disagreement with Brian’s focus on the mobile app, as she believes the web app requires more attention.
+Sarah's statement indicates disagreement with Brian's focus on the mobile app, as she believes the web app requires more attention.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
index 0e528326a7..625f758645 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-14
 ---
 
-<!-- (Audio) Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
@@ -19,7 +19,7 @@ To `allocate` means to distribute or assign resources or responsibilities to dif
 
 ## --sentence--
 
-`Well, here’s what I think we could do. Why don’t we BLANK resources to both platforms BLANK? We could give equal priority to BLANK the web app and the mobile app.`
+`Well, here's what I think we could do. Why don't we BLANK resources to both platforms BLANK? We could give equal priority to BLANK the web app and the mobile app.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
index 646b2e02fa..5178ef391e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-15
 ---
 
-<!-- (Audio) Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
index 2e0814b256..9ad0d8322b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-16
 ---
 
-<!-- (Audio) Sarah: I'm not sure I agree with that, Brian. The web app needs attention. It has more users. Prioritizing the web app makes more sense given its larger user base. Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Sarah: I'm not sure I agree with that, Brian. The web app needs attention. It has more users. Prioritizing the web app makes more sense given its larger user base. Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
index 72d6405ef1..fc13fe19c7 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-17
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal priority for a while. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal priority for a while. -->
 
 # --description--
 
@@ -23,7 +23,7 @@ Understanding these terms is key for discussing work plans and responsibilities.
 
 ## --sentence--
 
-`I BLANK think we should BLANK more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal BLANK for a while.`
+`I BLANK think we should BLANK more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal BLANK for a while.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
index 1d6230c3cd..89748d6c21 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-18
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
index f943a69e16..95f68a643b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-19
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal priority for a while. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal priority for a while. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
index 2c2b75397c..d129d5b178 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-29
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ Focus on the word `greater`. `Greater` is used to describe something that is mor
 
 ## --sentence--
 
-`I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a BLANK chance of success with it.`
+`I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a BLANK chance of success with it.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
index a1e92f740a..ade52e374b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-30
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
index 18ab257fe8..64d3b1b602 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-31
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
index 0cceee1c32..7bf820344a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
@@ -27,7 +27,7 @@ Sarah expresses a strong belief in Agile's alignment with the team's strengths.
 
 ---
 
-She disagrees with using Agile and thinks it won’t be successful.
+She disagrees with using Agile and thinks it won't be successful.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
index f9c4ad5e98..58a69cf0f7 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
index 631fd93044..d6a050a317 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-31
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ A `glitch` is a small problem that stops something from working right. Like when
 
 ## --sentence--
 
-`Yeah, technical BLANK are complicated and there’s not much we can do other than BLANK to solve them.`
+`Yeah, technical BLANK are complicated and there's not much we can do other than BLANK to solve them.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
index 0269bc2fdb..03944a33db 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-33
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
index 227a940cde..9d15a71ddf 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
index 5291323705..5da4d3f7df 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
@@ -5,11 +5,11 @@ challengeType: 22
 dashedName: task-34
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
-People often use `have already` to talk about something they have done before now, and `have never` to talk about something they have not done at any time in the past. Let’s practice using these phrases.
+People often use `have already` to talk about something they have done before now, and `have never` to talk about something they have not done at any time in the past. Let's practice using these phrases.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
index b853de332d..70b099efa9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-35
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
index 5d2e2c04d5..6713e75053 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
@@ -19,7 +19,7 @@ What is Tom asking Sarah about?
 
 ## --answers--
 
-Why she didn’t solve the issue
+Why she didn't solve the issue
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
index 22355a8035..b1d011408f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
@@ -27,7 +27,7 @@ It caused more problems, showing the current version is the issue.
 
 ### --feedback--
 
-Sarah said that going back didn’t solve the issue, not that it caused more problems.
+Sarah said that going back didn't solve the issue, not that it caused more problems.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
index 93fb9a5fc5..a5f3c60178 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
@@ -13,7 +13,7 @@ Modal verbs like `might` and `can` are used to express possibility and ability.
 
 `Might` is used for something that could happen or be true, like saying, `It might rain today`.
 
-`Can` is used to talk about someone's ability to do something, like, `She can speak three languages`. Let’s practice using these words in sentences.
+`Can` is used to talk about someone's ability to do something, like, `She can speak three languages`. Let's practice using these words in sentences.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
index e3d5b6e2ee..2deb62cf81 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-47
 ---
 
-<!-- (Audio) Sarah: Agreed. I’ll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
+<!-- (Audio) Sarah: Agreed. I'll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ In this task, you'll practice filling in key verbs and adjectives used in techni
 
 ## --sentence--
 
-`Agreed. I’ll BLANK a PR with the rollback and some BLANK logs for BLANK. That may help us find what the problem is.`
+`Agreed. I'll BLANK a PR with the rollback and some BLANK logs for BLANK. That may help us find what the problem is.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
index 1ab0495856..17c5f4214c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-48
 ---
 
-<!-- (Audio) Sarah: Agreed. I’ll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
+<!-- (Audio) Sarah: Agreed. I'll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
index c88c9cc689..9fd98e8f24 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-51
 ---
 
-<!-- (Audio) Maria: Tom, I saw that you’ve fixed the issue on GitHub. Great job! -->
+<!-- (Audio) Maria: Tom, I saw that you've fixed the issue on GitHub. Great job! -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
index 9c1256a421..a1ce1f6f6c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-60
 ---
 
-<!-- (Audio) Tom: It happens to all of us, Maria. I’ll make sure to document this for future reference, so we won't run into the same problem again. -->
+<!-- (Audio) Tom: It happens to all of us, Maria. I'll make sure to document this for future reference, so we won't run into the same problem again. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
index 1add8e995b..5f2411770a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-29
 ---
 
-<!-- (Audio) Tom: I see. So by explaining the complex parts with comments, I’ll help other people understand the code. Is that right? Sarah: Precisely. It's a form of documentation within the code. Great job grasping these concepts! -->
+<!-- (Audio) Tom: I see. So by explaining the complex parts with comments, I'll help other people understand the code. Is that right? Sarah: Precisely. It's a form of documentation within the code. Great job grasping these concepts! -->
 
 # --description--
 
@@ -27,7 +27,7 @@ Writing complex code without comments
 
 ### --feedback--
 
-Tom’s focus is on explaining complex code with comments, not writing it without comments.
+Tom's focus is on explaining complex code with comments, not writing it without comments.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
index bc1aeed0c9..4cb8f054a9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
@@ -37,7 +37,7 @@ In this context, it refers to the final point Maria wants to make.
 
 ### --feedback--
 
-It describes the team’s nature of working together and helping each other.
+It describes the team's nature of working together and helping each other.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
index 50010a0648..bd2373fbd3 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
@@ -35,7 +35,7 @@ Because it's a standard practice to read everything in order
 
 ### --feedback--
 
-The suggestion isn’t about reading everything in order but about finding specific information efficiently.
+The suggestion isn't about reading everything in order but about finding specific information efficiently.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
index 6f0d90bd5b..771eac5aa8 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-4
 ---
 
-<!-- (Audio) Bob: That's great, Sarah! I’ve also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
+<!-- (Audio) Bob: That's great, Sarah! I've also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ dashedName: task-4
 
 ## --sentence--
 
-`That's great, Sarah! I’ve also been BLANK busy this week. I tested the new BLANK we added last week. It BLANK to be working well. And I found a few BLANK issues that we need to fix.`
+`That's great, Sarah! I've also been BLANK busy this week. I tested the new BLANK we added last week. It BLANK to be working well. And I found a few BLANK issues that we need to fix.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
index 4586d1c359..8637e0d5e9 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-5
 ---
 
-<!-- (Audio) Bob: That's great, Sarah! I’ve also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
+<!-- (Audio) Bob: That's great, Sarah! I've also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
index 3456e4494d..24f8c9e229 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Sarah: Thanks for catching those. As for me, I also finished the market research report. I presented it to the team yesterday. We’ve gathered valuable data that will help us make informed decisions. -->
+<!-- (Audio) Sarah: Thanks for catching those. As for me, I also finished the market research report. I presented it to the team yesterday. We've gathered valuable data that will help us make informed decisions. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
index f9552f0fe5..b82f07b970 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-22
 ---
 
-<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I’m working on fully updated, and I intend to improve our customer support process based on the training I received. -->
+<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I'm working on fully updated, and I intend to improve our customer support process based on the training I received. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
index 8d4d4ae861..42ab5c22ca 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-23
 ---
 
-<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I’m working on fully updated, and I intend to improve our customer support process based on the training I received. -->
+<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I'm working on fully updated, and I intend to improve our customer support process based on the training I received. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
index f4d16d5649..ca54c775c7 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
@@ -9,7 +9,7 @@ dashedName: task-6
 
 # --description--
 
-The phrase `a fresh pair of eyes` is an idiomatic expression meaning to have someone new look at something to offer a different perspective. It’s often used when someone has been working on a problem for a long time and needs an outside opinion. The modal verb `may` suggests possibility or likelihood but not certainty.
+The phrase `a fresh pair of eyes` is an idiomatic expression meaning to have someone new look at something to offer a different perspective. It's often used when someone has been working on a problem for a long time and needs an outside opinion. The modal verb `may` suggests possibility or likelihood but not certainty.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
index 0135cee3cf..8f147965c8 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
@@ -9,7 +9,7 @@ dashedName: task-8
 
 # --description--
 
-Sophie implies, or suggests without directly stating, that she needs help with her coding problem. To 'imply' something means to suggest it in an indirect way. For example, saying 'It’s getting late' can imply that it's time to leave, without saying it directly.
+Sophie implies, or suggests without directly stating, that she needs help with her coding problem. To 'imply' something means to suggest it in an indirect way. For example, saying 'It's getting late' can imply that it's time to leave, without saying it directly.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
index aae9966e7f..90ee5129af 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
@@ -35,7 +35,7 @@ She should wait until the next meeting
 
 ### --feedback--
 
-Bob’s offer to help is immediate, contingent on Sophie sharing the code, not waiting until the next meeting.
+Bob's offer to help is immediate, contingent on Sophie sharing the code, not waiting until the next meeting.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
index 438fe9b184..28b8ad0506 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
@@ -43,7 +43,7 @@ He doesn't think the problem can be solved
 
 ### --feedback--
 
-Bob’s statement implies he believes there are possible solutions, not that it's unsolvable.
+Bob's statement implies he believes there are possible solutions, not that it's unsolvable.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
index f051cf04a9..d11033e4fe 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
@@ -44,7 +44,7 @@ He is asking for a break from the meeting
 
 ### --feedback--
 
-Bob’s statement is about making a suggestion, not about taking a break from the meeting.
+Bob's statement is about making a suggestion, not about taking a break from the meeting.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
index 79ede0b291..d1ab9640d2 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-31
 ---
 
-<!-- (Audio) Bob: I’m sure we'll gain some valuable insights from our discussion. -->
+<!-- (Audio) Bob: I'm sure we'll gain some valuable insights from our discussion. -->
 
 # --description--
 
@@ -43,7 +43,7 @@ He is unsure about the usefulness of the discussion
 
 ### --feedback--
 
-Bob’s statement `I'm sure` shows confidence in the usefulness of the discussion.
+Bob's statement `I'm sure` shows confidence in the usefulness of the discussion.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
index 6e6dcf5842..59d3c3a98e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
@@ -35,7 +35,7 @@ Sophie specifically mentions a coding issue she's been working on, not a differe
 
 ---
 
-She requests Bob’s help on a coding issue she's struggling with
+She requests Bob's help on a coding issue she's struggling with
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
index 22fea697ce..47fb134f10 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
@@ -31,7 +31,7 @@ It means to give someone access to something, here referring to the code.
 
 ### --feedback--
 
-It suggests starting something with enthusiasm, indicating Bob’s readiness to examine the code closely.
+It suggests starting something with enthusiasm, indicating Bob's readiness to examine the code closely.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
index e41b40a7b9..81e0846404 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-56
 ---
 
-<!-- (Audio) Sophie: Yeah, consistency is essential. I’ll go ahead and start with defining those coding standards. -->
+<!-- (Audio) Sophie: Yeah, consistency is essential. I'll go ahead and start with defining those coding standards. -->
 
 # --description--
 
@@ -23,7 +23,7 @@ To wait for further instructions about coding standards
 
 ### --feedback--
 
-Sophie’s statement shows she is ready to start working on the standards, not waiting for instructions.
+Sophie's statement shows she is ready to start working on the standards, not waiting for instructions.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
index 3f65c83626..f8c4f352be 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
@@ -38,7 +38,7 @@ Which sentence correctly uses the word `most`?
 
 ### --feedback--
 
-This sentence doesn’t use `most`
+This sentence doesn't use `most`
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
index 63a566d908..9ecbfae6d2 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
@@ -19,7 +19,7 @@ What is Tom asking Sophie about?
 
 ## --answers--
 
-Sophie’s opinion on work.
+Sophie's opinion on work.
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ The focus is on breaks during work, not after work.
 
 ---
 
-Sophie’s favorite coffee.
+Sophie's favorite coffee.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
index 51c5bf4b9e..fb7389de14 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
@@ -7,7 +7,7 @@ dashedName: task-22
 
 # --description--
 
-Understanding someone’s routine, like their lunch habits, involves paying attention to specific details in the conversation.
+Understanding someone's routine, like their lunch habits, involves paying attention to specific details in the conversation.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
index f52e60445c..fbab79ef2a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
@@ -33,7 +33,7 @@ For helping him with a project.
 
 ### --feedback--
 
-Helping with a project isn’t mentioned in this context.
+Helping with a project isn't mentioned in this context.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
index d97918e009..6cbdbc24a3 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
@@ -41,7 +41,7 @@ His favorite security equipment.
 
 ### --feedback--
 
-Equipment isn’t mentioned in Sophie's question.
+Equipment isn't mentioned in Sophie's question.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
index 210520379e..38d50d8972 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
@@ -27,7 +27,7 @@ Company rules suggest an external obligation, more suited to `have to`.
 
 ---
 
-`I have to make sure the security cameras work because I believe it’s crucial.`
+`I have to make sure the security cameras work because I believe it's crucial.`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
index d1cd9515a0..dc231df264 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-68
 ---
 
-<!-- (audio) Jake: “Well, yeah, security is a top priority and I have to make sure everything goes as expected.” -->
+<!-- (audio) Jake: "Well, yeah, security is a top priority and I have to make sure everything goes as expected." -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
index 5f4fa4583b..9ad6479bab 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
@@ -9,7 +9,7 @@ dashedName: task-77
 
 A `policy` (in the plural, `policies`) is a principle or rule to guide decisions and achieve rational outcomes. Policies are often adopted by an organization to guide employees.
 
-For instance, `The company’s privacy policy protects client information.`
+For instance, `The company's privacy policy protects client information.`
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
index bb9c004796..8ca986ec69 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-75
 ---
 
-<!-- (audio) Linda: Hey, James. So what is the meaning of “compliance”. Can you tell me? -->
+<!-- (audio) Linda: Hey, James. So what is the meaning of "compliance". Can you tell me? -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
index 846f6b5a6c..9a4dfb86bf 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
@@ -44,7 +44,7 @@ Deciding what tasks to do.
 
 ### --feedback--
 
-It’s about following set tasks, not personal choice.
+It's about following set tasks, not personal choice.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
index fb5db89a5e..8193a97ead 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
@@ -15,7 +15,7 @@ Listen to the audio to answer the question below.
 
 ## --text--
 
-What is the meaning of Linda’s question?
+What is the meaning of Linda's question?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
index e26136fde5..86936d1fff 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-28
 ---
 
-<!-- (Audio) Linda: I've been a cyclist for more than 15 years. It's a love that hasn’t disappeared with time. -->
+<!-- (Audio) Linda: I've been a cyclist for more than 15 years. It's a love that hasn't disappeared with time. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
index ee7d664ed3..23cf7a1e47 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
@@ -39,7 +39,7 @@ This sentence is not correct. A correct usage would be `Would you like me to mak
 
 ### --feedback--
 
-In this context, `like` doesn’t require the ending `-s` The correct form is `Would you like a glass of water?`
+In this context, `like` doesn't require the ending `-s` The correct form is `Would you like a glass of water?`
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
index 015ce73fef..ec1f23cf22 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
@@ -31,7 +31,7 @@ Partial acceptance
 
 ### --feedback--
 
-It suggests agreeing partially, which doesn’t fit the intention of the phrase.
+It suggests agreeing partially, which doesn't fit the intention of the phrase.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
index 652a7816d2..914ce31e13 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
@@ -35,7 +35,7 @@ She's hesitant to include Brian.
 
 ### --feedback--
 
-Sophie's tone doesn’t suggest hesitation, but rather openness and enthusiasm for his participation.
+Sophie's tone doesn't suggest hesitation, but rather openness and enthusiasm for his participation.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
index d4a4e08426..4abf0566c6 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-5
 ---
 
-<!-- (Audio) Brian: Well, we’re going to use a framework for the front-end, probably React. It's the technology we're most comfortable with, and it will make development faster. -->
+<!-- (Audio) Brian: Well, we're going to use a framework for the front-end, probably React. It's the technology we're most comfortable with, and it will make development faster. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
index 173c4850ee..69663e5f7e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
@@ -11,7 +11,7 @@ dashedName: task-6
 
 `Going to` can also be used when you have some evidence in the present that something will happen in the future.
 
-For example, `Look at those numbers! It's going to be a hard day.` or `They are going to feel upset if we don’t invite them to the meeting.`
+For example, `Look at those numbers! It's going to be a hard day.` or `They are going to feel upset if we don't invite them to the meeting.`
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
index 30acf7c1f1..1b1e4f6ff1 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-8
 ---
 
-<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we’ll use Node.js. -->
+<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we'll use Node.js. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
index c9f04bc13d..fe956c773d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-10
 ---
 
-<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we’ll use Node.js. It's a solid choice, and it will allow us to scale the application effectively. -->
+<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we'll use Node.js. It's a solid choice, and it will allow us to scale the application effectively. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
index 0db34941fa..53cf16536e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-15
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
@@ -21,7 +21,7 @@ An `audience` refers to the group of people who watch, read, or listen to someth
 
 ## --sentence--
 
-`I think we’re going to focus on social media marketing. It's BLANK, and it will BLANK a BLANK audience.`
+`I think we're going to focus on social media marketing. It's BLANK, and it will BLANK a BLANK audience.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
index a9add78765..b0fcaca063 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-16
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
@@ -19,7 +19,7 @@ Which part of Sophie's sentence indicates that she is considering focusing on so
 
 ## --answers--
 
-`I think we’re going to focus on social media marketing.`
+`I think we're going to focus on social media marketing.`
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
index db57f9718e..d583f6927f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-17
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
index e5ce96575f..2711450c9e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-20
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. Brian: That sounds good. I suggest that we also invest in email marketing. It's more targeted, and it will allow us to engage with our subscribers directly. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. Brian: That sounds good. I suggest that we also invest in email marketing. It's more targeted, and it will allow us to engage with our subscribers directly. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
index 84ae131f5c..189dac24d1 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
@@ -11,7 +11,7 @@ dashedName: task-3
 
 The **Present Perfect Continuous tense** is used talk about actions or situations that started in the past and are still happening now. It is very useful when you want to emphasize the duration of an activity or that it is an ongoing process.
 
-Here’s how to form the **Present Perfect Continuous**: Subject + `has/have been` + `-ing` form of the verb. This tense is often used with expressions of time such as `for` and `since`. `For` is used with a period of time like two years or six months, while `since` is used with a specific point in time, like 2018 or this morning.
+Here's how to form the **Present Perfect Continuous**: Subject + `has/have been` + `-ing` form of the verb. This tense is often used with expressions of time such as `for` and `since`. `For` is used with a period of time like two years or six months, while `since` is used with a specific point in time, like 2018 or this morning.
 
 Ejemplos:
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
index c926609aa5..554e897708 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
@@ -23,7 +23,7 @@ She complains about the difficulty of learning them.
 
 ### --feedback--
 
-Sophie doesn’t mention any difficulty; she only expresses surprise at the number of programming languages.
+Sophie doesn't mention any difficulty; she only expresses surprise at the number of programming languages.
 
 ---
 
@@ -43,7 +43,7 @@ She ignores the comment and changes the subject.
 
 ### --feedback--
 
-Sophie directly responds to Brian’s observation by pointing out an interesting fact about programming languages.
+Sophie directly responds to Brian's observation by pointing out an interesting fact about programming languages.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
index 67ff7643bf..5568e8521f 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
@@ -43,7 +43,7 @@ Who she was with when she spent the time
 
 ### --feedback--
 
-Brian’s question is specifically about the amount of time, not about who was with her.
+Brian's question is specifically about the amount of time, not about who was with her.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
index 0db44bbb3e..a8af053cff 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
@@ -35,7 +35,7 @@ Sophie actually indicates she has free time and chooses to spend much of it on a
 
 ---
 
-She doesn’t enjoy what she does in her free time.
+She doesn't enjoy what she does in her free time.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
index c6d919a9e8..e6d536b804 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
@@ -23,7 +23,7 @@ Brian needs help finding Python, the snake.
 
 ### --feedback--
 
-Brian’s question is about Python the programming language, not a snake.
+Brian's question is about Python the programming language, not a snake.
 
 ---
 
@@ -35,7 +35,7 @@ Brian is looking for someone to teach him Python next week.
 
 ### --feedback--
 
-Brian’s request implies an immediate need for clarification on a specific question, not seeking a teacher for future lessons.
+Brian's request implies an immediate need for clarification on a specific question, not seeking a teacher for future lessons.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
index 7440e0ad2a..a6cdadb808 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
@@ -35,7 +35,7 @@ Sarah needs help installing her code.
 
 ### --feedback--
 
-The audio does not mention installation issues; it focuses on trouble with existing code and understanding what’s wrong.
+The audio does not mention installation issues; it focuses on trouble with existing code and understanding what's wrong.
 
 ---
 
@@ -43,7 +43,7 @@ Sarah is confident about fixing the code herself.
 
 ### --feedback--
 
-Sarah’s description of not being able to figure out the issue suggests she is not confident about resolving it on her own.
+Sarah's description of not being able to figure out the issue suggests she is not confident about resolving it on her own.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
index 8de618ca83..9ec6648a33 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-53
 ---
 
-<!-- (Audio) Tom: Depending on the IDE that you’re using, there are many extensions and plugins to use. -->
+<!-- (Audio) Tom: Depending on the IDE that you're using, there are many extensions and plugins to use. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
index 4d45b479d9..6934ab728e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-57
 ---
 
-<!-- (Audio) Tom: There are many debugging tools you can use. Depending on the IDE that you’re using, there are many extensions and plugins to use. They are super helpful. Sarah: I'll keep that in mind. Thanks, Tom. -->
+<!-- (Audio) Tom: There are many debugging tools you can use. Depending on the IDE that you're using, there are many extensions and plugins to use. They are super helpful. Sarah: I'll keep that in mind. Thanks, Tom. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
index 2fc64e245c..812e05036b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-66
 ---
 
-<!-- (Audio) Tom: I understand that there are classes and methods, but I’ve never used them in my code. -->
+<!-- (Audio) Tom: I understand that there are classes and methods, but I've never used them in my code. -->
 
 # --description--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
index 0714228145..bdad8fee67 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-67
 ---
 
-<!-- (Audio) Sarah: Object-oriented programming is used in many modern languages. How much do you know about it so far? Tom: Not much, really. I understand there are classes and methods, but I’ve never used them in my code. -->
+<!-- (Audio) Sarah: Object-oriented programming is used in many modern languages. How much do you know about it so far? Tom: Not much, really. I understand there are classes and methods, but I've never used them in my code. -->
 
 # --description--
 
@@ -31,11 +31,11 @@ Tom knows some things but hasn't tried them yet.
 
 ---
 
-Tom knows a lot about it but hasn’t used it.
+Tom knows a lot about it but hasn't used it.
 
 ### --feedback--
 
-Tom mentions understanding basic ideas like classes and methods, but he hasn’t used them, showing he knows a bit but not a lot.
+Tom mentions understanding basic ideas like classes and methods, but he hasn't used them, showing he knows a bit but not a lot.
 
 ---
 
@@ -43,7 +43,7 @@ Tom doesn't know anything about it.
 
 ### --feedback--
 
-Tom does know something because he talks about classes and methods, so he isn’t completely unfamiliar.
+Tom does know something because he talks about classes and methods, so he isn't completely unfamiliar.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
index 53912865ad..b8dcdcfff8 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
@@ -33,7 +33,7 @@ A coworker asks for a report urgently and you reply, `No worries`, without provi
 
 ### --feedback--
 
-This use might imply indifference or dismissal without addressing the coworker’s urgent need, which is not appropriate.
+This use might imply indifference or dismissal without addressing the coworker's urgent need, which is not appropriate.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
index ffc30f2d03..37d8c07149 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
@@ -20,7 +20,7 @@ Sentences with the verb `to be` are often used to describe feelings and emotions
 
 ## --text--
 
-What does the expression `I’m happy` indicate in the present simple tense?
+What does the expression `I'm happy` indicate in the present simple tense?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
index 81d207a4d1..abfaadfe7e 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
@@ -13,7 +13,7 @@ It's nice to have you here, Alice.
 
 # --description--
 
-`It’s nice to` is used to express a positive sentiment or feeling about something or someone.
+`It's nice to` is used to express a positive sentiment or feeling about something or someone.
 
 # --questions--
 
@@ -23,7 +23,7 @@ What is Bob expressing in his sentence?
 
 ## --answers--
 
-A negative opinion about Alice’s presence
+A negative opinion about Alice's presence
 
 ### --feedback--
 
@@ -31,7 +31,7 @@ Think about how the phrase `nice to` usually conveys positive feelings.
 
 ---
 
-A neutral statement about Alice’s presence
+A neutral statement about Alice's presence
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ Consider the warmth usually conveyed by the phrase `nice to`.
 
 ---
 
-An apology for Alice’s presence
+An apology for Alice's presence
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ Reflect on the purpose of the phrase `nice to` in welcoming contexts.
 
 ---
 
-A positive and welcoming sentiment about Alice’s presence
+A positive and welcoming sentiment about Alice's presence
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
index 5f62ae055f..0f6d364fa2 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
@@ -34,7 +34,7 @@ He is pleased with the current team members.
 
 ### --feedback--
 
-While this might be true, it doesn’t directly relate to the phrase about new members.
+While this might be true, it doesn't directly relate to the phrase about new members.
 
 ---
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
index c0c4b98e30..83cd5861d5 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
@@ -7,7 +7,7 @@ dashedName: task-33
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years. He makes sure our data is secure and efficient.
+This is John, the database administrator. He's been here for three years. He makes sure our data is secure and efficient.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
index b107b99704..668d6f75a4 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
@@ -7,7 +7,7 @@ dashedName: task-34
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years. He makes sure our data is secure and efficient.
+This is John, the database administrator. He's been here for three years. He makes sure our data is secure and efficient.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
index daf977889b..117a806805 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
@@ -7,7 +7,7 @@ dashedName: task-35
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years.
+This is John, the database administrator. He's been here for three years.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
index 83a26611de..0fd347be73 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
@@ -7,7 +7,7 @@ dashedName: task-36
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years.
+This is John, the database administrator. He's been here for three years.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
index 3149d36633..eeb310927c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
@@ -7,7 +7,7 @@ dashedName: task-42
 
 <!--
 AUDIO REFERENCE:
-Everybody, let’s welcome Alice to the team.
+Everybody, let's welcome Alice to the team.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
index 293dc13f40..019bbdce77 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
@@ -7,7 +7,7 @@ dashedName: task-50
 
 <!--
 AUDIO REFERENCE:
-I'd like to introduce Lisa. She’s our new front-end developer.
+I'd like to introduce Lisa. She's our new front-end developer.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
index 4c0c43967b..0e1b862e7d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
@@ -7,7 +7,7 @@ dashedName: task-58
 
 <!--
 AUDIO REFERENCE:
-Bob: Is there any specific area of design or development you're interested in? He’s your go-to guy for that.
+Bob: Is there any specific area of design or development you're interested in? He's your go-to guy for that.
 -->
 
 # --description--
@@ -20,7 +20,7 @@ For example, `He's the go-to guy for computer problems` means he is the person b
 
 ## --sentence--
 
-`Is there any BLANK area of design or development you're interested in? He’s your BLANK-to BLANK for that.`
+`Is there any BLANK area of design or development you're interested in? He's your BLANK-to BLANK for that.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
index 2db18719f9..868a16409b 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
@@ -7,7 +7,7 @@ dashedName: task-61
 
 <!--
 AUDIO REFERENCE:
-Bob: This is Tom, our new graphic designer. Is there any specific area of design or development you're interested in? He’s your go-to guy for that.
+Bob: This is Tom, our new graphic designer. Is there any specific area of design or development you're interested in? He's your go-to guy for that.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
index 7768777883..56277dd8ba 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
@@ -7,7 +7,7 @@ dashedName: task-64
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager.
+Bob: And I'm Bob, the team's project manager.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
index 92c529c163..080526a35a 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
@@ -7,7 +7,7 @@ dashedName: task-66
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager. I’m the person you always need to talk to if you have any questions about the team’s goals and schedule.
+Bob: And I'm Bob, the team's project manager. I'm the person you always need to talk to if you have any questions about the team's goals and schedule.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
index 0878b60d8a..f617ef9400 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
@@ -7,7 +7,7 @@ dashedName: task-67
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager. I’m the person you always need to talk to if you have any questions about the team’s goals and schedule.
+Bob: And I'm Bob, the team's project manager. I'm the person you always need to talk to if you have any questions about the team's goals and schedule.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
index 09abc0aa79..ce0e716028 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
@@ -7,7 +7,7 @@ dashedName: task-68
 
 <!--
 AUDIO REFERENCE:
-Lisa: Hi, Bob. It’s great to meet you too.
+Lisa: Hi, Bob. It's great to meet you too.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
index 71ee4c712f..35beb02fe6 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
@@ -7,7 +7,7 @@ dashedName: task-69
 
 <!--
 AUDIO REFERENCE:
-Bob: Excellent! Lisa, it’s great to have you join our team, even if just online.
+Bob: Excellent! Lisa, it's great to have you join our team, even if just online.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
index efa8ac5345..71af118d4d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
@@ -7,7 +7,7 @@ dashedName: task-70
 
 <!--
 AUDIO REFERENCE:
-Bob: Excellent! Lisa, it’s great to have you join our team, even if just online.
+Bob: Excellent! Lisa, it's great to have you join our team, even if just online.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
index 94437caec1..d88c66f94d 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
@@ -7,7 +7,7 @@ dashedName: task-74
 
 <!--
 AUDIO REFERENCE:
-James: Good morning. I’m James and I’m here to help you with your training.
+James: Good morning. I'm James and I'm here to help you with your training.
 -->
 
 # --description--
@@ -18,7 +18,7 @@ Listen to the audio and fill in the missing words.
 
 ## --sentence--
 
-`I’m James and I’m BLANK to BLANK you with your BLANK.`
+`I'm James and I'm BLANK to BLANK you with your BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
index 7cf942fc3f..ec5afd0432 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
@@ -7,7 +7,7 @@ dashedName: task-75
 
 <!--
 AUDIO REFERENCE:
-James: Good morning. I’m James and I’m here to help you with your training.
+James: Good morning. I'm James and I'm here to help you with your training.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
index 121baaaf8a..456d23fa0c 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
@@ -7,7 +7,7 @@ dashedName: task-88
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
index d17861b90a..3c09b26e81 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
@@ -7,7 +7,7 @@ dashedName: task-89
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
index 3608932d8f..8ed1d6bfdb 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
@@ -7,7 +7,7 @@ dashedName: task-90
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
index 8d7879228a..46d15fb380 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
@@ -7,7 +7,7 @@ dashedName: task-91
 
 <!--
 AUDIO REFERENCE:
-David: Hey, Bob. How’s it going?
+David: Hey, Bob. How's it going?
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
index 2409dfaf7a..2cd8608c05 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
@@ -7,7 +7,7 @@ dashedName: task-94
 
 <!--
 AUDIO REFERENCE:
-Maria: And this is Linda, she’s our UX/UI designer. She works in user experience and she creates our interface design.
+Maria: And this is Linda, she's our UX/UI designer. She works in user experience and she creates our interface design.
 -->
 
 # --description--
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
index 357caad275..2755c0e762 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
@@ -8,7 +8,7 @@ dashedName: task-97
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
index 03edc606d6..9d01733325 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
@@ -8,7 +8,7 @@ dashedName: task-98
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
@@ -20,7 +20,7 @@ David: I’ll be your point of contact and I’ll help make sure our collaborati
 
 ## --sentence--
 
-`I'll be your BLANK of contact and I’ll help make sure our BLANK is great.`
+`I'll be your BLANK of contact and I'll help make sure our BLANK is great.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
index a3b826d3d6..1e2ed15973 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
@@ -8,7 +8,7 @@ dashedName: task-99
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
index 04529a558d..5b466bce30 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
@@ -8,7 +8,7 @@ dashedName: task-100
 <!--
 AUDIO REFERENCE:
 
-"We’re excited about this project. I’m confident that we can achieve great results."
+"We're excited about this project. I'm confident that we can achieve great results."
 
 -->
 
diff --git a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
index 6f137204cd..c381505fa1 100644
--- a/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
+++ b/curriculum/challenges/espanol/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
@@ -8,7 +8,7 @@ dashedName: task-101
 <!--
 AUDIO REFERENCE:
 
-David: Wonderful to meet you all. I'm David, the project manager from FCC Corp. I’ll be your point of contact and I’ll help make sure our collaboration is great. We’re excited about this project. I’m confident that we can achieve great results.
+David: Wonderful to meet you all. I'm David, the project manager from FCC Corp. I'll be your point of contact and I'll help make sure our collaboration is great. We're excited about this project. I'm confident that we can achieve great results.
 
 -->
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
index d354f8b2f7..0508452f04 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
@@ -58,7 +58,7 @@ If she is going to a Hackathon this weekend.
 
 To find out what Bob wants to know, listen to the second question he asks. Pay attention what comes after `I hear you're going to...` which show what Bob is trying to find out.
 
-He uses a question to confirm what he heard, specifically mentioning the event he thinks she’s attending.
+He uses a question to confirm what he heard, specifically mentioning the event he thinks she's attending.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
index 06c1cee959..25869b37cf 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
@@ -8,7 +8,7 @@ dashedName: task-14
 <!--
 AUDIO REFERENCE:
 Lisa: We plan to develop a new app for real-time project collaboration. How does that sound to you?
-Bob: Interesting! Who’s on your team?
+Bob: Interesting! Who's on your team?
 -->
 
 # --instructions--
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
index ca36ed3e23..6bc8abd325 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
@@ -7,7 +7,7 @@ dashedName: task-18
 
 <!--
 AUDIO REFERENCE:
-Bob: Interesting! Who’s on your team?
+Bob: Interesting! Who's on your team?
 Lisa: A couple of developers from our branch in Seattle, and a UX designer I've collaborated with before.
 -->
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
index 4ac4454391..1d204157a4 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
@@ -54,7 +54,7 @@ Lisa is asking about similar projects happening soon, not about moving to a diff
 
 # --explanation--
 
-Lisa asks about what’s coming up, specifically looking for information on projects that are similar to the one she is currently working on.
+Lisa asks about what's coming up, specifically looking for information on projects that are similar to the one she is currently working on.
 
 Pay attention to the phrase `similar projects coming up here` to understand what Lisa is asking about.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
index 0a3bcdfe0c..e547ded4d5 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
@@ -56,7 +56,7 @@ Bob is not asking about development status.
 
 Bob uses the word `yet`, which signals that he is asking if something expected has already happened.
 
-Pay attention to the words `potential name` and `yet` in Bob’s question, as these indicate that he is asking about the status of the app's name.
+Pay attention to the words `potential name` and `yet` in Bob's question, as these indicate that he is asking about the status of the app's name.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
index 89ea86edbd..ca9bfe0a46 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
@@ -55,9 +55,9 @@ Bob has not decided yet. He says `Maybe`.
 
 # --explanation--
 
-People sometimes express uncertainty before making a decision. Bob hasn’t fully decided if he'll join the event. You can notice that because he says `Maybe`, which shows he is still thinking about it.
+People sometimes express uncertainty before making a decision. Bob hasn't fully decided if he'll join the event. You can notice that because he says `Maybe`, which shows he is still thinking about it.
 
-Pay attention to Bob’s follow-up question where he asks, `Where can I find...?` This reveals that he needs more details before deciding whether to join the event.
+Pay attention to Bob's follow-up question where he asks, `Where can I find...?` This reveals that he needs more details before deciding whether to join the event.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
index 7d67182960..8775026bec 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
@@ -45,4 +45,4 @@ False
 
 # --explanation--
 
-To answer this question, focus on the part of the text that describes Lisa’s team. Look for the sentence that mentions `Her team includes...`. This will help you determine if there are developers from Seattle on her team.
+To answer this question, focus on the part of the text that describes Lisa's team. Look for the sentence that mentions `Her team includes...`. This will help you determine if there are developers from Seattle on her team.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
index b82062ba59..ea088d0df4 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
@@ -41,7 +41,7 @@ When someone asks if you have a moment, they want to talk to you about something
 
 When someone asks if you have a moment, they want to discuss something important.
 
-The correct response will show that you’re ready to listen or talk about the topic they want to discuss. Pay attention to options that focus on being open to a conversation.
+The correct response will show that you're ready to listen or talk about the topic they want to discuss. Pay attention to options that focus on being open to a conversation.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
index 4a83860096..ba994c9200 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
@@ -20,7 +20,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Does Anna support Brian’s idea of using real-life scenarios?
+Does Anna support Brian's idea of using real-life scenarios?
 
 ## --answers--
 
@@ -44,7 +44,7 @@ She mentions that using real-life scenarios improves the training. This indicate
 
 ---
 
-She ignores Brian’s suggestion completely. This indicates she doesn't understands his idea.
+She ignores Brian's suggestion completely. This indicates she doesn't understands his idea.
 
 ### --feedback--
 
@@ -56,7 +56,7 @@ She didn't ignore Brian. Pay attention to the words she uses after `Using real-l
 
 # --explanation--
 
-People sometimes show support indirectly without explicitly saying they agree. To understand if Anna supports Brian’s idea, focus on her comment about the training.
+People sometimes show support indirectly without explicitly saying they agree. To understand if Anna supports Brian's idea, focus on her comment about the training.
 
 Instead of directly saying she likes the idea, she mentions that using real-life scenarios `makes the training more relevant`. This shows she agrees with Brian because she highlights a positive result of using his suggestion.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
index 8a8cccc7bb..c61a585c09 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
@@ -37,9 +37,9 @@ Consider what phrase you would use to suggest connecting with someone to discuss
 
 `Touch base` means to make contact or to check in with someone, usually to discuss progress or updates. For example:
 
-- `Let’s touch base next week to see how the project is going.` - We'll talk again next week to discuss the project's progress.
+- `Let's touch base next week to see how the project is going.` - We'll talk again next week to discuss the project's progress.
 
-- `I’ll touch base with you later about the meeting.` - you'll contact this person later to talk about the meeting.
+- `I'll touch base with you later about the meeting.` - you'll contact this person later to talk about the meeting.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
index fb318c8bbf..1cb3999e59 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -83,4 +83,4 @@ Brian doesn't mention a party.
 
 # --explanation--
 
-Look at the email subject `Cybersecurity Training Session` and the first line `I want to update you on our next cybersecurity training session`. These show that Brian is informing the team about the upcoming session. There’s no mention of rescheduling, so the correct answer focuses on providing information about the training.
+Look at the email subject `Cybersecurity Training Session` and the first line `I want to update you on our next cybersecurity training session`. These show that Brian is informing the team about the upcoming session. There's no mention of rescheduling, so the correct answer focuses on providing information about the training.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
index fba928ee12..9865cdf2ce 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -55,7 +55,7 @@ To know why the training session is important.
 
 ### --feedback--
 
-Although understanding the importance is useful, it doesn’t help you attend the meeting.
+Although understanding the importance is useful, it doesn't help you attend the meeting.
 
 ---
 
@@ -63,7 +63,7 @@ To bring a laptop to take notes during the session.
 
 ### --feedback--
 
-Bringing a laptop might be helpful, but it’s not essential information for attending the meeting.
+Bringing a laptop might be helpful, but it's not essential information for attending the meeting.
 
 ---
 
@@ -83,4 +83,4 @@ This is an important information, but it won't help you to attend the meeting. Q
 
 # --explanation--
 
-To answer correctly, focus on the details needed to attend the meeting: the `date`, `time`, `topic`, and `location`. These are listed under `Details` in the email. While informing a manager is important if you can’t attend, it doesn't help you participate in the session itself.
+To answer correctly, focus on the details needed to attend the meeting: the `date`, `time`, `topic`, and `location`. These are listed under `Details` in the email. While informing a manager is important if you can't attend, it doesn't help you participate in the session itself.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
index f3937b181d..0f98762db2 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
index a7ca1ea7ce..a2778d1e14 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -83,4 +83,4 @@ Think about whether the email mentions anything about meetings or focuses on cyb
 
 # --explanation--
 
-The email states, `We’re adding a section on phishing, using real-life scenarios.` This shows that the new section is focused on identifying phishing attempts, not scheduling meetings.
+The email states, `We're adding a section on phishing, using real-life scenarios.` This shows that the new section is focused on identifying phishing attempts, not scheduling meetings.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
index cff9863927..b9b8acba45 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -47,7 +47,7 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Brian`
 
-What should you do if you can’t attend the meeting?
+What should you do if you can't attend the meeting?
 
 ## --answers--
 
@@ -84,4 +84,4 @@ Reflect on whether the email mentions this as an option or gives different instr
 
 # --explanation--
 
-The email says, `If you can’t attend, please inform your manager.` This clearly shows that the correct action is to inform your manager, not reschedule the meeting yourself.
+The email says, `If you can't attend, please inform your manager.` This clearly shows that the correct action is to inform your manager, not reschedule the meeting yourself.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
index 865b9759a4..d29fa0f85c 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
@@ -45,7 +45,7 @@ Yes, but only for a moment because she has her own problems.
 
 ### --feedback--
 
-Sarah doesn’t limit the time; she simply states that she is not busy.
+Sarah doesn't limit the time; she simply states that she is not busy.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
index ee9241e31c..f2f4e253a6 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
@@ -44,7 +44,7 @@ The live preview is working correctly.
 
 ### --feedback--
 
-If it were working correctly, Tom wouldn’t say that it isn’t showing.
+If it were working correctly, Tom wouldn't say that it isn't showing.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
index 24bb29a532..94a6c7425e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
@@ -44,7 +44,7 @@ Not have this feature.
 
 ### --feedback--
 
-Pay attention to how Tom’s initial statement about the problem connects with his question, showing his surprise that the feature isn’t working as expected.
+Pay attention to how Tom's initial statement about the problem connects with his question, showing his surprise that the feature isn't working as expected.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
index 2cca4413cc..eadfeafc80 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
@@ -15,7 +15,7 @@ This is a review of the entire dialogue you just studied.
 
 Place the following phrases in the correct spot:
 
-`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, `Does your app`.
+`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, and `Does your app`.
 
 # --fillInTheBlank--
 
@@ -29,7 +29,7 @@ Place the following phrases in the correct spot:
 
 `Lisa: We plan to develop a new app for real-time project collaboration. BLANK sound to you?`
 
-`Bob: Interesting! Who’s on your team?`
+`Bob: Interesting! Who's on your team?`
 
 `Lisa: A couple of developers from our branch in Seattle, and a UX designer I've collaborated with before. BLANK we have any similar projects coming up here?`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
index 4809d4e625..d1ad2f49cc 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
@@ -32,7 +32,7 @@ This is a contraction for `it is`, indicating who or what is involved in the act
 
 ### --feedback--
 
-This word is used to make the sentence negative, showing that the action isn’t happening.
+This word is used to make the sentence negative, showing that the action isn't happening.
 
 # --explanation--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
index cf06529d4b..c55863c153 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
@@ -44,11 +44,11 @@ Remember the verb `to be`.
 
 # --explanation--
 
-`Might` is used to express possibility. When Sarah says, `might not be running`, she’s suggesting that it’s possible the live server extension isn’t currently active or working. For example:
+`Might` is used to express possibility. When Sarah says, `might not be running`, she's suggesting that it's possible the live server extension isn't currently active or working. For example:
 
-- `The server might be down.` - It’s possible the server isn’t working.
+- `The server might be down.` - It's possible the server isn't working.
 
-- `She might not be available today.` - It’s possible she’s not free today.
+- `She might not be available today.` - It's possible she's not free today.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
index 7d795fbb9b..6ac0a66232 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
@@ -16,11 +16,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What is the probable reason the live preview isn’t working?
+What is the probable reason the live preview isn't working?
 
 ## --answers--
 
-The live preview isn’t supported in Visual Studio Code.
+The live preview isn't supported in Visual Studio Code.
 
 ### --feedback--
 
@@ -40,7 +40,7 @@ Consider why Sarah would mention an issue if everything was working properly.
 
 ---
 
-Sarah doesn’t know what the problem is.
+Sarah doesn't know what the problem is.
 
 ### --feedback--
 
@@ -54,7 +54,7 @@ Think about whether Sarah suggested a possible cause for the issue.
 
 Sarah mentions three things that will help you to help identify the issue.
 
-First, she says, `It should,` showing that the live preview is expected to work. Next, she states that it’s `not displaying,` which indicates a problem. Finally, she suggests a reason: `the live server extension might not be running.`
+First, she says, `It should,` showing that the live preview is expected to work. Next, she states that it's `not displaying,` which indicates a problem. Finally, she suggests a reason: `the live server extension might not be running.`
 
 By connecting these clues, you can determine the probable reason Sarah provides for the issue.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
index 7c6b1aa2df..f13a7f41ff 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
@@ -26,7 +26,7 @@ Which option is the best answer to Sarah's question?
 
 ### --feedback--
 
-This response doesn’t address whether Tom is using the extension Sarah mentioned.
+This response doesn't address whether Tom is using the extension Sarah mentioned.
 
 ---
 
@@ -38,7 +38,7 @@ This response doesn’t address whether Tom is using the extension Sarah mention
 
 # --explanation--
 
-Sarah is asking Tom if he’s using the live server extension, which is necessary for real-time previews in Visual Studio Code. Tom’s answer will help identify if this might be the cause of the problem. Select the option that answers Sarah's question.
+Sarah is asking Tom if he's using the live server extension, which is necessary for real-time previews in Visual Studio Code. Tom's answer will help identify if this might be the cause of the problem. Select the option that answers Sarah's question.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
index c03d740306..3a9346f3bc 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
@@ -28,9 +28,9 @@ These two words together mean to configure something so it works correctly.
 
 # --explanation--
 
-`Set up right` means to configure something correctly so that it works as expected. If something isn’t `set up right`, it might not function properly. For example:
+`Set up right` means to configure something correctly so that it works as expected. If something isn't `set up right`, it might not function properly. For example:
 
-- `The printer isn’t working because it’s not set up right.` - The printer isn’t configured correctly.
+- `The printer isn't working because it's not set up right.` - The printer isn't configured correctly.
 
 - `Make sure the software is set up right before you start using it.` - You need to configure the software correctly to ensure it works.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
index 2ed0f408a8..39e59c36ba 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
@@ -21,7 +21,7 @@ Which sentence correctly uses `pop up`?
 
 ### --feedback--
 
-Think about whether `pop up` describes something that happens automatically, or if it’s something you actively do.
+Think about whether `pop up` describes something that happens automatically, or if it's something you actively do.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
index f564cf3f65..12bab43332 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
@@ -46,7 +46,7 @@ These two words together mean something suddenly appearing on the screen. The fi
 
 `IntelliJ IDEA` is a popular Integrated Development Environment (IDE) used by developers to write, test, and debug code. It is known for its powerful features, including `auto-completion`, which helps you code faster by suggesting possible completions as you type.
 
-When Tom says that `auto-completion isn’t popping up`, he means that the feature, which normally suggests code as you type, isn’t appearing on the screen like it should.
+When Tom says that `auto-completion isn't popping up`, he means that the feature, which normally suggests code as you type, isn't appearing on the screen like it should.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
index ed6d30065a..223088f40a 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
@@ -6,7 +6,7 @@ dashedName: task-122
 ---
 
 <!-- Audio Reference:
-Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic? -->
 
 # --instructions--
 
@@ -20,7 +20,7 @@ Listen to the audio and complete the sentence below.
 
 ## --blanks--
 
-`Isn’t it`
+`Isn't it`
 
 ### --feedback--
 
@@ -30,11 +30,11 @@ A tag question using the contraction of `is not` followed by a pronoun. The firs
 
 A `tag question` is a short question added to the end of a sentence to confirm or check something. It's often used when the speaker expects the listener to agree with them. For example:
 
-- `It’s a nice day, isn’t it?` - The speaker expects that the listener will agree that it’s a nice day.
+- `It's a nice day, isn't it?` - The speaker expects that the listener will agree that it's a nice day.
 
-- `They are coming to the meeting, aren’t they?` - The speaker expects that the listener will agree that they are coming to the meeting.
+- `They are coming to the meeting, aren't they?` - The speaker expects that the listener will agree that they are coming to the meeting.
 
-When Tom says, `Isn’t it automatic?`, he is asking for confirmation that the auto-completion should happen automatically.
+When Tom says, `Isn't it automatic?`, he is asking for confirmation that the auto-completion should happen automatically.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
index e64bc75442..620bea5497 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
@@ -6,7 +6,7 @@ dashedName: task-123
 ---
 
 <!-- Audio Reference:
-Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic? -->
 
 # --instructions--
 
@@ -16,7 +16,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Why does Tom ask `Isn’t it automatic?`
+Why does Tom ask `Isn't it automatic?`
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
index 5d377d7ee1..b9da55a2cf 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
@@ -6,7 +6,7 @@ dashedName: task-124
 ---
 
 <!-- Audio Reference:
-Tom: The code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: The code auto-completion isn't popping up. Isn't it automatic? -->
 
 <!-- SPEAKING -->
 
@@ -30,9 +30,9 @@ Which option is the best answer to Tom's question?
 
 ### --feedback--
 
-This options is wrong because it contradicts itself. It starts saying `It is`, confirming Tom’s question, but then it adds that auto-completion needs to be enabled manually every time.
+This options is wrong because it contradicts itself. It starts saying `It is`, confirming Tom's question, but then it adds that auto-completion needs to be enabled manually every time.
 
-This doesn’t make sense — if something is automatic, you wouldn’t need to enable it manually.
+This doesn't make sense — if something is automatic, you wouldn't need to enable it manually.
 
 ## --video-solution--
 
@@ -40,7 +40,7 @@ This doesn’t make sense — if something is automatic, you wouldn’t need to
 
 # --explanation--
 
-Tom says, `The code auto-completion isn't popping up. Isn’t it automatic?` This means he expects auto-completion to work automatically.
+Tom says, `The code auto-completion isn't popping up. Isn't it automatic?` This means he expects auto-completion to work automatically.
 
 A good response would either confirm that auto-completion should be automatic or explain why it might not be working.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
index fd842b9866..3f35eea8a3 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
@@ -42,7 +42,7 @@ In the `Present Simple` tense, the negative form is created using `doesn't` or `
 
 - Use `isn't` with forms of `to be` to show that something is not true, like `isn't set up.`
 
-In this sentence, you’ll need both `doesn't` and `isn't` to correctly describe why the feature isn’t working as expected.
+In this sentence, you'll need both `doesn't` and `isn't` to correctly describe why the feature isn't working as expected.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
index 46f8651fd9..075b4fed84 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
@@ -54,13 +54,13 @@ Pay attention to what Sarah says after `it doesn't work if...`.
 
 # --explanation--
 
-When Listening to Sarah’s, pay attention to the word `if`. This word often introduces the cause of a problem, explaining what needs to happen for something else to occur.
+When Listening to Sarah's, pay attention to the word `if`. This word often introduces the cause of a problem, explaining what needs to happen for something else to occur.
 
-After finding `if`, identify the part of the sentence that describes what happens when that condition isn’t met (the effect). In Sarah’s sentence:
+After finding `if`, identify the part of the sentence that describes what happens when that condition isn't met (the effect). In Sarah's sentence:
 
-- **Effect:** `The auto-completion doesn’t work`.
+- **Effect:** `The auto-completion doesn't work`.
 
-- **Cause** introduced by `if`: `If the project isn’t set up correctly`.
+- **Cause** introduced by `if`: `If the project isn't set up correctly`.
 
 Understanding this relationship helps you explain problems and solutions clearly.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
index 0d8514e8ec..1c6799b09d 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
@@ -22,11 +22,11 @@ Tom is not sure he checked the settings and wants to check it again. How can he
 
 ## --answers--
 
-`I don’t think the settings matter.`
+`I don't think the settings matter.`
 
 ### --feedback--
 
-The correct answer would say that he isn’t sure if he has checked the settings, so he needs to check them again.
+The correct answer would say that he isn't sure if he has checked the settings, so he needs to check them again.
 
 ---
 
@@ -38,11 +38,11 @@ The correct answer would say that he isn’t sure if he has checked the settings
 
 # --explanation--
 
-Sometimes, when you’re not sure if you’ve done something, it’s important to say that you’re unsure. For example:
+Sometimes, when you're not sure if you've done something, it's important to say that you're unsure. For example:
 
 - `I'm not sure this is the correct settings.` - You are unsure whether the settings are according to what is expected or not.
 
-The correct answer will reflect Tom’s uncertainty and his plan to check the settings again.
+The correct answer will reflect Tom's uncertainty and his plan to check the settings again.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
index 9d0529ccb8..bcdb2dece2 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
@@ -32,7 +32,7 @@ These two words together mean that something is necessary or required.
 
 ### --feedback--
 
-This verb means to look at something carefully to find out if it’s correct or working properly.
+This verb means to look at something carefully to find out if it's correct or working properly.
 
 ---
 
@@ -46,7 +46,7 @@ This word means to do something one more time.
 
 `Have to` is used to express that something is necessary or required. It indicates that there is no choice but to do something. For example:
 
-- `You have to save your changes before closing the program.` - This means it’s necessary to save changes before closing the program.
+- `You have to save your changes before closing the program.` - This means it's necessary to save changes before closing the program.
 
 When Tom says, `I'll have to check again`, he is stating that it's necessary for him to check the settings one more time, suggesting he's not sure about it.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
index 5193a4b374..c9f5737a33 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
@@ -6,7 +6,7 @@ dashedName: task-130
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. -->
+Tom: And in Eclipse, it's not showing the Git tools. -->
 
 # --instructions--
 
@@ -36,9 +36,9 @@ This word means that something is supposed to be visible. It ends with `-ing`.
 
 # --explanation--
 
-`It’s not showing` is used to explain that something expected to appear on the screen isn’t visible. For example:
+`It's not showing` is used to explain that something expected to appear on the screen isn't visible. For example:
 
-- `The image isn’t showing on the screen.` - The image is supposed to be there, but it’s not visible.
+- `The image isn't showing on the screen.` - The image is supposed to be there, but it's not visible.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
index 508b0dc14f..9b343d92f3 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
@@ -6,7 +6,7 @@ dashedName: task-131
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. -->
+Tom: And in Eclipse, it's not showing the Git tools. -->
 
 # --instructions--
 
@@ -20,7 +20,7 @@ What problem is Tom facing now?
 
 ## --answers--
 
-He doesn’t know how to use Git tools.
+He doesn't know how to use Git tools.
 
 ### --feedback--
 
@@ -28,11 +28,11 @@ Pay attention to the part where Tom talks about something that should be visible
 
 ---
 
-He can’t see the Git tools in Eclipse.
+He can't see the Git tools in Eclipse.
 
 ---
 
-He can’t open the Eclipse software.
+He can't open the Eclipse software.
 
 ### --feedback--
 
@@ -40,7 +40,7 @@ Pay attention to the part where Tom talks about something that should be visible
 
 ---
 
-He doesn’t have Git installed.
+He doesn't have Git installed.
 
 ### --feedback--
 
@@ -52,7 +52,7 @@ Pay attention to the part where Tom talks about something that should be visible
 
 # --explanation--
 
-Tom says, `it’s not showing the Git tools,` which gives important clues to identify his problem.
+Tom says, `it's not showing the Git tools,` which gives important clues to identify his problem.
 
 The key phrase is `not showing`, which points to a visibility issue rather than a problem with knowledge or installation.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
index 54cccc567f..106c722948 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
@@ -6,7 +6,7 @@ dashedName: task-132
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. Are they built-in? -->
+Tom: And in Eclipse, it's not showing the Git tools. Are they built-in? -->
 
 # --instructions--
 
@@ -16,7 +16,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`And in Eclipse, it’s not showing the Git tools. Are they BLANK?`
+`And in Eclipse, it's not showing the Git tools. Are they BLANK?`
 
 ## --blanks--
 
@@ -30,7 +30,7 @@ Something has been included as part of a larger system or structure from the sta
 
 `Built-in` refers to features or tools that are included as part of a software program or device from the start, without needing to be added or installed separately.
 
-When something is `built-in`, it’s already there and ready to use. For example:
+When something is `built-in`, it's already there and ready to use. For example:
 
 - `This laptop has a built-in camera.` - The camera is included as part of the laptop.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
index 9aa50e0fc9..6ed79263c4 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
@@ -6,7 +6,7 @@ dashedName: task-133
 ---
 
 <!-- Audio Reference:
-Tom: It’s not showing the Git tools. Are they built-in? -->
+Tom: It's not showing the Git tools. Are they built-in? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
index 93318ded00..813f4789c4 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
@@ -20,7 +20,7 @@ According to Sarah, in which case won't the Git tools be visible?
 
 ## --answers--
 
-If the project isn’t saved correctly.
+If the project isn't saved correctly.
 
 ### --feedback--
 
@@ -28,7 +28,7 @@ Pay attention to what Sarah says after `but they're not visible if...`.
 
 ---
 
-If Eclipse isn’t updated to the latest version.
+If Eclipse isn't updated to the latest version.
 
 ### --feedback--
 
@@ -36,11 +36,11 @@ Pay attention to what Sarah says after `but they're not visible if...`.
 
 ---
 
-If the project isn’t linked to Git.
+If the project isn't linked to Git.
 
 ---
 
-If the Git tools aren’t installed manually.
+If the Git tools aren't installed manually.
 
 ### --feedback--
 
@@ -58,7 +58,7 @@ After `but`, Sarah mentions `they're not visible`, followed by the condition `if
 
 This tells you that the tools are hidden unless the project is connected to Git.
 
-The phrase `if the project isn't` is a key marker that introduces the condition under which the Git tools won’t appear.
+The phrase `if the project isn't` is a key marker that introduces the condition under which the Git tools won't appear.
 
 In Sarah's sentence, she uses `they're not` to explain that the Git tools are not visible, and `isn't` to say that the project is not linked to Git.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
index 6eebd117d0..4350295d82 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
@@ -34,7 +34,7 @@ When forming questions with the verb `to be`, the usual word order of the subjec
 
 - `Is your project connected to Git?` (Question)
 
-In Sarah’s sentence, she uses this inversion to ask Tom if his project is connected to Git in Eclipse.
+In Sarah's sentence, she uses this inversion to ask Tom if his project is connected to Git in Eclipse.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
index a62104b0ec..666757cb56 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
@@ -16,11 +16,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Tom believes his project should be connected to Git, but he isn’t completely sure. What should he answer Sarah?
+Tom believes his project should be connected to Git, but he isn't completely sure. What should he answer Sarah?
 
 ## --answers--
 
-`It’s supposed to be.`
+`It's supposed to be.`
 
 ---
 
@@ -36,11 +36,11 @@ Think about whether Tom is completely sure about the connection.
 
 # --explanation--
 
-Sometimes, when you're not completely sure about something, but you believe it should be true, you can use the phrase `It’s supposed to` + verb.
+Sometimes, when you're not completely sure about something, but you believe it should be true, you can use the phrase `It's supposed to` + verb.
 
-This will express that something is expected to be a certain way, even if you haven’t confirmed it yet. For example:
+This will express that something is expected to be a certain way, even if you haven't confirmed it yet. For example:
 
-- `The update is supposed to fix the bug.` - This means you expect the update to fix the bug, but you haven’t confirmed it yet.
+- `The update is supposed to fix the bug.` - This means you expect the update to fix the bug, but you haven't confirmed it yet.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
index e6ae198ef7..6ecd32ea6a 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
@@ -32,13 +32,13 @@ These two words start the sentence and are used to describe something that is ha
 
 ### --feedback--
 
-An adjective that describes the feeling of being upset or annoyed because something isn’t working as expected. It ends with `-ing`.
+An adjective that describes the feeling of being upset or annoyed because something isn't working as expected. It ends with `-ing`.
 
 # --explanation--
 
 `This is` is a simple way to start a sentence when describing something.
 
-`Frustrating` is an adjective that describes a feeling of being upset or annoyed because something isn’t working as expected. For example:
+`Frustrating` is an adjective that describes a feeling of being upset or annoyed because something isn't working as expected. For example:
 
 - `This is confusing.` - The situation is hard to understand.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
index 5c1cb4919d..dc90df92b0 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
@@ -20,7 +20,7 @@ Why is Tom frustrated?
 
 ## --answers--
 
-Because he doesn’t know how to code.
+Because he doesn't know how to code.
 
 ### --feedback--
 
@@ -28,7 +28,7 @@ Tom's frustration is not related to his coding skills.
 
 ---
 
-Because he didn’t save his project.
+Because he didn't save his project.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
index f182ad1168..9b4afa7617 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
@@ -30,11 +30,11 @@ This word introduces the condition or situation that causes something to happen.
 
 `when` is used here to describe a specific condition or situation that causes something to happen.
 
-In Sarah’s sentence, `when` introduces the condition where the IDEs become tricky: `if they’re not set up properly`. For example:
+In Sarah's sentence, `when` introduces the condition where the IDEs become tricky: `if they're not set up properly`. For example:
 
 - `The program crashes when it runs out of memory.` - The condition of running out of memory causes the program to crash.
 
-- `The printer only works when it’s plugged in.` - The condition of being plugged in allows the printer to work.
+- `The printer only works when it's plugged in.` - The condition of being plugged in allows the printer to work.
 
 In both cases, `when` is used to explain the situation in which something occurs.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
index cf4c22aa7c..c9a8a3d164 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
@@ -41,7 +41,7 @@ The IDEs are tricky because they lack built-in tools.
 
 ### --feedback--
 
-Reflect on whether Sarah’s explanation was about built-in tools or the setup of the IDEs.
+Reflect on whether Sarah's explanation was about built-in tools or the setup of the IDEs.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
index 60dd081e30..6fe398be0c 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
@@ -26,7 +26,7 @@ Tom wants to accept Sarah's offer. How could he reply to her?
 
 ---
 
-`I’m not sure if that will help.`
+`I'm not sure if that will help.`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
index e0451e2128..643e541962 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
@@ -29,11 +29,11 @@ Place the following phrases in the correct spot:
 
 `Sarah: It should, but BLANK because the live server extension might not be running. Are you using that extension for real-time previews?`
 
-`Tom: I think we are, but maybe BLANK right. Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic?`
+`Tom: I think we are, but maybe BLANK right. Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic?`
 
 `Sarah: It usually is, but it doesn't work if the project isn't set up right. Have you checked the settings?`
 
-`Tom: I'll have to check again. And in Eclipse, it’s not showing the Git tools. BLANK built in?`
+`Tom: I'll have to check again. And in Eclipse, it's not showing the Git tools. BLANK built in?`
 
 `Sarah: Yes, they are, but BLANK if the project isn't linked to Git. Is your project connected to Git in Eclipse?`
 
@@ -57,7 +57,7 @@ This phrase is used when checking if something should be working automatically.
 
 ### --feedback--
 
-This phrase indicates that something expected to be visible on the screen isn’t appearing.
+This phrase indicates that something expected to be visible on the screen isn't appearing.
 
 ---
 
@@ -65,7 +65,7 @@ This phrase indicates that something expected to be visible on the screen isn’
 
 ### --feedback--
 
-This phrase explains that something isn’t arranged or configured correctly.
+This phrase explains that something isn't arranged or configured correctly.
 
 ---
 
@@ -81,7 +81,7 @@ This phrase is used to ask if something, like the Git tools, is included or buil
 
 ### --feedback--
 
-This phrase indicates that something, like the Git tools, can’t be seen on the screen.
+This phrase indicates that something, like the Git tools, can't be seen on the screen.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
index 7078fc94a0..4bb912d098 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
@@ -27,17 +27,17 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
 `Best, Sarah`
 
-What should Tom do if the Live Preview isn’t displaying in Visual Studio Code?
+What should Tom do if the Live Preview isn't displaying in Visual Studio Code?
 
 ## --answers--
 
@@ -45,7 +45,7 @@ Restart Visual Studio Code and check the project settings.
 
 ### --feedback--
 
-Consider whether restarting the program is Sarah’s suggested solution or if she focuses more on project settings.
+Consider whether restarting the program is Sarah's suggested solution or if she focuses more on project settings.
 
 ---
 
@@ -65,7 +65,7 @@ Switch to a different IDE to see if the issue persists. She prefers Eclipse.
 
 ### --feedback--
 
-Reflect on whether Sarah’s advice is about changing IDEs or troubleshooting within Visual Studio Code.
+Reflect on whether Sarah's advice is about changing IDEs or troubleshooting within Visual Studio Code.
 
 ## --video-solution--
 
@@ -73,8 +73,8 @@ Reflect on whether Sarah’s advice is about changing IDEs or troubleshooting wi
 
 # --explanation--
 
-To find the answer, focus on the section of Sarah’s email labeled `1. Visual Studio Code - Live preview.`
+To find the answer, focus on the section of Sarah's email labeled `1. Visual Studio Code - Live preview.`
 
-In this part, she explains that if the Live Preview isn’t displaying, Tom should first make sure the live server extension is installed and running.
+In this part, she explains that if the Live Preview isn't displaying, Tom should first make sure the live server extension is installed and running.
 
-Then, if it’s still not working, she advises checking the project settings to ensure everything is correctly set up for real-time previews.
+Then, if it's still not working, she advises checking the project settings to ensure everything is correctly set up for real-time previews.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
index cd6ca7c8a9..b010db7d26 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -41,7 +41,7 @@ Why might auto-completion not work in IntelliJ IDEA, according to Sarah's email?
 
 ## --answers--
 
-The live server extension isn’t installed.
+The live server extension isn't installed.
 
 ### --feedback--
 
@@ -53,7 +53,7 @@ The Git tools are not visible.
 
 ### --feedback--
 
-Consider whether the visibility of Git tools affects auto-completion, or if it’s more about the project setup.
+Consider whether the visibility of Git tools affects auto-completion, or if it's more about the project setup.
 
 ---
 
@@ -75,4 +75,4 @@ Reflect on whether Sarah mentioned file corruption as a reason for auto-completi
 
 Pay close attention to the section labeled `2. IntelliJ IDEA - Auto-Completion.`
 
-In this part, Sarah mentions that if auto-completion isn’t working, the problem is likely due to the project not being set up correctly. She suggests checking the project settings and verifying that all necessary plugins are enabled.
+In this part, Sarah mentions that if auto-completion isn't working, the problem is likely due to the project not being set up correctly. She suggests checking the project settings and verifying that all necessary plugins are enabled.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
index e4b2db4d62..d46dd94d8d 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -41,7 +41,7 @@ What does Sarah say about the Git tools in Eclipse?
 
 ## --answers--
 
-They are built-in but won’t be visible unless your project is linked to Git.
+They are built-in but won't be visible unless your project is linked to Git.
 
 ---
 
@@ -61,7 +61,7 @@ Consider if Sarah said the tools are automatically visible or if she mentioned a
 
 ---
 
-They only work if you’re using IntelliJ IDEA.
+They only work if you're using IntelliJ IDEA.
 
 ### --feedback--
 
@@ -75,4 +75,4 @@ Reflect on whether Sarah was talking about Eclipse or if this applies to a diffe
 
 Sarah provides instructions specifically about the Git tools in Eclipse under the section `3. Eclipse - Git Tools.`
 
-She mentions that the tools are built-in, but they won’t be visible unless the project is linked to Git. 
+She mentions that the tools are built-in, but they won't be visible unless the project is linked to Git. 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
index 6f49f93d04..c77c188650 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -53,7 +53,7 @@ She suggests that Tom should hire someone else to fix the issues.
 
 ### --feedback--
 
-Consider if Sarah’s tone is more supportive or if she is suggesting an alternative solution.
+Consider if Sarah's tone is more supportive or if she is suggesting an alternative solution.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
index 52fa983677..b00e7e2457 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
@@ -1,8 +1,8 @@
 ---
 id: 66609f86c2500e597c8cb52f
-title: "Dialogue 1: I'm Tom"
+title: "Dialogue 1: Scheduled Maintenance to Prevent DoS Attacks"
 challengeType: 21
-dashedName: dialogue-1-im-tom
+dashedName: dialogue-1-scheduled-maintenance-to-prevent-dos-attacks
 ---
 
 # --description--
@@ -11,48 +11,177 @@ Watch the video below to understand the context of the upcoming lessons.
 
 # --assignment--
 
-Watch the video
+Watch the video.
 
 # --scene--
 
 ```json
 {
-  "setup": {
-    "background": "chaos.png",
-    "characters": [
-      {
-        "character": "David",
-        "position": {"x":50,"y":80,"z":8},
-        "opacity": 0
-      }
-    ],
-    "audio": {
-      "filename": "1.1-1.mp3",
-      "startTime": 1,
-      "startTimestamp": 5.7,
-      "finishTimestamp": 6.48
-    }
-  },
-  "commands": [
-    {
-      "character": "David",
-      "opacity": 1,
-      "startTime": 0
-    },
-    {
-      "character": "David",
-      "startTime": 1,
-      "finishTime": 0.78,
-      "dialogue": {
-        "text": "I'm Tom.",
-        "align": "center"
-      }
-    },
-    {
-      "character": "Tom",
-      "opacity": 0,
-      "startTime": 1.28
-    }
-  ]
+ "setup": {
+   "background": "company2-boardroom.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-1.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.94,
+     "dialogue": {
+       "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 5.22,
+     "finishTime": 10.94,
+     "dialogue": {
+       "text": "It's crucial to enhance our firewall settings to prevent any potential denial of service attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 11.9,
+     "finishTime": 17.52,
+     "dialogue": {
+       "text": "Yes, Jake. I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.4,
+     "finishTime": 21.06,
+     "dialogue": {
+       "text": "That's right. The update should last about two hours.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.42,
+     "finishTime": 25.52,
+     "dialogue": {
+       "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 26.1,
+     "finishTime": 31.76,
+     "dialogue": {
+       "text": "Will the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 32.78,
+     "finishTime": 35.44,
+     "dialogue": {
+       "text": "Absolutely. The entire technical support team will be on duty.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 35.82,
+     "finishTime": 40,
+     "dialogue": {
+       "text": "They've been briefed and are prepared to manage any unexpected situations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 40.5,
+     "finishTime": 42.74,
+     "dialogue": {
+       "text": "Great. And when does the team perform the final checks?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 43.12,
+     "finishTime": 45.78,
+     "dialogue": {
+       "text": "The final system checks are set for Friday night.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 46.1,
+     "finishTime": 51.18,
+     "dialogue": {
+       "text": "We'll confirm that all security patches are ready to be deployed without any complications.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 51.76,
+     "finishTime": 55.42,
+     "dialogue": {
+       "text": "Perfect. And the training session for the new security protocols, when is that planned?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 55.42,
+     "finishTime": 57.98,
+     "dialogue": {
+       "text": "The training is planned for Thursday afternoon.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 58.44,
+     "finishTime": 63.06,
+     "dialogue": {
+       "text": "Every team member must understand the changes and how these will impact our operations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 63.56
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 64.06
+   }
+ ]
 }
 ```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
new file mode 100644
index 0000000000..d78c313753
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
@@ -0,0 +1,90 @@
+---
+id: 673519c3d750b013c96f1e6f
+title: Task 1
+challengeType: 22
+dashedName: task-1
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Maria, the next BLANK BLANK is scheduled for this Saturday at 2 AM.`
+
+## --blanks--
+
+`system`
+
+### --feedback--
+
+This word refers to the entire software or hardware environment needing improvement or maintenance.
+
+---
+
+`update`
+
+### --feedback--
+
+This word describes a new version or change that improves software or adds features.
+
+# --explanation--
+
+A `system update` is an essential process that makes improvements, adds new features, or corrects issues in the software on a device or network. For example:
+
+- `The system update included security improvements to protect user data.` - The update made changes to help keep user information safe from potential threats.
+
+- `After the system update, the device ran faster and had new features.` - The update improved device speed and added new functionalities, making it more efficient and useful.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
new file mode 100644
index 0000000000..5d6e6f115b
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
@@ -0,0 +1,107 @@
+---
+id: 67351b96eefe7c282ec1424b
+title: Task 2
+challengeType: 19
+dashedName: task-2
+---
+
+<!-- (Audio) Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has been scheduled?
+
+## --answers--
+
+The next system update.
+
+---
+
+A team meeting.
+
+### --feedback--
+
+James does not mention a meeting.
+
+---
+
+A system backup.
+
+### --feedback--
+
+James doesn't mention a backup.
+
+---
+
+A software installation.
+
+### --feedback--
+
+James doesn't mention a new installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`To be scheduled` means to set a specific date and time for something to happen. In this case, the system update is planned for a specific day and hour. For example:
+
+- `The meeting is scheduled for Monday at 10 AM.` - This means the meeting will happen on Monday at 10 AM.
+
+- `The release is scheduled for next month.` - This means the release will take place sometime in the upcoming month.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
new file mode 100644
index 0000000000..57d207b4f2
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
@@ -0,0 +1,108 @@
+---
+id: 673653fa580778853a7a7afd
+title: Task 3
+challengeType: 19
+dashedName: task-3
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the system update scheduled?
+
+## --answers--
+
+This Sunday at 2 AM.
+
+### --feedback--
+
+Check if Jake mentions Saturday or Sunday for the update.
+
+---
+
+This Saturday at 2 AM.
+
+---
+
+Next Saturday at 2 PM.
+
+### --feedback--
+
+Check if Jake specifies a morning or afternoon time and which Saturday he means.
+
+---
+
+Past Saturday at 2 AM.
+
+### --feedback--
+
+Consider whether Jake refers to a future date or something that has already passed.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`This` and `next` help clarify if an event is scheduled soon or further in the future.
+
+In this case, `this Saturday at 2 AM` refers to the upcoming Saturday and a specific early morning time chosen to minimize disruption. For example:
+
+- `The meeting is scheduled for this Friday at 9 AM.` - This means the meeting is set for the closest Friday at 9 AM.
+
+- `Our next session is next Tuesday at 4 PM.` - This means the session will occur on the Tuesday following this week, at 4 PM.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
new file mode 100644
index 0000000000..15bbeeacc3
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
@@ -0,0 +1,82 @@
+---
+id: 673654d11366b18b1c76d980
+title: Task 4
+challengeType: 22
+dashedName: task-4
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to BLANK our firewall settings.`
+
+## --blanks--
+
+`enhance`
+
+### --feedback--
+
+This word means to improve or make something stronger or more effective.
+
+# --explanation--
+
+`Enhance` means to improve something or make it more effective. For example:
+
+- `We need to enhance our website's security features.` - This means improving or strengthening the website's security.
+
+- `The new update enhances the app's performance.` - This means the update improves how well the app works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
new file mode 100644
index 0000000000..2da226cc72
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
@@ -0,0 +1,107 @@
+---
+id: 673655ea628630928b5b50b8
+title: Task 6
+challengeType: 22
+dashedName: task-6
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to enhance our firewall settings to prevent any potential BLANK BLANK BLANK attacks.`
+
+## --blanks--
+
+`denial`
+
+### --feedback--
+
+This word refers to refusing or blocking something from happening.
+
+---
+
+`of`
+
+### --feedback--
+
+This word is a short preposition often used to link two related ideas.
+
+---
+
+`service`
+
+### --feedback--
+
+This word describes a type of assistance or functionality provided, such as by a network.
+
+# --explanation--
+
+A `Denial of Service (DoS)` attack is a cyber-attack intended to make a network or service unavailable to its intended users, usually by overwhelming it with traffic. This type of attack disrupts normal service, causing slowdowns or complete outages. For example:
+
+- `The system went down due to a denial of service attack.` - This means the system became unavailable because it was overwhelmed by malicious traffic.
+
+- `Enhanced firewall settings can help prevent DoS attacks.` - This means improved firewall configurations can reduce the risk of such attacks by blocking unwanted traffic.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
new file mode 100644
index 0000000000..a63034725a
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
@@ -0,0 +1,110 @@
+---
+id: 6736576b5407af9bdf1f41b7
+title: Task 5
+challengeType: 19
+dashedName: task-5
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be enhanced?
+
+## --answers--
+
+Network speed.
+
+### --feedback--
+
+Jake is not discussing the network's speed or performance.
+
+---
+
+Software compatibility.
+
+### --feedback--
+
+Jake is not focused on compatibility between different software.
+
+---
+
+Firewall settings.
+
+---
+
+User interface.
+
+### --feedback--
+
+Jake's focus is on something related to security, not appearance or design.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+A `firewall` is a security system that protects a network by controlling incoming and outgoing network traffic based on security rules.
+
+`Settings` refer to configurations or adjustments that determine how something functions.
+
+`Firewall settings` are the specific rules or configurations used to manage network security. For example:
+
+- `We updated the firewall settings to block unauthorized access.` - This means adjustments were made to prevent access by unauthorized users.
+
+- `Enhancing firewall settings can help prevent cyber attacks.` - This means improving the configurations to increase security against online threats.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
new file mode 100644
index 0000000000..2c32852ecc
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
@@ -0,0 +1,113 @@
+---
+id: 67365a08481f68acc18a9639
+title: Task 7
+challengeType: 19
+dashedName: task-7
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Jake want to enhance their firewall settings?
+
+## --answers--
+
+To improve network speed.
+
+### --feedback--
+
+Consider if Jake's focus is on security or performance.
+
+---
+
+To add new features.
+
+### --feedback--
+
+Think about whether Jake mentions adding anything new, or if he is more focused on protection.
+
+---
+
+To fix a current security issue.
+
+### --feedback--
+
+Jake refers to a potential risk, not a current issue that needs fixing.
+
+---
+
+To prevent Denial of Service attacks.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, `to prevent` is a key marker that shows Jake's main reason for enhancing the firewall settings.
+
+He emphasizes prevention, specifically mentioning `Denial of Service attacks` as the potential risk.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
new file mode 100644
index 0000000000..749d8c4e97
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
@@ -0,0 +1,109 @@
+---
+id: 673ba128855f6e78cd392dab
+title: Task 8
+challengeType: 19
+dashedName: task-8
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which is the best response to Jake's comment?
+
+## --answers--
+
+`Yes, Jake. I've reviewed the timetable.`
+
+---
+
+`Yes, Jake. The moon looks great tonight.`
+
+### --feedback--
+
+This response is unrelated to Jake's comment about the system update and firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. In this context, Jake refers to a timetable for the system update, and Maria mentions reviewing it, showing she is prepared. For example:
+
+- `The timetable for the train is posted at the station.` - This means the schedule for train arrivals and departures is available for reference.
+
+- `We created a timetable to organize our project milestones.` - This means a schedule was set up to track when each project goal should be achieved.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 10.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.94,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2 AM.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 7.62,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.63,
+      "finishTime": 10.34,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 11.04
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
new file mode 100644
index 0000000000..8a0e9ae740
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
@@ -0,0 +1,82 @@
+---
+id: 673ba3a9d1858104dfbba180
+title: Task 9
+challengeType: 22
+dashedName: task-9
+---
+
+<!-- (Audio) Maria: Yes, Jake. I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, Jake. I've reviewed the BLANK.`
+
+## --blanks--
+
+`timetable`
+
+### --feedback--
+
+This word refers to a schedule that organizes events or activities based on time.
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. It is used to organize and keep track of when specific tasks, meetings, or updates will happen. For example:
+
+- `The timetable for the conference was shared last week.` - This means the schedule of sessions and events for the conference was provided.
+
+- `Our team follows a weekly timetable for project check-ins.` - This means there is a set schedule each week for the team to review progress.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
new file mode 100644
index 0000000000..104e394e0c
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
@@ -0,0 +1,106 @@
+---
+id: 673ba5bf35e3b51211c27c2b
+title: Task 10
+challengeType: 19
+dashedName: task-10
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has Maria done?
+
+## --answers--
+
+She has changed the timetable.
+
+### --feedback--
+
+Consider whether Maria mentions making any edits or changes.
+
+---
+
+She has ignored the timetable.
+
+### --feedback--
+
+Think about whether Maria shows she has paid attention to the timetable.
+
+---
+
+She has created a timetable.
+
+### --feedback--
+
+Check if Maria refers to an existing timetable or mentions making a new one.
+
+---
+
+She has reviewed the timetable.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria's statement, `Yes, Jake, I've reviewed the timetable`, shows she has already checked or looked over the schedule for the system update. `To review` something means to examine or go over it carefully. For example:
+
+- `I reviewed the project proposal before the meeting.` - This means you checked the proposal to understand it.
+
+- `She reviewed the instructions before starting the task.` - This means she examined the instructions to ensure she knew what to do.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
new file mode 100644
index 0000000000..eab87a114a
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
@@ -0,0 +1,101 @@
+---
+id: 673ba72bd5ef6a1bc39ba037
+title: Task 11
+challengeType: 22
+dashedName: task-11
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The BLANK BLANK starts exactly when the user traffic is at its lowest, correct?`
+
+## --blanks--
+
+`server`
+
+### --feedback--
+
+This word refers to a computer system that provides services, resources, or data to other computers on a network.
+
+---
+
+`downtime`
+
+### --feedback--
+
+This word refers to a period when a system or service is not available or operational.
+
+# --explanation--
+
+`Downtime` is a period when a system or service is unavailable or not operational. It is often scheduled to perform maintenance, updates, or repairs.
+
+`Server downtime` specifically refers to the time when a server — a computer system that provides data, services, or resources to other devices — is temporarily unavailable. For example:
+
+- `The server downtime was scheduled at midnight to minimize the impact on users.` - This means the server was made unavailable at midnight to reduce inconvenience to users.
+
+- `Unexpected downtime occurred due to a power failure.` - This means the system became unavailable without prior planning because of a power outage.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
new file mode 100644
index 0000000000..3e4a44f387
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
@@ -0,0 +1,111 @@
+---
+id: 673ba8558f0a93235de58ccb
+title: Task 12
+challengeType: 22
+dashedName: task-12
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The server downtime starts exactly when the user traffic is BLANK BLANK BLANK, correct?`
+
+## --blanks--
+
+`at`
+
+### --feedback--
+
+This is a preposition used to indicate a specific time or condition.
+
+---
+
+`its`
+
+### --feedback--
+
+This is a possessive pronoun referring to something that belongs to or is related to the server traffic.
+
+---
+
+`lowest`
+
+### --feedback--
+
+This is the superlative form of `low`, describing the smallest amount or level.
+
+# --explanation--
+
+The pronoun `its` is a possessive pronoun that indicates something belongs to or is associated with a subject. For example:
+
+`The system operates best when its temperature is regulated.` - This means the system works well when the temperature belonging to it is controlled.
+
+The word `lowest` is the superlative form of `low`, meaning the least amount or the smallest degree. For example:
+
+`The lowest temperature recorded was in the early morning.` - This means the smallest temperature measured occurred in the morning.
+
+In Maria's sentence, `at its lowest` refers to the lowest level of user traffic for the server.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
new file mode 100644
index 0000000000..e814301b9d
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
@@ -0,0 +1,111 @@
+---
+id: 673ba99a1280af2ba7770b56
+title: Task 13
+challengeType: 19
+dashedName: task-13
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does the server downtime start?
+
+## --answers--
+
+When the user traffic is at its peak.
+
+### --feedback--
+
+Consider whether downtime would be planned when the server is most active. Think about when the least disruption would occur.
+
+---
+
+When the user traffic is at its lowest.
+
+---
+
+When the server needs a reboot.
+
+### --feedback--
+
+Maria does not mention any specific technical need like a reboot. Focus on what she says about traffic.
+
+---
+
+When new features are added.
+
+### --feedback--
+
+Maria is talking about downtime related to user traffic, not updates or feature additions. Pay attention to the context of the sentence.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria states that the server downtime starts when `the user traffic is at its lowest`. This indicates the downtime is planned for a time with minimal user activity, likely to reduce the impact on users.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
new file mode 100644
index 0000000000..f3712a2e98
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
@@ -0,0 +1,101 @@
+---
+id: 673bab51ecb42c369eb6b37b
+title: Task 14
+challengeType: 19
+dashedName: task-14
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`That's right. The update lasted about two hours.`
+
+### --feedback--
+
+Check if the response uses the correct tense for a future event. Maria is asking about something that hasn't happened yet.
+
+---
+
+`That's right. The update should last about two hours.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria's question uses the `Present Simple` tense, `The server downtime starts...`, to talk about a planned event.
+
+This is common when discussing schedules or timetables, as the `Present Simple` indicates something fixed or organized in the future. Her intention is to confirm the timing of the downtime as planned.
+
+The answer, `That's right. The update should last about two hours`, confirms her statement and provides additional detail about the expected duration of the update.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
new file mode 100644
index 0000000000..b92c074789
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
@@ -0,0 +1,94 @@
+---
+id: 673bad5d57b0a6444819ca0e
+title: Task 15
+challengeType: 22
+dashedName: task-15
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That's right. The update BLANK BLANK about two hours.`
+
+## --blanks--
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express an expectation or likelihood of something happening.
+
+---
+
+`last`
+
+### --feedback--
+
+This word means to continue for a specific period of time.
+
+# --explanation--
+
+`Should` is used to express an expectation or something that is likely to happen.
+
+`Last` means to continue or endure for a specific amount of time. For example:
+
+- `The meeting should last for one hour.` - This means it is expected that the meeting will take one hour to complete.
+
+- `This battery should last up to five hours.` - This indicates the expected duration of the battery's performance.
+
+Together, `should last` expresses the anticipated length of time something will continue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 20.06
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
new file mode 100644
index 0000000000..1277e59b5e
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
@@ -0,0 +1,92 @@
+---
+id: 673baec00a78e04d5c6a9ea2
+title: Task 16
+challengeType: 22
+dashedName: task-16
+---
+
+<!-- (Audio) Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to BLANK BLANK while strengthening our defenses.`
+
+## --blanks--
+
+`minimize`
+
+### --feedback--
+
+This word means to reduce something to the smallest possible amount or degree.
+
+---
+
+`disruption`
+
+### --feedback--
+
+This word refers to a disturbance or interruption in the normal flow or operation of something.
+
+# --explanation--
+
+`Minimize` means to reduce something to the smallest amount or degree possible.
+
+`Disruption` refers to any interruption or disturbance in normal activity.
+
+Together, `minimize disruption` means to reduce interruptions or disturbances to the lowest level possible. For example:
+
+`The team worked at night to minimize disruption to daily operations.` - This means they scheduled their work at night to cause the least amount of interference during the day.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
new file mode 100644
index 0000000000..bc428e2aa0
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
@@ -0,0 +1,80 @@
+---
+id: 673c03eb9c3d4c2e12555aaf
+title: Task 17
+challengeType: 22
+dashedName: task-17
+---
+
+<!-- (Audio) Jake: Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to minimize disruption while BLANK our defenses.`
+
+## --blanks--
+
+`strengthening`
+
+### --feedback--
+
+This word refers to the process of making something stronger or more secure. It ends in `-ing`.
+
+# --explanation--
+
+`Strengthening` describes the ongoing process of making something stronger. For example:
+
+`We are strengthening our defenses to improve security.` - This means actively working to make the defenses better and more secure.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
new file mode 100644
index 0000000000..972e3636ad
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
@@ -0,0 +1,113 @@
+---
+id: 673c06abb58d403f7e4533fb
+title: Task 18
+challengeType: 19
+dashedName: task-18
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the expected outcome?
+
+## --answers--
+
+The update completely avoids all disruption.
+
+### --feedback--
+
+Consider whether Jake mentions completely avoiding disruption or minimizing it.
+
+---
+
+The update weakens defenses while maintaining user traffic.
+
+### --feedback--
+
+Think about whether Jake's goal is to weaken defenses or strengthen them.
+
+---
+
+The update causes minimal disruption and strengthens defenses.
+
+---
+
+The update distracts users to implement new features.
+
+### --feedback--
+
+Jake is focused on minimizing disruption, not on distracting users, and does not mention new features.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify the expected outcome, listen for the parts of the audio where Jake states the goals of the update.
+
+He mentions `minimize disruption` and `strengthening our defenses`, which clearly outline what the update aims to achieve.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.02,
+      "finishTime": 8.32,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
new file mode 100644
index 0000000000..368a66821f
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
@@ -0,0 +1,92 @@
+---
+id: 673c07da6aa1be470dc55332
+title: Task 19
+challengeType: 22
+dashedName: task-19
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK the support team be BLANK during the update?`
+
+## --blanks--
+
+`Will`
+
+### --feedback--
+
+It is used to indicate the future in this structure. The first letter is capitalized.
+
+---
+
+`on call`
+
+### --feedback--
+
+This phrase means being available online to provide support or help if needed.
+
+# --explanation--
+
+`On call` means being available online to provide help or support if necessary.
+
+This sentence uses the structure `Will + subject + verb` to ask about a planned event in the future. This structure is common in formal questions about future arrangements. For example:
+
+- `Will the meeting start at 10 AM?` - This is asking if the meeting is scheduled to begin at that specific time.
+
+- `Will they join us for dinner?` - This is asking if they have plans to come to dinner.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
new file mode 100644
index 0000000000..a0ff078d7f
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
@@ -0,0 +1,104 @@
+---
+id: 673c097ad524db51cca7ae3f
+title: Task 20
+challengeType: 19
+dashedName: task-20
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to confirm about the support team?
+
+## --answers--
+
+If they will be on call during the update.
+
+---
+
+If they will perform the update themselves.
+
+### --feedback--
+
+Think about whether Maria is asking about the team's role or their availability.
+
+---
+
+If they will monitor user traffic.
+
+### --feedback--
+
+Consider whether Maria refers to managing user activity or being available to assist.
+
+---
+
+If they will install new features.
+
+### --feedback--
+
+Maria's question focuses on their availability, not specific tasks like feature installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria uses the structure `Will the support team be on call during the update?` to ask if they will be available to help if needed.
+
+Pay attention to the phrase `on call` to understand her intention.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
new file mode 100644
index 0000000000..499a16488a
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
@@ -0,0 +1,102 @@
+---
+id: 673c0bf736904660a9077269
+title: Task 21
+challengeType: 19
+dashedName: task-21
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the support team might install new features during the update.
+
+### --feedback--
+
+Think about whether Maria's question mentions feature installation or their availability.
+
+---
+
+If the support team is not required to assist during the update.
+
+### --feedback--
+
+Consider whether Maria's question implies the team is unnecessary or if she is confirming their availability.
+
+---
+
+If the support team will be on call during the update.
+
+---
+
+If the support team will work on managing user activity.
+
+### --feedback--
+
+Maria's question does not focus on user activity but rather their availability.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria's question, `Will the support team be on call during the update?`, is asking about a future event in which the team needs to be available to assist.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
new file mode 100644
index 0000000000..5cafb2b6ae
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
@@ -0,0 +1,101 @@
+---
+id: 67472118e6040e52ad3ca5b0
+title: Task 22
+challengeType: 22
+dashedName: task-22
+---
+
+<!-- (Audio) Maria:  We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to make sure they're ready to BLANK any immediate BLANK that come up.`
+
+## --blanks--
+
+`handle`
+
+### --feedback--
+
+This word means to manage, deal with, or take care of something.
+
+---
+
+`issues`
+
+### --feedback--
+
+This word refers to problems or concerns that need to be addressed or resolved.
+
+# --explanation--
+
+`Handle` means to deal with or manage a task or situation effectively.
+
+`Issues` refers to problems or concerns that require attention or resolution. Together, `handle issues` suggests managing or solving problems as they occur. For example:
+
+- `The technician handled the issue quickly.` - This means the technician managed or resolved the problem efficiently.
+
+- `Addressing these issues is critical for project success.` - This refers to focusing on and resolving problems that affect the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
new file mode 100644
index 0000000000..8c23c475f4
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
@@ -0,0 +1,115 @@
+---
+id: 67472280c0b01f5e1442f8da
+title: Task 23
+challengeType: 19
+dashedName: task-23
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to ensure?
+
+## --answers--
+
+That they've already solved all the issues.
+
+### --feedback--
+
+Maria is talking about preparation for future problems, not resolving something that has already been handled.
+
+---
+
+That they're ready to handle any immediate issues.
+
+---
+
+That they avoid dealing with any issues.
+
+### --feedback--
+
+Maria emphasizes readiness, not avoidance. Think about whether she wants them to act or ignore.
+
+---
+
+That they focus only on long-term problems.
+
+### --feedback--
+
+Maria's focus is on immediate issues, not long-term concerns. Pay attention to the word `immediate`.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen to the key phrases in Maria's statement: `We need to make sure they're ready` and `to handle any immediate issues that come up.`
+
+The word `ready` indicates preparation, and `immediate issues` specifies the type of problems Maria is referring to.
+
+Together, these phrases show that Maria is focused on ensuring readiness to deal with short-term, unexpected challenges.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
new file mode 100644
index 0000000000..0863bb86fe
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
@@ -0,0 +1,99 @@
+---
+id: 67472348ce54e263862c5386
+title: Task 24
+challengeType: 19
+dashedName: task-24
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria believes they should handle issues as they come up.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+Consider whether Maria talks about avoiding or addressing issues. Pay attention to the phrase `handle any immediate issues`.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria says, `We need to make sure they're ready to handle any immediate issues that come up.`
+
+The phrase `handle issues as they come up` directly points to her belief in addressing problems as they occur.
+
+To answer correctly, focus on her use of the words `ready to handle` and `immediate issues`, which indicate her intention for proactive problem-solving.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
new file mode 100644
index 0000000000..df14a58f76
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
@@ -0,0 +1,92 @@
+---
+id: 674e3864432aea6f5ce708ed
+title: Task 26
+challengeType: 22
+dashedName: task-26
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The BLANK technical support team will be BLANK.`
+
+## --blanks--
+
+`entire`
+
+### --feedback--
+
+This word means the whole or complete group.
+
+---
+
+`on duty`
+
+### --feedback--
+
+These two words together mean being officially assigned to work or perform tasks at a specific time. The first word is a preposition, and the second is a noun.
+
+# --explanation--
+
+`Entire` means the whole or complete group, emphasizing that every member of the technical support team is included.
+
+`On duty` refers to being officially assigned to work or available to perform tasks during a specific time. For example:
+
+- `The entire staff attended the meeting.` - This means all members of the staff were present.
+
+- `The security guard is on duty until midnight.` - This means the guard is working and available until the specified time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
new file mode 100644
index 0000000000..a167546f76
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
@@ -0,0 +1,94 @@
+---
+id: 674e3b2f69b2e481d4f6cebe
+title: Task 25
+challengeType: 22
+dashedName: task-25
+---
+
+<!-- (Audio) Absolutely. The entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The entire technical support team BLANK BLANK on duty.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense.
+
+---
+
+`be`
+
+### --feedback--
+
+Infinitive form of verb `to be`.
+
+# --explanation--
+
+The sentence uses `will` to indicate the `Future Simple` tense, showing that the action is expected to happen.
+
+The structure `will + verb` is commonly used to talk about future events, plans, or predictions. For example:
+
+- `They will be at the meeting tomorrow.` - This means their presence is planned for the future.
+
+- `We will start the project next week.` - This means the project is scheduled to begin in the future.
+
+Using `will` is a straightforward way to express future intentions, promises, or schedules.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
new file mode 100644
index 0000000000..f9b77c33aa
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
@@ -0,0 +1,88 @@
+---
+id: 674e3bc223f6c5862facf3e2
+title: Task 27
+challengeType: 19
+dashedName: task-27
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Only a part of the technical support team will be on duty.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Focus on the word `entire` in his statement.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Entire` in the sentence makes it clear that all members of the technical support team will be available.
+
+To find the correct answer, focus on the key phrase: `the entire technical support team`. This emphasizes that no one is excluded from being on duty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
new file mode 100644
index 0000000000..691fda15e6
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
@@ -0,0 +1,99 @@
+---
+id: 674e3cb5a611618cd5301758
+title: Task 28
+challengeType: 22
+dashedName: task-28
+---
+
+<!-- (Audio) They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`They've been BLANK and are prepared to manage any BLANK situations.`
+
+## --blanks--
+
+`briefed`
+
+### --feedback--
+
+This word means being given detailed information or instructions about a task or situation. It ends in `-ed`.
+
+---
+
+`unexpected`
+
+### --feedback--
+
+This word describes something that happens without warning or is not anticipated. It ends in `-ed`.
+
+# --explanation--
+
+`Briefed` means that someone has been provided with detailed instructions or information to prepare them for a specific task or situation.
+
+`Unexpected` refers to something that happens without prior knowledge or warning. For example:
+
+`The team was briefed on the emergency procedures.` - This means the team was given instructions about what to do in an emergency.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
new file mode 100644
index 0000000000..c76e177c69
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
@@ -0,0 +1,111 @@
+---
+id: 67506acdf255ff94e0ba712e
+title: Task 29
+challengeType: 19
+dashedName: task-29
+---
+
+<!-- (Audio) Jake: They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did Jake instruct them about?
+
+## --answers--
+
+Completing a scheduled task.
+
+### --feedback--
+
+Think about whether Jake's statement focuses on planned tasks or unplanned situations.
+
+---
+
+Managing unexpected situations.
+
+---
+
+Avoiding all potential issues.
+
+### --feedback--
+
+Consider if Jake mentioned avoiding issues or handling them when they arise.
+
+---
+
+Reporting to him immediately.
+
+### --feedback--
+
+Jake's statement does not mention reporting back. Focus on what they are prepared to do.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen for the key phrase in Jake's statement: `prepared to manage any unexpected situations`. This shows that the team was briefed to handle unplanned or surprising events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
new file mode 100644
index 0000000000..495a696be3
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
@@ -0,0 +1,90 @@
+---
+id: 67506bd2d567359bac72f760
+title: Task 30
+challengeType: 22
+dashedName: task-30
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great, and when does the team BLANK the final BLANK?`
+
+## --blanks--
+
+`perform`
+
+### --feedback--
+
+This word means to carry out or execute a task or action.
+
+---
+
+`checks`
+
+### --feedback--
+
+This word refers to examinations or inspections to ensure something is correct or in good condition.
+
+# --explanation--
+
+`Perform` means to carry out or execute a specific task.
+
+`Checks` refers to inspections or evaluations made to ensure that everything is functioning correctly or meeting a standard. For example:
+
+`The team performed the tests before deployment.` - This means they executed tests as part of their tasks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
new file mode 100644
index 0000000000..7ac2e03436
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
@@ -0,0 +1,88 @@
+---
+id: 67506c7db9d148a0308107d8
+title: Task 31
+challengeType: 19
+dashedName: task-31
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria wants to perform the final checks with the team.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Think about whether Maria mentions her involvement in performing the checks or if she is just asking about the team's task.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria is asking about the timing of the team's task, not expressing a desire to join them in performing the checks.
+
+The phrase `when does the team perform` indicates she is inquiring rather than volunteering or participating.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
new file mode 100644
index 0000000000..62976e0eb0
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
@@ -0,0 +1,104 @@
+---
+id: 67506d2c92a80fa4b7a912a7
+title: Task 32
+challengeType: 19
+dashedName: task-32
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+Who performs the final checks.
+
+### --feedback--
+
+Maria's question is about timing, not about identifying who performs the checks.
+
+---
+
+When the final checks will happen.
+
+---
+
+Why the final checks are performed.
+
+### --feedback--
+
+Maria is asking about the timing, not the reason for the checks.
+
+---
+
+What the final checks include.
+
+### --feedback--
+
+Maria does not ask about the details of the checks, but when they happen.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Listening for key question words like `when` can help identify her intent.
+
+`When` indicates that her question is focused on the timing of the task, not who performs it, why they are performed, or what they include.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
new file mode 100644
index 0000000000..43f7869327
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
@@ -0,0 +1,98 @@
+---
+id: 67506e16a9e0bdaad7267c35
+title: Task 33
+challengeType: 19
+dashedName: task-33
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What would be the best answer to Maria's question?
+
+## --answers--
+
+`The final system checks are set for Friday night`.
+
+---
+
+`The final system checks were completed yesterday.`
+
+### --feedback--
+
+This refers to the past, but Maria is asking about a future event. Focus on the tense in her question.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`And when does the team perform the final checks?`, uses the `Present Simple` tense (`does perform`) to ask about a scheduled future event.
+
+The correct answer, `The final system checks are set for Friday night`, also uses the `Present Simple` to describe a fixed plan.
+
+`Present Simple` is often used for future events that are part of a schedule or timetable. For example:
+
+- `The train departs at 8 PM tonight.` - This indicates a scheduled departure.
+
+- `Our meeting starts tomorrow morning.` - This shows a planned time for a future event.
+
+In this context, the `Present Simple` makes the answer concise and appropriate for discussing a fixed event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
new file mode 100644
index 0000000000..e61c688f45
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
@@ -0,0 +1,88 @@
+---
+id: 67506e940e1d20ae6f0fc7e2
+title: Task 34
+challengeType: 22
+dashedName: task-34
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The final system checks are BLANK BLANK Friday night.`
+
+## --blanks--
+
+`set`
+
+### --feedback--
+
+This word means arranged or scheduled to happen at a specific time.
+
+---
+
+`for`
+
+### --feedback--
+
+This preposition indicates the purpose or time of an event.
+
+# --explanation--
+
+`Set` means that something is arranged, planned, or scheduled for a specific time or purpose. The preposition `for` is used to indicate the time or purpose of the planned event. For example:
+
+`The meeting is set for 3 PM tomorrow.` - This means the meeting is scheduled to take place at that time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
new file mode 100644
index 0000000000..fdfb7d5cd0
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
@@ -0,0 +1,102 @@
+---
+id: 67506f57df7629b3d8d90f11
+title: Task 35
+challengeType: 19
+dashedName: task-35
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When will the final checks happen?
+
+## --answers--
+
+Tomorrow morning.
+
+### --feedback--
+
+Focus on the last two words in Jack's statement.
+
+---
+
+Next Monday.
+
+### --feedback--
+
+Pay attention to the timing in his statement.
+
+---
+
+Last Friday.
+
+### --feedback--
+
+The checks are set for a future time, not a past date.
+
+---
+
+Friday night.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `The final system checks are set for Friday night`. The phrase `are set for` indicates a future event, and `Friday night` specifies the exact time. To answer correctly, focus on the timing mentioned in the statement and note that it refers to a planned, scheduled future event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
new file mode 100644
index 0000000000..40612d4212
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
@@ -0,0 +1,89 @@
+---
+id: 675070049d1f9fb8c1bced11
+title: Task 36
+challengeType: 22
+dashedName: task-36
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll confirm that all security BLANK are ready to be deployed without any complications.`
+
+## --blanks--
+
+`patches`
+
+### --feedback--
+
+This word refers to updates or fixes for software or systems.
+
+# --explanation--
+
+`Patches` refers to updates or fixes that address issues in software or systems. For example:
+
+`The patches are ready to be installed.` - This means the fixes are prepared for installation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
new file mode 100644
index 0000000000..541459e2df
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
@@ -0,0 +1,99 @@
+---
+id: 675070d075960bbe3f92eca6
+title: Task 37
+challengeType: 19
+dashedName: task-37
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The security patches are ready to be deployed.
+
+## --answers--
+
+True
+
+### --feedback--
+
+`We'll` shows this is a future action not something already completed.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The contraction `We'll` stands for `We will,` indicating a future action or plan. For example:
+
+- `I'll call you tomorrow.` - This means the action of calling will happen in the future.
+
+- `We'll review the report later.` - This indicates that the review is planned but has not yet occurred.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
new file mode 100644
index 0000000000..af84cac2e1
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
@@ -0,0 +1,108 @@
+---
+id: 675074863d75f1d559b039df
+title: Task 38
+challengeType: 22
+dashedName: task-38
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Perfect. And the training session for the new BLANK BLANK, when is that planned?`
+
+## --blanks--
+
+`security`
+
+### --feedback--
+
+This word refers to measures or systems designed to protect something, such as data or systems.
+
+---
+
+`protocols`
+
+### --feedback--
+
+This word means a set of rules or procedures to follow in specific situations.
+
+# --explanation--
+
+`Security` refers to systems or actions used to protect important resources, like data or networks.
+
+`Protocols` means a set of rules or procedures that explain how to do something correctly. For example:
+
+`We followed the security protocols during the test.` - This means they followed the safety rules step by step.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
new file mode 100644
index 0000000000..9277b259ca
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
@@ -0,0 +1,124 @@
+---
+id: 6750758f8581d3dcfeb1c386
+title: Task 39
+challengeType: 19
+dashedName: task-39
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria think about the training session?
+
+## --answers--
+
+It has not been scheduled yet.
+
+### --feedback--
+
+Focus on the tense she uses.
+
+---
+
+It will be scheduled later.
+
+### --feedback--
+
+Pay attention to her use of the `Present Simple` tense.
+
+---
+
+It is already scheduled.
+
+---
+
+It does not need to be scheduled.
+
+### --feedback--
+
+Consider her use of the phrase `is planned`.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria asks, `when is that planned?` The verb `is` in the `Present Simple` shows she believes the training session is already scheduled. The `Present Simple` is often used for fixed future plans, like schedules or timetables. For example:
+
+- `The train departs at 6 PM.` - This shows a planned future event using the `Present Simple`.
+
+- `What time does the concert start?` - This assumes the concert has a fixed start time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
new file mode 100644
index 0000000000..7835648ded
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
@@ -0,0 +1,110 @@
+---
+id: 6750775f2b0832e88216e98c
+title: Task 40
+challengeType: 19
+dashedName: task-40
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`The training is planned for Thursday afternoon.`
+
+---
+
+`The training will be planned for Thursday afternoon.`
+
+### --feedback--
+
+This uses the `Future Simple` tense, which suggests the plan has not been made yet. Maria's question assumes the training is already scheduled.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria's question, `when is that planned?`, uses the `Present Simple` tense (`is planned`) to ask about a fixed future event.
+
+The `Present Simple` is commonly used for schedules, timetables, or planned events because it gives a sense of certainty. For example:
+
+`The bus leaves at 9 AM tomorrow.` - This shows a fixed schedule.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
new file mode 100644
index 0000000000..8d35fa0a07
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
@@ -0,0 +1,90 @@
+---
+id: 6750784c1399a9ef62b27e9e
+title: Task 41
+challengeType: 22
+dashedName: task-41
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The training BLANK BLANK for Thursday afternoon.`
+
+## --blanks--
+
+`is`
+
+### --feedback--
+
+This word is a form of the verb `to be` and is part of the `Present Simple` tense.
+
+---
+
+`planned`
+
+### --feedback--
+
+This word means arranged or scheduled for a specific time.
+
+# --explanation--
+
+The sentence `The training is planned for Thursday afternoon` uses the `Present Simple` tense.
+
+This tense is often used to describe fixed future events, like schedules or timetables, because it expresses certainty. For example:
+
+`The meeting starts at 10 AM tomorrow.` - This means the meeting is already scheduled for a specific time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
new file mode 100644
index 0000000000..b8c04b9747
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
@@ -0,0 +1,88 @@
+---
+id: 67507a47729d85fb7c88ee06
+title: Task 42
+challengeType: 19
+dashedName: task-42
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The training happened last Thursday afternoon.
+
+## --answers--
+
+True
+
+### --feedback--
+
+The phrase `is planned` shows that the training is scheduled for the future, not something that has already happened.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Is planned` uses the `Present Simple` tense to describe a future event that is already scheduled. It indicates certainty about when the training will happen, not that it has already occurred. For example:
+
+`The meeting is planned for next Monday.` - This shows that the meeting is scheduled for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
new file mode 100644
index 0000000000..5f0989e378
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
@@ -0,0 +1,111 @@
+---
+id: 67507adbc31ab8ffa2dc5243
+title: Task 43
+challengeType: 22
+dashedName: task-43
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Every team member must BLANK BLANK BLANK and how these will impact our operations.`
+
+## --blanks--
+
+`understand`
+
+### --feedback--
+
+This word means to know the meaning of something.
+
+---
+
+`the`
+
+### --feedback--
+
+This is a definite article used to specify something particular.
+
+---
+
+`changes`
+
+### --feedback--
+
+This word refers to modifications or adjustments that are made.
+
+# --explanation--
+
+`Understand` means to know the meaning of something.
+
+`The` is a definite article used to refer to specific things or ideas.
+
+`Changes` refers to modifications or adjustments that affect a situation. For example:
+
+- `It is important to understand the updates before implementing them.` - This means comprehending the details of updates before action.
+
+- `We need to explain the changes to the team.` - This refers to communicating the specific adjustments or modifications.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
new file mode 100644
index 0000000000..08c71648ba
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
@@ -0,0 +1,117 @@
+---
+id: 67507f042946421936eb425a
+title: Task 44
+challengeType: 19
+dashedName: task-44
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake's main concern in this statement?
+
+## --answers--
+
+The team has to finish the changes quickly.
+
+### --feedback--
+
+Jake does not mention speed or urgency.
+
+---
+
+The team understands the changes.
+
+---
+
+The team avoids changes.
+
+### --feedback--
+
+Jake is not concerned about avoiding changes.
+
+---
+
+Assigning tasks to the team.
+
+### --feedback--
+
+Jake's statement is not about assigning tasks to individuals.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says, `Every team member must understand the changes and how these will impact our operations.`
+
+His main concern is ensuring that all team members fully understand the changes and their effect on operations.
+
+The word `must` highlights the importance of this understanding. For example:
+
+`The team must understand the updates before implementation.` - This shows the focus on comprehension as a priority.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
new file mode 100644
index 0000000000..667e794c00
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
@@ -0,0 +1,96 @@
+---
+id: 67508b92b31af876eed82c66
+title: Task 45
+challengeType: 22
+dashedName: task-45
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`Will`, `is scheduled`, `will be`, `are set`, `is`, `We'll`, and `will impact`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Maria, the next system update BLANK for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks.`
+
+`Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?`
+
+`Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses.`
+
+`Maria: BLANK the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.`
+
+`Jake: Absolutely, the entire technical support team BLANK on duty. They've been briefed and are prepared to manage any unexpected situations.`
+
+`Maria: Great, and when does the team perform the final checks?`
+
+`Jake: The final system checks BLANK for Friday night. BLANK confirm that all security patches are ready to be deployed without any complications.`
+
+`Maria: Perfect. And the training session for the new security protocols, when BLANK that planned?`
+
+`Jake: The training is planned for Thursday afternoon. Every team member must understand the changes and how these BLANK our operations.`
+
+## --blanks--
+
+`is scheduled`
+
+### --feedback--
+
+These two words together are the `Present Simple` tense to describe a planned future event.
+
+---
+
+`Will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense and is used for asking about future actions. It is capitalized.
+
+---
+
+`will be`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe a planned future action.
+
+---
+
+`are set`
+
+### --feedback--
+
+These two words together are used to talk about a future event that has been scheduled.
+
+---
+
+`We'll`
+
+### --feedback--
+
+Contraction that shows a future action or plan. The first letter is capitalized.
+
+---
+
+`is`
+
+### --feedback--
+
+This is the verb `to be` conjugated.
+
+---
+
+`will impact`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe an action that will affect something in the future.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
new file mode 100644
index 0000000000..848b065854
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
@@ -0,0 +1,70 @@
+---
+id: 6752100607e30e31bd85af76
+title: Task 46
+challengeType: 19
+dashedName: task-46
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. Please ensure all tasks are completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When does the system downtime start?
+
+## --answers--
+
+`Friday night`
+
+### --feedback--
+
+This is when the final checks are set, not the downtime.
+
+---
+
+`Thursday afternoon`
+
+### --feedback--
+
+This refers to the training session, not the downtime.
+
+---
+
+`Friday at 2 AM`
+
+### --feedback--
+
+The downtime doesn't start on Friday.
+
+---
+
+`Saturday at 2 AM.`
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find out when the system downtime starts, focus on the part of the message where Jake talks about the timeline.
+
+Look for the phrase `The system update is scheduled to...` to find the correct answer.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
new file mode 100644
index 0000000000..1e959b134d
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
@@ -0,0 +1,70 @@
+---
+id: 6752133caed6e849142fcc19
+title: Task 47
+challengeType: 19
+dashedName: task-47
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When do the final system checks take place?
+
+## --answers--
+
+Thursday afternoon.
+
+### --feedback--
+
+This is when the training session is planned, not the final system checks.
+
+---
+
+Friday evening.
+
+---
+
+Saturday at 2 AM.
+
+### --feedback--
+
+This is when the system update starts, not the final system checks.
+
+---
+
+Friday afternoon.
+
+### --feedback--
+
+This is when the security patches are ready to be deployed, not when the final system checks occur.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find out when the final system checks take place, focus on the part of the message that lists the schedule.
+
+Look for the phrase `The final system checks are...` to find the correct time.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
new file mode 100644
index 0000000000..14b19a86ed
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
@@ -0,0 +1,70 @@
+---
+id: 6752136c94c79a4ad803f0cf
+title: Task 48
+challengeType: 19
+dashedName: task-48
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Why are the firewall settings enhanced by Friday?
+
+## --answers--
+
+To prevent potential DoS attacks.
+
+---
+
+To minimize disruption during the downtime.
+
+### --feedback--
+
+While minimizing disruption is mentioned elsewhere, it is not the reason given for enhancing firewall settings.
+
+---
+
+To ensure the system update happens on time.
+
+### --feedback--
+
+The system update happens on Saturday, but this task is unrelated to the timing of the update.
+
+---
+
+To manage immediate issues during the update.
+
+### --feedback--
+
+Managing immediate issues is the responsibility of the support team, not the firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To find out why the firewall settings are enhanced, focus on the sentence `Firewall settings are enhanced by Friday to prevent potential DoS attacks.`
+
+The text explicitly states this purpose, emphasizing the importance of preparing for potential cyber threats.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
new file mode 100644
index 0000000000..81a8ef7646
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
@@ -0,0 +1,72 @@
+---
+id: 675213a1aa7da34c876d94e9
+title: Task 49
+challengeType: 19
+dashedName: task-49
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+What happens if the final system checks are not completed by Friday?
+
+## --answers--
+
+The server downtime will last longer.
+
+### --feedback--
+
+The server downtime is scheduled to last two hours and is not directly impacted by the final checks.
+
+---
+
+The training session will be rescheduled.
+
+### --feedback--
+
+The training session takes place on Thursday, unrelated to the timing of the final checks.
+
+---
+
+The system update might be delayed.
+
+---
+
+Immediate issues won't be resolved.
+
+### --feedback--
+
+Immediate issues are handled by the support team during the update, not by the final system checks.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To understand what might happen if the final system checks are not completed, consider their role in preparing for the update.
+
+Final checks ensure readiness for the system update, so their delay could lead to postponing the update.
+
+Look for the phrase `The final system checks are set` to confirm this connection.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
new file mode 100644
index 0000000000..fefadfc1ec
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
@@ -0,0 +1,72 @@
+---
+id: 675213f5a47d9e4ef23d9050
+title: Task 50
+challengeType: 19
+dashedName: task-50
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Which event happens first?
+
+## --answers--
+
+The final system checks are set.
+
+### --feedback--
+
+The final checks happen after the training session on Thursday and after security patches on Friday.
+
+---
+
+The security patches are ready to be deployed.
+
+### --feedback--
+
+The security patches are scheduled for Friday, but the training session happens earlier.
+
+---
+
+The training session is planned.
+
+---
+
+The system update starts.
+
+### --feedback--
+
+The system update happens last, on Saturday at 2 AM, after all other events are completed.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify which event happens first, look at the timeline in the message.
+
+The training session is scheduled for Thursday afternoon, making it the first event before the other tasks.
+
+Look for the phrase `Thursday afternoon: The training session ... is planned` to confirm.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
new file mode 100644
index 0000000000..724ededb89
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
@@ -0,0 +1,196 @@
+---
+id: 67531709d628ef047202e6ae
+title: "Dialogue 2: Responding to Phishing Threats"
+challengeType: 21
+dashedName: dialogue-2-responding-to-phishing-threats
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video..
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Sarah",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-2.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.56,
+     "dialogue": {
+       "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 4.96,
+     "finishTime": 8.52,
+     "dialogue": {
+       "text": "It looks like someone will need to notify the team and take immediate action.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 8.94,
+     "finishTime": 11.12,
+     "dialogue": {
+       "text": "Oh, no. Do you know where it originated from?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 11.38,
+     "finishTime": 13.86,
+     "dialogue": {
+       "text": "Not yet, but I think it came from an email link.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.1,
+     "finishTime": 18.02,
+     "dialogue": {
+       "text": "We need to investigate quickly. I'll send out a warning to everyone right away.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 18.42,
+     "finishTime": 21.48,
+     "dialogue": {
+       "text": "That sounds like a good plan. Do you think it will affect our project deadlines?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.88,
+     "finishTime": 25.16,
+     "dialogue": {
+       "text": "It might. I hope it won't, but we should prepare for delays.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 25.54,
+     "finishTime": 27.98,
+     "dialogue": {
+       "text": "I'll update the project manager about the situation.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 27.98,
+     "finishTime": 31.62,
+     "dialogue": {
+       "text": "I'll alert the development team and tell them to check their emails carefully.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 31.98,
+     "finishTime": 33.16,
+     "dialogue": {
+       "text": "Is there anything else we should do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 33.46,
+     "finishTime": 37.6,
+     "dialogue": {
+       "text": "We'll probably need to run a full system scan to ensure that there's no hidden malware.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 37.96,
+     "finishTime": 40.6,
+     "dialogue": {
+       "text": "Can you coordinate with the IT support team for that?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 41,
+     "finishTime": 44.92,
+     "dialogue": {
+       "text": "Yes, I'll contact them now. How do you think our clients will react to this news?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 45.6,
+     "finishTime": 51.98,
+     "dialogue": {
+       "text": "They'll likely be concerned, but I'll reassure them that we're taking all necessary steps to secure our systems.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 52.5,
+     "finishTime": 56.92,
+     "dialogue": {
+       "text": "Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.52
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 57.92
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
new file mode 100644
index 0000000000..4dae0411e6
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
@@ -0,0 +1,95 @@
+---
+id: 675318543812fa0f15f42c10
+title: Task 51
+challengeType: 22
+dashedName: task-51
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Sarah, I just found out that we've had a BLANK BLANK on our system.`
+
+## --blanks--
+
+`phishing`
+
+### --feedback--
+
+This word refers to a type of online scam where someone tries to steal personal information.
+
+---
+
+`attack`
+
+### --feedback--
+
+This word means an attempt to harm something, usually intentionally. This word has double `t`.
+
+# --explanation--
+
+`Phishing` is a method used by scammers to trick people into sharing personal information like passwords or credit card details, usually through fake emails or websites. For example:
+
+`The phishing email looked like it came from our bank.` - This means the email was fake but designed to steal personal information.
+
+`Attack` means an act of trying to harm or damage something. It can be physical, verbal, or in cybersecurity. For example:
+
+- `The attack on the server caused it to shut down.` - This means an intentional act damaged the server.
+
+- `She defended herself during the verbal attack.` - This means someone said harmful things to her.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
new file mode 100644
index 0000000000..c1440df4fb
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
@@ -0,0 +1,104 @@
+---
+id: 67531ca2cb308e28acf3bdc1
+title: Task 52
+challengeType: 19
+dashedName: task-52
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake reporting to Sarah?
+
+## --answers--
+
+Jake was attacked by a fish.
+
+### --feedback--
+
+Jake mentioned `phishing`, which refers to an online scam, not anything related to fish.
+
+---
+
+There was a phishing attack on their system.
+
+---
+
+Jake uploaded something new to the system.
+
+### --feedback--
+
+Jake is talking about a problem with the system, not adding or uploading anything.
+
+---
+
+The system was updated successfully.
+
+### --feedback--
+
+Jake is reporting a problem, not describing a successful update.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Phishing` refers to a type of online scam where someone tries to steal personal information, like passwords or credit card details. It is not related to `fishing`, even though they sound similar.
+
+Try to listen to the words `phishing attack` in Jake's statement. They make it clear that this is about a harmful event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
new file mode 100644
index 0000000000..2d5051caed
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
@@ -0,0 +1,90 @@
+---
+id: 67531f0c699943385e41734c
+title: Task 53
+challengeType: 19
+dashedName: task-53
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake just found out about the phishing attack.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+`Just found out` means Jake learned about something for the first time, so he didn't know about it before.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Found out` means to discover or learn something new, usually for the first time. For example:
+
+`I just found out about the meeting yesterday.` - This means I learned about the meeting for the first time yesterday.
+
+Try to listen to the phrase `just found out` in the audio. In this context, Jake is saying he just discovered that there was a phishing attack. This shows he didn't know about it before.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
new file mode 100644
index 0000000000..530c0682b3
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
@@ -0,0 +1,90 @@
+---
+id: 67531ff45ade873e5ff17211
+title: Task 55
+challengeType: 19
+dashedName: task-55
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake is not worried about the phishing attack.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Jake mentions taking `immediate action`, which shows urgency and concern about the situation.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Immediate action` means doing something without delay because it is urgent. For example:
+
+`We need to take immediate action to stop the leak.` - This shows the situation is urgent, and action must be taken quickly.
+
+In this context, Jake says `immediate action`, which indicates he is worried and believes the phishing attack is a serious issue that requires quick response. The words `notify the team` also show he is treating the matter with importance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
new file mode 100644
index 0000000000..6dd4e54d85
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
@@ -0,0 +1,92 @@
+---
+id: 67532227a04e5e4cd4ccf987
+title: Task 54
+challengeType: 22
+dashedName: task-54
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It looks like someone BLANK BLANK to notify the team and take immediate action.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word is a modal verb used to express a decision made at the moment of speaking.
+
+---
+
+`need`
+
+### --feedback--
+
+This word shows that something is necessary or required.
+
+# --explanation--
+
+`Will` is used to express a decision made at the moment of speaking, often when someone reacts to a situation. It is a way to show spontaneity or immediate response. For example:
+
+`I will call the manager right away.` - This shows a decision made at the moment in response to a need.
+
+`Need` means something is required or necessary. For example:
+
+`We need more time to finish the project.` - This shows something essential to complete the task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
new file mode 100644
index 0000000000..3f08bb2acc
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
@@ -0,0 +1,104 @@
+---
+id: 675323b130ad71572ef10510
+title: Task 56
+challengeType: 19
+dashedName: task-56
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who will need to take immediate action?
+
+## --answers--
+
+Jake
+
+### --feedback--
+
+Jake does not say that he will be the one taking action in this context.
+
+---
+
+Sarah
+
+### --feedback--
+
+Jake does not mention Sarah needing to take immediate action in this context.
+
+---
+
+Someone
+
+---
+
+The entire team
+
+### --feedback--
+
+The audio does not mention the entire team needing to act.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+In the audio, Jake uses the word `someone`, which means he is not specifying a particular person who needs to act. The word `someone` helps identify that the responsibility is not assigned to Jake, Sarah, or the entire team.
+
+Listen for the phrase `someone will need to notify`. This is a key part of the sentence that points out the correct answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
new file mode 100644
index 0000000000..8ce96c60ad
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
@@ -0,0 +1,104 @@
+---
+id: 67532445152d375af93d4d19
+title: Task 57
+challengeType: 19
+dashedName: task-57
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be done?
+
+## --answers--
+
+Notify the team and take immediate action.
+
+---
+
+Notify the team later.
+
+### --feedback--
+
+Jake uses the phrase `immediate action`, which shows urgency, not something that can be delayed.
+
+---
+
+Take immediate action without telling anyone.
+
+### --feedback--
+
+Jake mentions `notify the team`, which means informing others is part of what needs to be done.
+
+---
+
+Ignore the issue for now.
+
+### --feedback--
+
+Jake clearly says `immediate action`, which means the situation requires attention right away.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Listen for the words `notify the team` and `immediate action`. These are key parts of the sentence and point directly to the correct answer.
+
+In the audio, Jake says `notify the team and take immediate action`. These two actions are clearly mentioned together as what needs to be done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
new file mode 100644
index 0000000000..f9a241f43e
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
@@ -0,0 +1,100 @@
+---
+id: 675325cfea799165252500d4
+title: Task 58
+challengeType: 19
+dashedName: task-58
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone will need to notify the team and take immediate action. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to ask Jake more about the problem?
+
+## --answers--
+
+`Oh no! What is the team going to do?`
+
+### --feedback--
+
+This question focuses on the team's response, not the details of the phishing attack itself.
+
+---
+
+`Oh no! Do you know where it originated from?`
+
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The correct option is `Oh no! Do you know where it originated from?` because it asks for specific details about the phishing attack.
+
+The phrase `where it originated from` refers to the source or starting point of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 8.52,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 9.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
new file mode 100644
index 0000000000..a488b8c515
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
@@ -0,0 +1,78 @@
+---
+id: 675326de48b3e36c45ba1328
+title: Task 59
+challengeType: 22
+dashedName: task-59
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Oh no! Do you know where BLANK originated from?`
+
+## --blanks--
+
+`it`
+
+### --feedback--
+
+This pronoun is used to refer to something already mentioned, like the phishing attack.
+
+# --explanation--
+
+`It` is a pronoun used to refer to something already mentioned, so you don't have to repeat the same noun. In this context, `it` refers to the phishing attack mentioned earlier.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
new file mode 100644
index 0000000000..9af2a3bb83
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
@@ -0,0 +1,104 @@
+---
+id: 675327d73a38d5731235d764
+title: Task 60
+challengeType: 19
+dashedName: task-60
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+Who will notify the team.
+
+### --feedback--
+
+Sarah is not asking about who will notify the team.
+
+---
+
+How serious the phishing attack is.
+
+### --feedback--
+
+Sarah is not asking about how serious the attack is.
+
+---
+
+If the system is safe now.
+
+### --feedback--
+
+Sarah is not asking about whether the system is safe now.
+
+---
+
+The source of the phishing attack.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Pay attention to `where it originated from`. It shows she is asking about the source or starting point of the phishing attack.
+
+In the audio, Sarah uses the pronoun `it` to refer to the phishing attack, showing she is asking about where it started.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
new file mode 100644
index 0000000000..daeb65589f
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
@@ -0,0 +1,90 @@
+---
+id: 675329bc0e2bfa7f1c4f7411
+title: Task 61
+challengeType: 19
+dashedName: task-61
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Sarah's question?
+
+## --answers--
+
+`This is terrible! The system is currently down.`
+
+### --feedback--
+
+This focuses on the state of the system, not the origin of the phishing attack.
+
+---
+
+`Not yet, but I think it came from an email link.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Pay attention to the words `where it originated from` in Sarah's question. They indicate she is asking about the source of the issue.
+
+The correct answer is `Not yet, but I think it came from an email link`. It directly addresses Sarah's question by discussing the origin of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
new file mode 100644
index 0000000000..7f0576a046
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
@@ -0,0 +1,90 @@
+---
+id: 67532ac8b110a08666ee5f18
+title: Task 62
+challengeType: 22
+dashedName: task-62
+---
+
+<!-- (Audio) Jake: Not yet, but I think it came from an email link. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Not yet, but I think it BLANK BLANK an email link.`
+
+## --blanks--
+
+`came`
+
+### --feedback--
+
+This word means to move or happen from one place or source to another. It is the past tense of `come`.
+
+---
+
+`from`
+
+### --feedback--
+
+This word shows the starting point or source of something.
+
+# --explanation--
+
+`Came from` is used to describe the source or starting point of something. For example:
+
+- `The idea came from a brainstorming session.` - This means the brainstorming session was the source of the idea.
+
+- `She said the problem came from a mistake in the code.` - This indicates the mistake in the code caused the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 12.86
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
new file mode 100644
index 0000000000..1af4895b69
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
@@ -0,0 +1,82 @@
+---
+id: 67532bbaa817558e7691df51
+title: Task 63
+challengeType: 22
+dashedName: task-63
+---
+
+<!-- (Audio) Jake We need to investigate quickly. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to investigate BLANK.`
+
+## --blanks--
+
+`quickly`
+
+### --feedback--
+
+This word means to do something fast or without delay.
+
+# --explanation--
+
+`Quickly` is an adverb that describes doing something in a fast or timely manner. In this context, it shows that the investigation must happen without delay. For example:
+
+- `He quickly responded to the email.` - This means he replied fast.
+
+- `We need to act quickly to prevent more damage.` - This shows urgency in taking action.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.1,
+      "finishTimestamp": 14.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
new file mode 100644
index 0000000000..0bf1ae83c5
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
@@ -0,0 +1,84 @@
+---
+id: 67532c49e75faf929fd9378d
+title: Task 64
+challengeType: 22
+dashedName: task-64
+---
+
+<!-- (Audio) Jake: I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK send out a warning to everyone right away.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. It is commonly used to express decisions made at the moment of speaking or to indicate future actions. For example:
+
+- `I'll call the manager now.` - This shows a decision made at the moment of speaking.
+
+- `I'll help you with your project.` - This means offering help immediately after hearing about the need.
+
+The contraction makes the sentence shorter and more natural in spoken English.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.72,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.8
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
new file mode 100644
index 0000000000..70466b5892
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
@@ -0,0 +1,139 @@
+---
+id: 6753314748a2feb09a3059b2
+title: Task 65
+challengeType: 19
+dashedName: task-65
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What are the next steps?
+
+## --answers--
+
+Fix the issue and update the system.
+
+### --feedback--
+
+The audio does not mention fixing the issue or updating the system yet.
+
+---
+
+Find the source and contact IT support.
+
+### --feedback--
+
+The audio mentions investigating quickly, but it does not mention contacting IT support.
+
+---
+
+Wait for more information before taking action.
+
+### --feedback--
+
+The audio clearly states the need to act quickly and send out a warning, not to wait.
+
+---
+
+Investigate quickly and send out a warning.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, Jake says, `We need to investigate quickly` and `I'll send out a warning to everyone right away.` These phrases indicate the immediate next steps.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 7.68,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.88,
+      "finishTime": 10.18,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 10.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
new file mode 100644
index 0000000000..35e4cea5e6
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
@@ -0,0 +1,97 @@
+---
+id: 67533335139a96bd1eb18395
+title: Task 66
+challengeType: 19
+dashedName: task-66
+---
+
+<!-- Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Sarah wants to **agree** with Jake. What should she say?
+
+## --answers--
+
+`I'm not sure about that approach. Can we wait before deciding?`
+
+### --feedback--
+
+This option disagrees with Jake, so it does not align with Sarah wanting to agree.
+
+---
+
+`That sounds like a good plan. Do you think it will affect our project deadlines?`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The phrase `That sounds like a good plan` shows agreement with Jake's proposed actions. Sarah then adds a follow-up question about project deadlines, which continues the discussion.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.14,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.34,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
new file mode 100644
index 0000000000..0d49d06f15
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
@@ -0,0 +1,101 @@
+---
+id: 6753357b948f6acb55e35e3b
+title: Task 67
+challengeType: 22
+dashedName: task-67
+---
+
+<!-- (Audio) Sarah: That sounds like a good plan. Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That sounds like a good plan. Do you think it BLANK BLANK our project deadlines?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This is a modal verb used to talk about something that might happen in the future.
+
+---
+
+`affect`
+
+### --feedback--
+
+This word means to cause a change or impact something.
+
+# --explanation--
+
+`Will` is a modal verb used to talk about future possibilities or decisions.
+
+`Affect` means to cause a change or impact. For example:
+
+- `Do you think the delay will affect the delivery time?` - This asks if the delay might change the delivery time.
+
+- `The new policy will affect how we work.` - This means the policy will have an impact on work processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.22,
+      "finishTimestamp": 20.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.36,
+      "dialogue": {
+        "text": "That sounds like a good plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.54,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
new file mode 100644
index 0000000000..c506c55a13
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
@@ -0,0 +1,108 @@
+---
+id: 67535bfb5c07ec6334ec8ea3
+title: Task 68
+challengeType: 19
+dashedName: task-68
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+If they need to update the project plan.
+
+### --feedback--
+
+This option is about changing the plan, but Sarah is asking something different.
+
+---
+
+If the project can continue as planned.
+
+### --feedback--
+
+This option talks about the project's continuation, but Sarah's question is about something else.
+
+---
+
+If the attack will delay their deadlines.
+
+---
+
+If the team has already finished the project.
+
+### --feedback--
+
+This option refers to whether the project is complete, but Sarah is not asking about that.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Pay attention to the words `will affect` and `deadlines` in the audio. These are key to understanding the question.
+
+A `project deadline` is the final date by which a project must be completed.
+
+`Will affect` is used to ask if something will cause a change or impact. For example:
+
+`The new policy will affect the project deadline.` - This means the policy will change the timeline for the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
new file mode 100644
index 0000000000..1d27ab1602
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
@@ -0,0 +1,88 @@
+---
+id: 67535e02fd808570ca6cb599
+title: Task 69
+challengeType: 19
+dashedName: task-69
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Select the most adequate answer to Sarah's question.
+
+## --answers--
+
+`It might. I hope it won't.`
+
+---
+
+`I'm not sure. Let's ignore it for now.`
+
+### --feedback--
+
+This response suggests doing nothing, which is not appropriate for addressing Sarah's concern.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Pay attention to Sarah's question, especially `will affect our project deadlines.` She is asking about the possibility of delays and expects a thoughtful and realistic answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
new file mode 100644
index 0000000000..8d38ff60ab
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
@@ -0,0 +1,82 @@
+---
+id: 675743f6f7016d1074a9bca1
+title: Task 70
+challengeType: 22
+dashedName: task-70
+---
+
+<!-- (Audio) Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it BLANK.`
+
+## --blanks--
+
+`won't`
+
+### --feedback--
+
+This is the contraction for `will not`.
+
+# --explanation--
+
+`Won't` is the contraction for `will not`, which is used to make negative sentences about the future. For example:
+
+- `They won't finish the project on time if they don't start now.` - This predicts a negative outcome if action isn't taken.
+
+- `He won't attend the meeting because he is sick.` - This shows a future action that will not happen.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.8,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.3
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
new file mode 100644
index 0000000000..6628d1b37c
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
@@ -0,0 +1,134 @@
+---
+id: 675746c2d3d2f222111918d4
+title: Task 71
+challengeType: 19
+dashedName: task-71
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake feel about the deadlines?
+
+## --answers--
+
+He is sure they will be delayed and cannot be finished on time.
+
+### --feedback--
+
+Jake uses the word `might`, which shows he is uncertain, not certain about delays.
+
+---
+
+He thinks they might be affected but hopes they won't.
+
+---
+
+He doesn't care if the deadlines are affected or not.
+
+### --feedback--
+
+Jake expresses concern and hope in his response, which shows he does care about the deadlines.
+
+---
+
+He is confident the deadlines will be met without any delays.
+
+### --feedback--
+
+Jake's use of `might` and `I hope it won't` shows doubt, not confidence about meeting the deadlines.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake uses `might` to show uncertainty about the deadlines being affected. He also says, `I hope it won't`, which expresses hope that the deadlines remain unaffected. For example:
+
+- `The software update might cause some delays.` - This means it is possible, but not certain, that delays will happen.
+
+- `I hope the server won't go down during the deployment.` - This expresses a desire for the server to remain operational.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.76,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.12,
+      "finishTime": 4.82,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
new file mode 100644
index 0000000000..ca4008841e
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
@@ -0,0 +1,89 @@
+---
+id: 6757488ee5dfb72d866a36df
+title: Task 72
+challengeType: 22
+dashedName: task-72
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it won't, but we should prepare for BLANK.`
+
+## --blanks--
+
+`delays`
+
+### --feedback--
+
+This word means something happening later than expected. Remember, it is plural in this sentence.
+
+# --explanation--
+
+`Delays` are situations where something happens later than planned or expected. For example:
+
+`The software release faced delays due to testing issues.` - This means the release happened later than planned because of testing problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
new file mode 100644
index 0000000000..99e05c98fc
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
@@ -0,0 +1,111 @@
+---
+id: 6757498f826b0634696f224e
+title: Task 73
+challengeType: 22
+dashedName: task-73
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It BLANK. I hope it BLANK, but we BLANK prepare for delays.`
+
+## --blanks--
+
+`might`
+
+### --feedback--
+
+This modal verb shows possibility or uncertainty about the future.
+
+---
+
+`won't`
+
+### --feedback--
+
+This contraction is used to express a negative statement about the future.
+
+---
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express a recommendation or advice for future actions.
+
+# --explanation--
+
+Jake uses `might`, `won't`, and `should` to express his thoughts about possibilities, plans, and actions in the future.
+
+`Might` shows possibility or uncertainty: Jake thinks there's a chance that delays could happen but isn't certain.
+
+`Won't` is the contraction for `will not`: Jake hopes delays will not happen, expressing his desire for a positive outcome.
+
+`Should` is used to make a recommendation: Jake suggests preparing for delays as a practical step, even though he hopes they won't happen.
+
+This combination shows how Jake is reflecting on the future: acknowledging uncertainty (`might`), expressing hope (`won't`), and making a plan to act (`should`).
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
new file mode 100644
index 0000000000..d51d0dee88
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
@@ -0,0 +1,113 @@
+---
+id: 67574a712cb1143a3920f2a3
+title: Task 74
+challengeType: 19
+dashedName: task-74
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's approach to the situation?
+
+## --answers--
+
+He is ignoring the delays.
+
+### --feedback--
+
+Jake says, `we should prepare for delays` so he is not ignoring them.
+
+---
+
+He is sure there will be no delays.
+
+### --feedback--
+
+Jake says, `It might` which shows he is not certain there will be no delays.
+
+---
+
+He wants to be ready for delays.
+
+---
+
+He thinks delays are already happening.
+
+### --feedback--
+
+Jake uses `might` which shows he is unsure if delays will happen.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake uses `might` to show he is uncertain about the delays but acknowledges the possibility. By saying, `we should prepare for delays`, he demonstrates proactive planning.
+
+This combination of modal verbs shows both reflection and preparation for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
new file mode 100644
index 0000000000..39e6aae186
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
@@ -0,0 +1,88 @@
+---
+id: 67574bb2fe3c4c42bae7b6e5
+title: Task 75
+challengeType: 22
+dashedName: task-75
+---
+
+<!-- (Audio) I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll update the BLANK BLANK about the situation.`
+
+## --blanks--
+
+`project`
+
+### --feedback--
+
+This word refers to a specific task or goal being worked on.
+
+---
+
+`manager`
+
+### --feedback--
+
+This word refers to a person responsible for overseeing and organizing tasks or teams.
+
+# --explanation--
+
+A `project manager` is a person who oversees the progress of a project, ensuring tasks are completed on time and goals are met. For example:
+
+`The project manager called a meeting to discuss deadlines.` - This shows the manager organizing and leading the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
new file mode 100644
index 0000000000..e0f1027e41
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
@@ -0,0 +1,106 @@
+---
+id: 67574c6d474104486add91a7
+title: Task 76
+challengeType: 19
+dashedName: task-76
+---
+
+<!-- (Audio) Jake: I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake informing?
+
+## --answers--
+
+He has already updated the project manager about the situation.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is a plan for the future, not something that has already happened.
+
+---
+
+He is updating the project manager about the situation now.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is something he plans to do in the future, not right now.
+
+---
+
+He is not going to inform the project manager.
+
+### --feedback--
+
+Jake explicitly says he will do something.
+
+---
+
+He will update the project manager about the situation.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `I'll update the project manager`, this shows that Jake is talking about something he plans to do in the future, not something happening now or that has already been done. For example:
+
+- `I'll send the email tomorrow.` - This means sending the email is planned for the future.
+
+- `He'll call the client after the meeting.` - This shows a plan to contact the client later.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
new file mode 100644
index 0000000000..2d9f3bb8f6
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
@@ -0,0 +1,97 @@
+---
+id: 67574d8786f50e500eae8e67
+title: Task 77
+challengeType: 22
+dashedName: task-77
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll alert the BLANK BLANK and tell them to check their emails carefully.`
+
+## --blanks--
+
+`development`
+
+### --feedback--
+
+This word refers to the team responsible for creating or improving something, such as software or systems.
+
+---
+
+`team`
+
+### --feedback--
+
+This word refers to a group of people working together towards a common goal.
+
+# --explanation--
+
+The `development team` is a group of professionals responsible for building or improving systems, software, or products. For example:
+
+`The development team is working on the new feature.` - This means the team is creating or enhancing something specific.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
new file mode 100644
index 0000000000..95e192bf54
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
@@ -0,0 +1,121 @@
+---
+id: 67575000c0fd5b5f211d89c4
+title: Task 78
+challengeType: 19
+dashedName: task-78
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who is Sarah going to alert?
+
+## --answers--
+
+The development team. So they check their emails carefully.
+
+---
+
+Sarah will create a remider to herself about the emails.
+
+### --feedback--
+
+Sarah is giving instructions to others, not acting on them herself.
+
+---
+
+Jake. So he rememebers to check his emails carefully.
+
+### --feedback--
+
+Jake is not mentioned as the one being alerted in this context.
+
+---
+
+The project manager. So they check their emails carefully.
+
+### --feedback--
+
+Sarah is not addressing the project manager in this situation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Here are some elements from Sarah's statement that will help you understand what she is saying:
+
+`I'll alert` shows Sarah's future action to inform someone.
+
+`The development team` directly state who she is informing.
+
+`Tell them` makes it clear that she will give instructions to the development team.
+
+`To check their emails carefully` specifies the action Sarah is advising the development team to take.
+
+This combination of words shows Sarah is planning to inform the development team and give them instructions about being cautious with their emails.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
new file mode 100644
index 0000000000..39a3183667
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
@@ -0,0 +1,90 @@
+---
+id: 6757531dc5fbb973e1912e1a
+title: Task 79
+challengeType: 22
+dashedName: task-79
+---
+
+<!-- (Audio) Is there anything else we should do? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Is there BLANK BLANK we should do?`
+
+## --blanks--
+
+`anything`
+
+### --feedback--
+
+This word refers to something unspecified and is used in questions or negative sentences.
+
+---
+
+`else`
+
+### --feedback--
+
+This word means in addition or different from what has already been mentioned.
+
+# --explanation--
+
+`Is there anything else we should do?` is a way to ask if additional actions are necessary.
+
+It combines `anything`, which refers to something unspecified, with `else`, meaning something additional or different. For example:
+
+`Do you have anything else to add?` - This asks if there is additional input or information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.68,
+      "finishTimestamp": 32.16
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.48,
+      "dialogue": {
+        "text": "Is there anything else we should do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
new file mode 100644
index 0000000000..e3644254eb
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
@@ -0,0 +1,80 @@
+---
+id: 675753a815259c781d2b6913
+title: Task 80
+challengeType: 22
+dashedName: task-80
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll BLANK need to run a full system scan.`
+
+## --blanks--
+
+`probably`
+
+### --feedback--
+
+This word shows that something is likely but not certain to happen.
+
+# --explanation--
+
+`Probably` is an adverb used to express that something is likely to happen but not completely certain. For example:
+
+`We'll probably finish the project by Friday.` - This shows confidence in completing the project by Friday but leaves room for uncertainty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
new file mode 100644
index 0000000000..01216d5f7b
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
@@ -0,0 +1,96 @@
+---
+id: 67575473b14c837d8de3a866
+title: Task 81
+challengeType: 22
+dashedName: task-81
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a BLANK BLANK BLANK.`
+
+## --blanks--
+
+`full`
+
+### --feedback--
+
+This word means complete or entire, indicating that no parts will be skipped.
+
+---
+
+`system`
+
+### --feedback--
+
+This word refers to the computer or network being examined.
+
+---
+
+`scan`
+
+### --feedback--
+
+This word means an inspection or analysis to find problems or issues.
+
+# --explanation--
+
+``Full system scan` means a comprehensive check of the entire computer or network to identify potential issues, such as viruses or security threats. For example:
+
+`The team performed a full system scan to find malware.` - This shows a complete analysis of the system for security purposes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
new file mode 100644
index 0000000000..693a94ec0b
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
@@ -0,0 +1,101 @@
+---
+id: 67575588dfebc085e31941e4
+title: Task 82
+challengeType: 22
+dashedName: task-82
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a full system scan to ensure there's no BLANK BLANK.`
+
+## --blanks--
+
+`hidden`
+
+### --feedback--
+
+This word means something that is not visible or easily found.
+
+---
+
+`malware`
+
+### --feedback--
+
+This word refers to malicious software designed to harm or exploit a system.
+
+# --explanation--
+
+`Hidden` means something that is concealed or not immediately visible, often requiring extra effort to find.
+
+`Malware` refers to malicious software designed to damage, disrupt, or exploit a computer system.
+
+When combined, `hidden malware` describes harmful software that is difficult to detect because it is concealed within the system. For example:
+
+`The scan detected hidden malware that had bypassed the antivirus software.` - This means the malware was able to avoid detection by the antivirus program until a scan found it.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
new file mode 100644
index 0000000000..17b2d6d167
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
@@ -0,0 +1,117 @@
+---
+id: 67575734a3672990f7c4385a
+title: Task 83
+challengeType: 19
+dashedName: task-83
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning a full system scan?
+
+## --answers--
+
+To fix an issue with the system.
+
+### --feedback--
+
+Jake is not fixing an issue at this moment.
+
+---
+
+To ensure there's no hidden malware.
+
+---
+
+To update the system software.
+
+### --feedback--
+
+Jake is not updating the system at the moment.
+
+---
+
+To improve the system's performance.
+
+### --feedback--
+
+Jake is not focused on performance at the moment.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+By focusing on these specific parts of the sentence, you can determine Jake's intention:
+
+`Run a full system scan` shows the action Jake is planning to take.
+
+`To ensure` introduces the reason for the scan.
+
+`There's no hidden malware` explains the final purpose — Jake is checking for concealed malicious software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
new file mode 100644
index 0000000000..1e3ab1fcfa
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
@@ -0,0 +1,90 @@
+---
+id: 6757585d71b1ad9924a96eb9
+title: Task 84
+challengeType: 22
+dashedName: task-84
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Can you BLANK with the IT BLANK team for that?`
+
+## --blanks--
+
+`coordinate`
+
+### --feedback--
+
+This word means to organize or work together with others to achieve a goal.
+
+---
+
+`support`
+
+### --feedback--
+
+This word refers to assistance or help, often related to solving technical or operational issues.
+
+# --explanation--
+
+`Coordinate` means to organize or collaborate with others to complete a task or achieve a goal.
+
+`Support` refers to the help or assistance provided by the IT team, often related to technical issues. For example:
+
+`We need to coordinate with the IT team to ensure the system runs smoothly.` - This shows collaboration to manage technical processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
new file mode 100644
index 0000000000..d83c585008
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
@@ -0,0 +1,110 @@
+---
+id: 675758e09f09139cb34169f9
+title: Task 85
+challengeType: 19
+dashedName: task-85
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake asking Sarah?
+
+## --answers--
+
+To solve the problem on her own.
+
+### --feedback--
+
+Jake is not asking Sarah to handle the task alone.
+
+---
+
+To explain the issue to the development team.
+
+### --feedback--
+
+Jake doesn't mention the development team.
+
+---
+
+To update the project manager about the task.
+
+### --feedback--
+
+Jake does not mention the project manager in this context.
+
+---
+
+To work with the IT support team to handle the task.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+By focusing on key parts of the sentence, you can determine what Jake is asking Sarah:
+
+`Coordinate` shows Jake is asking Sarah to organize or collaborate.
+
+`With the IT support team` specifies who Sarah needs to work with.
+
+`For that` refers to the task Jake wants her to handle with their help.
+
+This shows Jake is asking Sarah to work with the IT support team to address a specific task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
new file mode 100644
index 0000000000..e857e557f2
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
@@ -0,0 +1,92 @@
+---
+id: 67575a0d4b966da41383050b
+title: Task 86
+challengeType: 19
+dashedName: task-86
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Jake's question?
+
+## --answers--
+
+`Yes, I'll contact them now.`
+
+---
+
+`I don't know how to work with people.`
+
+### --feedback--
+
+This doesn't address Jake's request or offer a solution.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best response is `Yes, I'll contact them now.` Here's why:
+
+`Yes` directly agrees to Jake's request.
+
+`I'll contact them now` shows willingness to act promptly, which matches the tone of Jake's question.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
new file mode 100644
index 0000000000..073a185670
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
@@ -0,0 +1,90 @@
+---
+id: 675c8db0264a83364dc521ac
+title: Task 87
+challengeType: 22
+dashedName: task-87
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, BLANK contact them BLANK.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+---
+
+`now`
+
+### --feedback--
+
+This word indicates that Sarah is planning to act immediately.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. In this context, it expresses a decision made at the moment of speaking. This is common when someone reacts to a situation or agrees to do something promptly.
+
+`Now` is used to indicate something happening at the present moment. For example:
+
+`I'll send the report now.` - This shows a decision to act right away.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 41.4
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.5,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.0
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
new file mode 100644
index 0000000000..ff24f27ca7
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
@@ -0,0 +1,92 @@
+---
+id: 675c8f75eaf3914275999cae
+title: Task 88
+challengeType: 22
+dashedName: task-88
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`How do you think our clients BLANK BLANK to this news?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This modal verb is used to talk about what is likely to happen in the future.
+
+---
+
+`react`
+
+### --feedback--
+
+This word means to respond or behave in a certain way when something happens.
+
+# --explanation--
+
+`Will` is a modal verb used to predict the future.
+
+`React` means how someone responds or behaves in response to something. For example:
+
+- `How do you think the team will react to the delay?` - This predicts the team's response to a delay.
+
+- `Our clients will react positively to the improved service.` - This shows an expected positive response to a change.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
new file mode 100644
index 0000000000..ebfb93b3d4
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
@@ -0,0 +1,117 @@
+---
+id: 675c900ff099fa46fad7624d
+title: Task 89
+challengeType: 19
+dashedName: task-89
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Sarah wondering about?
+
+## --answers--
+
+How the clients will react to the news.
+
+---
+
+If the clients reacted well to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+How the clients reacted to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+If they should let the clients know about the news.
+
+### --feedback--
+
+Sarah is not asking whether to share the news.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+In the sentence, Sarah says, `How do you think our clients will react to this news?` Here's how to find the answer:
+
+`Will react` uses the `Future Simple` tense, showing Sarah is asking about a future possibility.
+
+`React` focuses on the clients' response or behavior.
+
+This indicates Sarah is wondering about how the clients might respond to the news.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.6,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.9,
+      "finishTime": 5.12,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
new file mode 100644
index 0000000000..ff6c44bda5
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
@@ -0,0 +1,92 @@
+---
+id: 675c91b0c74a72519ebb0a83
+title: Task 91
+challengeType: 22
+dashedName: task-91
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK BLANK be concerned.`
+
+## --blanks--
+
+`They'll`
+
+### --feedback--
+
+This is the contraction for `They will,` used to talk about something that is expected to happen in the future. The first letter is capitalized.
+
+---
+
+`likely`
+
+### --feedback--
+
+This word means that something is probable or has a high chance of happening.
+
+# --explanation--
+
+`They'll` is the contraction for `they will`. It is used to talk about something expected or predicted to happen in the future.
+
+`Likely` means something is probable or has a high chance of happening. For example:
+
+- `They'll likely ask for more information.` - This predicts a probable request from the clients.
+
+- `The feature will likely need additional testing.` - This indicates a high probability that testing will be required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
new file mode 100644
index 0000000000..739a336cde
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
@@ -0,0 +1,92 @@
+---
+id: 675c92e9a6133659ccad5424
+title: Task 90
+challengeType: 19
+dashedName: task-90
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake thinks clients will be probably worried. Which option will deliver this message to Sarah?
+
+## --answers--
+
+`They'll likely be concerned.`
+
+---
+
+`They already know about the news.`
+
+### --feedback--
+
+Jake is not discussing whether the clients know about the news; he is focusing on their potential reaction.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `They'll likely be concerned.` Here's why:
+
+`They'll` indicates Jake is predicting the clients' future reaction.
+
+`Likely` suggests that worry is probable, though not certain.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
new file mode 100644
index 0000000000..cb9b9f73d5
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
@@ -0,0 +1,109 @@
+---
+id: 675c94decb56d46654acf008
+title: Task 92
+challengeType: 19
+dashedName: task-92
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How will the clients feel?
+
+## --answers--
+
+They'll be completely calm.
+
+### --feedback--
+
+Jake uses the word `concerned` which suggests worry, not calmness.
+
+---
+
+They'll likely be concerned.
+
+---
+
+They'll be unaware of the situation.
+
+### --feedback--
+
+Jake's statement focuses on their feelings, not whether they know about the situation.
+
+---
+
+They'll feel excited.
+
+### --feedback--
+
+The word `concerned` means worry, which is the opposite of excitement.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Likely be` suggests this is a probable outcome, though not certain.
+
+`Concerned` means feeling worried or anxious about something. In this context, Jake predicts that the clients will feel worried about the news. For example:
+
+- `The team was concerned about meeting the deadline.` - This shows they were worried about achieving their goal.
+
+- `Our clients were concerned about the system's performance.` - This indicates they were anxious about how well the system was functioning.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
new file mode 100644
index 0000000000..c66686a2a9
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
@@ -0,0 +1,100 @@
+---
+id: 675c9579b10f316b5542b331
+title: Task 93
+challengeType: 22
+dashedName: task-93
+---
+
+<!-- (Audio) Jake: But I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`But I'll BLANK them that we BLANK BLANK all necessary steps to secure our systems.`
+
+## --blanks--
+
+`reassure`
+
+### --feedback--
+
+This word means to comfort or make someone feel less worried about something.
+
+---
+
+`are`
+
+### --feedback--
+
+This is part of the structure `to be` + a verb ending in `-ing`, used here to describe an action planned for the near future
+
+---
+
+`taking`
+
+### --feedback--
+
+This word means performing or carrying out an action or step. In this context, it refers to actions being planned or executed.
+
+# --explanation--
+
+`Reassure` means to provide confidence or reduce someone's anxiety about a situation.
+
+`We are taking` combines the verb `to be` with a verb ending in `-ing`. This is often used to talk about future actions already planned or happening soon. For example:
+
+- `I'll reassure the team that we are reviewing the report.` - This means you will comfort the team by telling them the review is happening soon.
+
+- `She is meeting the client tomorrow to reassure them about the changes.` - This shows the `to be` + a verb ending in `-ing` structure for a planned event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.98,
+      "finishTimestamp": 50.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 6,
+      "dialogue": {
+        "text": "But I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
new file mode 100644
index 0000000000..f39ef43914
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
@@ -0,0 +1,115 @@
+---
+id: 675c96e7feed5f75004ea8a4
+title: Task 94
+challengeType: 19
+dashedName: task-94
+---
+
+<!-- (Audio) Jake: They'll likely be concerned, but I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake's statement show about his priorities for the future?
+
+## --answers--
+
+Fixing the problem without telling the clients.
+
+### --feedback--
+
+The audio mentions both actions, not just fixing the issue.
+
+---
+
+Avoiding responsibility for what happened.
+
+### --feedback--
+
+The audio shows Jake is planning to take action, not avoiding it.
+
+---
+
+Keeping clients calm and fixing the security issue.
+
+---
+
+Waiting to see what happens next.
+
+### --feedback--
+
+The audio shows Jake is planning to act now, not waiting.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake's statement shows his priorities are about keeping clients calm and solving the problem. Here's how the audio explains this:
+
+`I'll reassure them` shows Jake wants to help clients feel less worried by telling them what the team is doing.
+
+`We are taking all necessary steps` shows Jake's focus on solving the security issue as quickly and completely as possible.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 51.18
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.3,
+      "dialogue": {
+        "text": "They'll likely be concerned,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.38,
+      "finishTime": 7.58,
+      "dialogue": {
+        "text": "but I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.08
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
new file mode 100644
index 0000000000..27de1c1036
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
@@ -0,0 +1,109 @@
+---
+id: 675c9900820144823ed5b11a
+title: Task 95
+challengeType: 22
+dashedName: task-95
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. BLANK BLANK BLANK to discuss the investigation results and plan our next steps.`
+
+## --blanks--
+
+`Let's`
+
+### --feedback--
+
+This is a contraction for `Let us`, used to suggest doing something together. The first letter is capitalized.
+
+---
+
+`meet`
+
+### --feedback--
+
+This word means to come together, often to discuss or plan something.
+
+---
+
+`later`
+
+### --feedback--
+
+This word refers to a time in the future, not immediately.
+
+# --explanation--
+
+`Let's` is a contraction for `Let us`, used to make a suggestion or propose doing something together.
+
+`Meet` means to come together, often for a discussion or planning.
+
+`Later` refers to a future time, not immediately. Sarah is suggesting they meet in the near future to discuss the results and plan further actions. For example:
+
+`Let's meet tomorrow to finalize the details.` - This suggests getting together the next day to complete planning.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
new file mode 100644
index 0000000000..2cba93d41a
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
@@ -0,0 +1,101 @@
+---
+id: 675c9a309dcbc3053601e653
+title: Task 96
+challengeType: 22
+dashedName: task-96
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. Let's meet later to discuss the BLANK BLANK and plan our next steps.`
+
+## --blanks--
+
+`investigation`
+
+### --feedback--
+
+This word refers to a detailed process of examining or finding information about something, especially a problem or issue.
+
+---
+
+`results`
+
+### --feedback--
+
+This word means the outcomes or findings from an action, process, or investigation.
+
+# --explanation--
+
+`Investigation` refers to a detailed examination or inquiry to uncover facts or information.
+
+`Results` are the findings or outcomes of the investigation. For example:
+
+- `The investigation showed there was a security breach.` - This means the inquiry revealed information about the breach.
+
+- `The results of the investigation helped us fix the issue.` - This indicates that the findings led to corrective actions.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
new file mode 100644
index 0000000000..912695fbd3
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
@@ -0,0 +1,117 @@
+---
+id: 675c9a9d87d492086e1ab3cf
+title: Task 97
+challengeType: 19
+dashedName: task-97
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to do?
+
+## --answers--
+
+Solve the issue immediately without a meeting.
+
+### --feedback--
+
+Sarah suggests meeting later, not solving the issue immediately.
+
+---
+
+Finish the investigation before meeting with the clients.
+
+### --feedback--
+
+Sarah is not talking about finishing the investigation first; she wants to discuss the results they already have.
+
+---
+
+Ask Jake to share the results and next steps with the clients.
+
+### --feedback--
+
+Sarah is talking about discussing the results with Jake, not sharing them with the clients.
+
+---
+
+Meet later to discuss the results and plan the next steps.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Here's how to find the answer:
+
+`Let's meet later` shows she is proposing a meeting in the future.
+
+`To discuss the investigation results` explains what the meeting will focus on.
+
+`Plan our next steps` shows that Sarah wants to decide on future actions during the meeting.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
new file mode 100644
index 0000000000..eebfe0f563
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
@@ -0,0 +1,96 @@
+---
+id: 67619dab2031295f7b4dcee1
+title: Task 98
+challengeType: 22
+dashedName: task-98
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`probably`, `I'll reassure`, `I'll send`, `will need`, `it won't`, `will affect`, and `I'll alert`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone BLANK to notify the team and take immediate action.`
+
+`Sarah: Oh no! Do you know where it originated from?`
+
+`Jake: Not yet, but I think it came from an email link. We need to investigate quickly. BLANK out a warning to everyone right away.`
+
+`Sarah: That sounds like a good plan. Do you think it BLANK our project deadlines?`
+
+`Jake: It might. I hope BLANK, but we should prepare for delays. I'll update the project manager about the situation.`
+
+`Sarah: BLANK the development team and tell them to check their emails carefully. Is there anything else we should do?`
+
+`Jake: We'll BLANK need to run a full system scan to ensure there's no hidden malware. Can you coordinate with the IT support team for that?`
+
+`Sarah: Yes, I'll contact them now. How do you think our clients will react to this news?`
+
+`Jake: They'll likely be concerned, but BLANK them that we are taking all necessary steps to secure our systems.`
+
+## --blanks--
+
+`will need`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense and describe a future necessity. The second word indicates a requirement or something essential.
+
+---
+
+`I'll send`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, showing a future action. The first letter is capitalized. The second word means to deliver something to someone or somewhere.
+
+---
+
+`will affect`
+
+### --feedback--
+
+This phrase describes the future impact of an action using the `Future Simple` tense. The second word means to change or influence something.
+
+---
+
+`it won't`
+
+### --feedback--
+
+This is the contraction for `it will not`, showing a negative prediction about the future. The second word indicates refusal or something not happening.
+
+---
+
+`I'll alert`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action. The first letter is capitalized. The second word means to notify or warn someone.
+
+---
+
+`probably`
+
+### --feedback--
+
+This adverb is used to describe something that is likely to happen. It shows a high chance of something occurring.
+
+---
+
+`I'll reassure`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action to comfort or reassure someone. The first letter is capitalized. The second word means to calm someone's concerns or provide confidence.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
new file mode 100644
index 0000000000..0ebff27010
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
@@ -0,0 +1,178 @@
+---
+id: 6761c4698166cd2462c1d685
+title: "Dialogue 3: Planning for SQL Injection Prevention"
+challengeType: 21
+dashedName: dialogue-3-planning-for-sql-injection-prevention
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video.
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-3.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 3.42,
+     "dialogue": {
+       "text": "I've been looking into our database security,",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 3.66,
+     "finishTime": 7.64,
+     "dialogue": {
+       "text": "and I think we're going to need some additional measures to prevent SQL injection attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 8.3,
+     "finishTime": 13.62,
+     "dialogue": {
+       "text": "I agree. We've been noticing some unusual queries in the logs. What are you going to recommend to improve security?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.16,
+     "finishTime": 17.88,
+     "dialogue": {
+       "text": "We're going to implement parameterized queries to minimize the risk.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.16,
+     "finishTime": 21.62,
+     "dialogue": {
+       "text": "This should reduce the chances of unauthorized access to our data.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 22.06,
+     "finishTime": 26.18,
+     "dialogue": {
+       "text": "That sounds like a solid plan. Are we going to require additional training for our developers?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 26.82,
+     "finishTime": 31.68,
+     "dialogue": {
+       "text": "Yes. We're going to hold the session next week to ensure everyone knows how to implement these changes.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 31.94,
+     "finishTime": 34.98,
+     "dialogue": {
+       "text": "It's crucial that we all follow best practices.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 35.9,
+     "finishTime": 39.8,
+     "dialogue": {
+       "text": "I'm going to inform the team about the upcoming training. Is there anything else we need to do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 40.12,
+     "finishTime": 46.08,
+     "dialogue": {
+       "text": "We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 46.58,
+     "finishTime": 49.34,
+     "dialogue": {
+       "text": "Great. I think this is going to make a big difference in our security.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 49.74,
+     "finishTime": 52.02,
+     "dialogue": {
+       "text": "Are we going to share this information with other departments?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 52.4,
+     "finishTime": 57.44,
+     "dialogue": {
+       "text": "We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.94
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 58.44
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
new file mode 100644
index 0000000000..07d026345b
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
@@ -0,0 +1,70 @@
+---
+id: 6761c69821431133f4860640
+title: Task 99
+challengeType: 19
+dashedName: task-99
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What action will Jake take next?
+
+## --answers--
+
+He won't talk to the clients and focus only on fixing the system.
+
+### --feedback--
+
+The message shows Jake is keeping the clients informed, not ignoring their concerns.
+
+---
+
+He'll reassure the clients that steps are being taken.
+
+---
+
+He'll tell Sarah to report directly to the clients.
+
+### --feedback--
+
+Jake has already taken responsibility for communicating with the clients.
+
+---
+
+He'll ask the IT team to delay their investigation.
+
+### --feedback--
+
+The IT team is already actively monitoring the situation, so delaying the investigation doesn't make sense.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To determine what Jake will do next, focus on his message:
+
+`I'll provide you with regular updates` shows Jake's plan to keep the clients informed.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
new file mode 100644
index 0000000000..68ed2d0825
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
@@ -0,0 +1,76 @@
+---
+id: 6761ca7cf0fd854c646ebd11
+title: Task 100
+challengeType: 19
+dashedName: task-100
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the clients' main concern?
+
+## --answers--
+
+They are worried about losing access to their accounts.
+
+### --feedback--
+
+The message focuses on the security of the clients' data, not account access.
+
+---
+
+They think the issue has already been fixed.
+
+### --feedback--
+
+The clients are asking for confirmation, which shows they are not sure the issue has been resolved.
+
+---
+
+They are concerned about the safety of their data.
+
+---
+
+They are asking for technical details about the system scan.
+
+### --feedback--
+
+The clients are asking *when* the issue will be resolved, not for technical details.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The clients say, `We're very concerned about the security of our data.`
+
+This clearly shows their main concern is the **safety of their data**.
+
+They ask, `Can you confirm when this issue will be fully resolved?` which suggests they are looking for reassurance that their data is secure and the problem will soon be fixed. For example:
+
+- `We're worried about losing sensitive information.` - This shows concern for data safety.
+
+- `Is the system safe now?` - This reflects a need for confirmation about the resolution.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
new file mode 100644
index 0000000000..48ed6deba0
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
@@ -0,0 +1,72 @@
+---
+id: 6761cae47045b54f50840915
+title: Task 101
+challengeType: 19
+dashedName: task-101
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What do Jake's actions show about his priorities?
+
+## --answers--
+
+Keeping the clients informed and addressing the issue quickly.
+
+---
+
+Focusing on fixing the technical issue.
+
+### --feedback--
+
+Jake promises to provide updates to the clients, so he is not just focusing on fixing the system.
+
+---
+
+Finding the person who made this mistake.
+
+### --feedback--
+
+Jake's message does not assign blame.
+
+---
+
+Delaying the resolution to gather more information.
+
+### --feedback--
+
+Jake highlights that steps are already being taken to resolve the issue quickly.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake's actions show that he prioritizes keeping the clients informed and solving the issue quickly.
+
+`I'll provide you with regular updates` shows his focus on clear and transparent communication.
+
+`We're taking all necessary steps to secure the system` highlights his commitment to resolving the issue as soon as possible.  
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
new file mode 100644
index 0000000000..c65556d1ec
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
@@ -0,0 +1,74 @@
+---
+id: 6761cb950d555c54150b2212
+title: Task 102
+challengeType: 19
+dashedName: task-102
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the next step Jake refers to in his message?
+
+## --answers--
+
+Running a full system scan.
+
+### --feedback--
+
+Jake mentions that the full system scan has already been done.
+
+---
+
+Actively monitoring the system.
+
+---
+
+Resolving the issue completely.
+
+### --feedback--
+
+The text shows the issue is still being worked on, and Jake has not yet resolved it.
+
+---
+
+Sending details about the phishing attack.
+
+### --feedback--
+
+Jake focuses on actions being taken, not on sharing details about the phishing attack.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the next step Jake refers to, look at the specific actions mentioned in his message:
+
+`We've run a full system scan` shows this step has already been done.
+
+`The IT support team is actively monitoring the situation` is the next step currently happening to secure the system.
+
+Jake does not yet mention resolving the issue or providing additional details about the phishing attack.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
new file mode 100644
index 0000000000..1e70e5b13d
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
@@ -0,0 +1,82 @@
+---
+id: 6761e3efbd12c067489c90fe
+title: Task 103
+challengeType: 22
+dashedName: task-103
+---
+
+<!-- (audio) Jake: I've been looking into our database security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been BLANK into our database security.`
+
+## --blanks--
+
+`looking`
+
+### --feedback--
+
+This word means trying to find information or investigate. it ends in `-ing`.
+
+# --explanation--
+
+`Looking into` means to investigate or examine something carefully. For example:
+
+- `The manager is looking into the issue with the server.` - This means the manager is investigating the server problem.
+
+- `She is looking into ways to improve our performance.` - This means she is searching for ways to make the team perform better.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 2.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.92
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
new file mode 100644
index 0000000000..2c880f8a46
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
@@ -0,0 +1,124 @@
+---
+id: 6761e51505b1d96f537b089e
+title: Task 104
+challengeType: 22
+dashedName: task-104
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been looking into our database security, and I think BLANK BLANK BLANK some additional measures to prevent SQL injection attacks.`
+
+## --blanks--
+
+`we're`
+
+### --feedback--
+
+This is a contraction for `we are`.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb and the second a preposition.
+
+---
+
+`need`
+
+### --feedback--
+
+This verb means something is required or necessary. It is a verb in its base form.
+
+# --explanation--
+
+`Going to` is used to talk about planned actions or intentions for the future. For example:
+
+- `We are going to upgrade the system next month.` - This means the upgrade is planned and will happen soon.
+
+- `She is going to learn SQL next year.` - This means she intends to learn SQL in the future.
+
+In this sentence:
+
+`We're` is the contraction for `we are`.
+
+`Going to` shows the action is planned for the near future.
+
+`Need` is the base verb indicating something necessary or required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
new file mode 100644
index 0000000000..1b1456c086
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
@@ -0,0 +1,124 @@
+---
+id: 6761e7b82f98fc7fb7d9c06b
+title: Task 105
+challengeType: 19
+dashedName: task-105
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake currently looking into?
+
+## --answers--
+
+Database security
+
+---
+
+Server upgrades
+
+### --feedback--
+
+Jake doesn't mention upgrading servers; he's focused on something else.
+
+---
+
+New software
+
+### --feedback--
+
+Jake isn't talking about installing new software.
+
+---
+
+Network performance
+
+### --feedback--
+
+Jake's focus is not on network performance. Listen carefully to the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database security` refers to protecting databases from unauthorized access or attacks. For example:
+
+`The team is improving database security to prevent hackers from accessing confidential data.` - This means they are making the database safer to stop any illegal access.
+
+Jake says he is `looking into` their `database security`, which means he is investigating or checking its safety.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
new file mode 100644
index 0000000000..2e8b4f8e36
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
@@ -0,0 +1,125 @@
+---
+id: 6761e90350ebde88221daeea
+title: Task 106
+challengeType: 19
+dashedName: task-106
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake think they need to do?
+
+## --answers--
+
+A new database
+
+### --feedback--
+
+Jake doesn't mention needing a new database. Listen carefully to what he says they require.
+
+---
+
+More team members
+
+### --feedback--
+
+Jake doesn't suggest needing more people for the task.
+
+---
+
+Additional measures
+
+---
+
+Less security
+
+### --feedback--
+
+This option is the opposite of what Jake suggests. He is looking to improve security, not reduce it.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Additional measures` refers to extra actions or steps taken to fix or improve something. For example:
+
+`We need additional measures to protect the system from future attacks.` - This means more steps are necessary to improve the system's safety.
+
+Jake says they need additional measures, meaning more steps are required to improve the database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
+
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
new file mode 100644
index 0000000000..bdd401e122
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
@@ -0,0 +1,124 @@
+---
+id: 6761e99e3e0f098cc0f265aa
+title: Task 107
+challengeType: 19
+dashedName: task-107
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem are the additional measures meant to address?
+
+## --answers--
+
+Slow database performance
+
+### --feedback--
+
+Jake is not talking about improving the database speed. Listen carefully to what the measures are for.
+
+---
+
+Data backup issues
+
+### --feedback--
+
+Jake does not mention any problem with data backups. Focus on the security issue he talks about.
+
+---
+
+Software updates
+
+### --feedback--
+
+Jake is not discussing updates to software. He is concerned with preventing a specific type of attack.
+
+---
+
+SQL injection attacks
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`SQL injection attacks` are a type of cyber attack where hackers insert harmful code into a database query to access or damage data. For example:
+
+`The company added security measures to prevent SQL injection attacks on their website.` - This means they took steps to stop hackers from entering harmful code.
+
+Jake says the `additional measures` are needed to `prevent SQL injection attacks`, meaning they are trying to stop this specific type of threat.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
new file mode 100644
index 0000000000..0690caa26b
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
@@ -0,0 +1,124 @@
+---
+id: 6761eb2e4b1192968b2303f4
+title: Task 108
+challengeType: 19
+dashedName: task-108
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake describe their current database security?
+
+## --answers--
+
+They are not prepared at all and need to start from scratch.
+
+### --feedback--
+
+Jake doesn't say they have no security at all. Listen again to his comment about needing additional measures.
+
+---
+
+They have some security, but they need more measures to improve it.
+
+---
+
+They have already taken additional measures and are now fully protected.
+
+### --feedback--
+
+Jake mentions `additional measures`, which means they haven't done it yet.
+
+---
+
+Their security is perfect, and no further actions are required.
+
+### --feedback--
+
+Jake clearly says they need to add more measures, so their security is not perfect yet.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says he has been `looking into` their database security, which means he is investigating its current state. He concludes that they `need additional measures`, meaning some security exists, but it's not enough. For example:
+
+`The team needed additional measures to ensure their security was strong.` - This means the team added extra steps to improve something that already existed.
+
+Jake's statement shows their database security is in place but requires more work to prevent `SQL injection attacks`.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
new file mode 100644
index 0000000000..c8cbde4537
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
@@ -0,0 +1,106 @@
+---
+id: 6761ecb48889faa066740143
+title: Task 109
+challengeType: 19
+dashedName: task-109
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is the best answer to Jake's comment?
+
+## --answers--
+
+`I agree.`
+
+---
+
+`Why don't we ignore it?`
+
+### --feedback--
+
+Ignoring the issue doesn't address Jake's concern about security.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The most appropriate answer is `I agree` because it supports Jake's suggestion that additional measures are needed to improve database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
new file mode 100644
index 0000000000..04a9c8dd49
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
@@ -0,0 +1,103 @@
+---
+id: 6761ee00596d9fa8c8c3ac90
+title: Task 110
+challengeType: 22
+dashedName: task-110
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I agree. We've been noticing some unusual BLANK in the BLANK.`
+
+## --blanks--
+
+`queries`
+
+### --feedback--
+
+This is the plural form of a request for information in a database.
+
+---
+
+`logs`
+
+### --feedback--
+
+These are files or records where events, activities, or actions are stored.
+
+# --explanation--
+
+`Query` refers to a request for information, often in a database. `Queries` means more than one request. For example:
+
+- `The developer sent a query to find user data.` - This means the developer made a single request for information.
+
+- `There were multiple queries for customer information.` - This means there were several requests for data.
+
+`Logs` refers to files or records that track events or actions. For example:
+
+`The team checked the logs to find unusual activities.` - This means they looked at the stored records to identify any issues.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
new file mode 100644
index 0000000000..410ae23ed2
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
@@ -0,0 +1,113 @@
+---
+id: 6761f0dc81967cbbe1118dae
+title: Task 111
+challengeType: 19
+dashedName: task-111
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Maria agree with Jake?
+
+## --answers--
+
+Because the database is completely secure.
+
+### --feedback--
+
+Maria does not say the database is secure. She agrees with Jake about needing additional measures.
+
+---
+
+Because she noticed unusual queries in the logs.
+
+---
+
+Because they have already fixed the problem.
+
+### --feedback--
+
+Maria mentions noticing unusual queries, which suggests the problem is not yet fixed.
+
+---
+
+Because there are no issues in the logs.
+
+### --feedback--
+
+Maria says the opposite: there are unusual queries in the logs.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria agrees with Jake because she has evidence that supports his concern about database security.
+
+She mentions noticing `unusual queries in the logs`, which means some unexpected or suspicious requests were recorded.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
new file mode 100644
index 0000000000..605cd2e804
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
@@ -0,0 +1,98 @@
+---
+id: 6761f1e5287834c2cb5f4631
+title: Task 112
+challengeType: 22
+dashedName: task-112
+---
+
+<!-- (audio) What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`What BLANK BLANK BLANK recommend to improve security?`
+
+## --blanks--
+
+`are`
+
+### --feedback--
+
+This word is part of the verb `to be` and is used here to form a question about the future.
+
+---
+
+`you`
+
+### --feedback--
+
+This is the pronoun that refers to the person being asked.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words indicate a planned or intended action in the future. One is a verb, and the other is a preposition.
+
+# --explanation--
+
+This type of question uses `going to` to ask about someone's **future actions or plans**. You use it when you want to know what someone `intends to do` or has already planned. For example:
+
+- `What are you going to do about the missing files?` - This asks about the person's future action to solve a problem.
+
+- `When are you going to update the system?` - This asks about a specific plan for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
new file mode 100644
index 0000000000..ad528387ce
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f2fbd2db7aca063b6a5c
+title: Task 113
+challengeType: 19
+dashedName: task-113
+---
+
+<!-- (audio) Maria: What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+What Jake suggests to improve security in the future.
+
+---
+
+What has already been done to improve security.
+
+### --feedback--
+
+Maria is asking about a future action, not something that has already happened.
+
+---
+
+What kind of security measures are not useful.
+
+### --feedback--
+
+Maria is asking for suggestions, not about measures that are ineffective.
+
+---
+
+Who is responsible for causing the security issues.
+
+### --feedback--
+
+Maria is focused on improving security, not finding out who caused the issues.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Recommend` means to suggest or advise something as a good idea or solution. Maria uses `going to` in her question to ask about **future actions** or plans. For example:
+
+`What are you going to recommend for the project?` - This asks what someone will suggest as a solution or improvement.
+
+In this sentence, Maria wants to know what Jake will suggest to improve security in the future. She is not asking about past actions or problems, but about ideas to move forward.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
new file mode 100644
index 0000000000..e6bd753de9
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
@@ -0,0 +1,90 @@
+---
+id: 6761f509323d5ad6cfe9d212
+title: Task 114
+challengeType: 22
+dashedName: task-114
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're BLANK BLANK parameterized queries to minimize the risk.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb, and the second is a preposition.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put an action, idea, or plan into effect.
+
+# --explanation--
+
+`Going to` is used to show that something has been decided and will happen soon.
+
+`Implement` means to put a plan or idea into action. For example:
+
+`The team is going to implement a new security strategy next month.` - This means the team has decided to take action and will begin soon.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
new file mode 100644
index 0000000000..c71051c55c
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
@@ -0,0 +1,84 @@
+---
+id: 6761f66b536d13df9a6e4b87
+title: Task 115
+challengeType: 22
+dashedName: task-115
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to implement BLANK queries to minimize the risk.`
+
+## --blanks--
+
+`parameterized`
+
+### --feedback--
+
+This word describes queries that use predefined values to improve security. It is a long word often used in database contexts.
+
+# --explanation--
+
+`Parameterized` comes from the root word `parameter`, which is a value or placeholder used to control how something works.
+
+When people say a query is `parameterized`, it means it uses predefined values (parameters) instead of inserting user input directly.
+
+This helps improve database security by preventing certain attacks like SQL injection. For example:
+
+- `The developer used parameterized queries to secure the database.` - This means they used placeholders to ensure no harmful code could be inserted.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
new file mode 100644
index 0000000000..d7c5ba0cd2
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f6dc272d86e2f315b79c
+title: Task 116
+challengeType: 19
+dashedName: task-116
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's plan?
+
+## --answers--
+
+To improve the database's performance with faster queries.
+
+### --feedback--
+
+Jake's plan focuses on minimizing risk, not improving the database speed.
+
+---
+
+To implement parameterized queries to minimize the risk.
+
+---
+
+To add more servers to handle heavy traffic.
+
+### --feedback--
+
+Jake doesn't mention servers or traffic. He talks about securing the database.
+
+---
+
+To fix the errors caused by broken queries.
+
+### --feedback--
+
+Jake is not fixing broken queries. He's focused on reducing risks by implementing a specific security method.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Implement` means to put an idea or solution into action.
+
+`Parameterized queries` are a method used in databases to reduce security risks, like SQL injection. This works by using placeholders for data instead of inserting user input directly into the query.
+
+In this sentence, Jake's plan is to take action to improve security and prevent risks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
new file mode 100644
index 0000000000..d89ad70d05
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
@@ -0,0 +1,80 @@
+---
+id: 6761f838245300ebfcf372cd
+title: Task 117
+challengeType: 22
+dashedName: task-117
+---
+
+<!-- (audio) This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This should reduce the chances of BLANK access to our data.`
+
+## --blanks--
+
+`unauthorized`
+
+### --feedback--
+
+This word describes something that is not allowed or approved. It starts with `un-` to show the negative form.
+
+# --explanation--
+
+`Unauthorized` means **not allowed** or **not approved**. It is formed by adding the prefix `un-` to the root word `authorized`, which means permitted or approved. For example:
+
+`Unauthorized users tried to access the system.` - This means users who did not have permission attempted to get in.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
new file mode 100644
index 0000000000..86bfe5f3aa
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
@@ -0,0 +1,119 @@
+---
+id: 6761f9d7a849d8f61aa12deb
+title: Task 118
+challengeType: 19
+dashedName: task-118
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem is Jake trying to solve by implementing parameterized queries?
+
+## --answers--
+
+Data not being backed up correctly.
+
+### --feedback--
+
+Jake does not mention anything about data backups. Focus on the issue he wants to minimize.
+
+---
+
+Errors in the database caused by broken queries.
+
+### --feedback--
+
+Jake talks about minimizing risk, not fixing broken queries or errors.
+
+---
+
+Slow database performance when handling queries.
+
+### --feedback--
+
+Jake's goal is related to security, not improving database speed or performance.
+
+---
+
+Unauthorized access to data.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, listen for the words:
+
+`Should reduce` shows Jake's intention to make something smaller or less likely.
+
+`Unauthorized access` refers to someone without permission trying to view or use data.
+
+Jake says `this should reduce the chances of unauthorized access to our data`.
+
+This shows his plan is to minimize a security risk, not to fix backups, errors, or improve database performance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
new file mode 100644
index 0000000000..57f418be46
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
@@ -0,0 +1,96 @@
+---
+id: 6762dceeac22841f223b0101
+title: Task 119
+challengeType: 19
+dashedName: task-119
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to show support to Jake's plan?
+
+## --answers--
+
+`That sounds like a solid plan.`
+
+---
+
+`Let's focus on other issues for now.`
+
+### --feedback--
+
+This response does not address Jake's plan and shifts attention away from his suggestion.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The phrase `That sounds like a solid plan` is supportive because it shows agreement and confidence in the idea.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
new file mode 100644
index 0000000000..8a89f9d9e9
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
@@ -0,0 +1,108 @@
+---
+id: 6762e2adb437563844364cf1
+title: Task 120
+challengeType: 19
+dashedName: task-120
+---
+
+<!-- (audio) Maria: That sounds like a solid plan. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Maria's opinion about Jake's plan?
+
+## --answers--
+
+She thinks it is a good idea.
+
+---
+
+She thinks it is risky and might not minimize the problem.
+
+### --feedback--
+
+Maria does not mention any doubts or risks. Listen to how she uses the word `solid` to show support.
+
+---
+
+She thinks it needs more details to be effective.
+
+### --feedback--
+
+Maria does not suggest adding details. Her response shows confidence in the plan as it is.
+
+---
+
+She thinks it will require additional resources to work.
+
+### --feedback--
+
+Maria's response does not mention resources. She expresses agreement and support for Jake's plan.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Solid` means strong, reliable, and effective. It suggests that the plan is well thought out and likely to succeed.
+
+`Plan` refers to an organized strategy to solve a problem.
+
+`That sounds like a solid plan` shows support and confidence in Jake's idea. For example:
+
+`That sounds like a solid plan to improve security.` - This shows agreement and belief that the idea is dependable.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.96,
+      "finishTimestamp": 22.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.46,
+      "dialogue": {
+        "text": "That sounds like a solid plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 2.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
new file mode 100644
index 0000000000..a92c835f0b
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
@@ -0,0 +1,104 @@
+---
+id: 6762e430c7646a422c17966f
+title: Task 121
+challengeType: 22
+dashedName: task-121
+---
+
+<!-- (audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK for our developers?`
+
+## --blanks--
+
+`require`
+
+### --feedback--
+
+This verb means something is needed or necessary.
+
+---
+
+`additional`
+
+### --feedback--
+
+This word means extra or more. It is used to describe something that is added to what already exists.
+
+---
+
+`training`
+
+### --feedback--
+
+This word refers to the process of teaching or learning skills needed for a job or task.
+
+# --explanation--
+
+`Require` means to need or make something necessary. For example:
+
+`The job requires technical knowledge.` - This means technical knowledge is needed for the job.
+
+`Additional` means extra or more than what already exists. For example:
+
+`The project requires additional resources.` - This means extra resources are needed.
+
+`Training` refers to the process of learning or improving skills for a specific purpose. For example:
+
+`The company provided training for the new software.` - This means the company helped employees learn how to use the software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
new file mode 100644
index 0000000000..478b3fc00f
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
@@ -0,0 +1,108 @@
+---
+id: 6762edd89388ad7b3950d01a
+title: Task 122
+challengeType: 19
+dashedName: task-122
+---
+
+<!-- (Audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If training is already complete.
+
+### --feedback--
+
+Maria is asking about something that might happen in the future, not the past.
+
+---
+
+If additional training will be required.
+
+---
+
+If training sessions are planned for managers.
+
+### --feedback--
+
+Maria's question is about developers, not managers.
+
+---
+
+If training will happen next week.
+
+### --feedback--
+
+Maria's question does not mention any specific time.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, focus on the parts of Maria's question:
+
+`Are we going to` indicates she is asking about a plan or action in the future.
+
+`Require additional training` means she is asking if more training is needed.
+
+`For our developers` specifies who might need the training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
new file mode 100644
index 0000000000..66c38ed008
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
@@ -0,0 +1,101 @@
+---
+id: 6762f11f6a96d19057229bf2
+title: Task 123
+challengeType: 22
+dashedName: task-123
+---
+
+<!-- (Audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, we're BLANK BLANK a session next week to ensure everyone knows how to implement these changes.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned action in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`hold`
+
+### --feedback--
+
+This means to organize or conduct an event, like a meeting or session.
+
+# --explanation--
+
+`Going to` indicates a future plan or intention. It is often used to talk about actions that are already decided or likely to happen.
+
+`Hold` refers to organizing or conducting an event, like a meeting, session, or training. For example:
+
+- `We're going to organize a team meeting next Monday.` - This shows a planned action in the near future.
+
+- `They are going to hold a workshop on software updates.` - This highlights a scheduled event for sharing knowledge or training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
new file mode 100644
index 0000000000..7619da2910
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
@@ -0,0 +1,113 @@
+---
+id: 676320cd1c9cee55ab53687a
+title: Task 124
+challengeType: 19
+dashedName: task-124
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the next session going to happen?
+
+## --answers--
+
+This week
+
+### --feedback--
+
+Listen carefully to the audio. Jake does not say the session will happen during the current week.
+
+---
+
+Last week
+
+### --feedback--
+
+Jake is talking about a future session, not one that has already happened.
+
+---
+
+In a couple of weeks
+
+### --feedback--
+
+Jake mentions a specific time, not two weeks from now.
+
+---
+
+Next week
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, pay attention to the words that come after `hold a session`. Jake says, `next week`, which tells you the session will happen in the week after this one.
+
+`Next week` means the week following the current one. For instance, if today is Tuesday, `next week` starts on the following Sunday or Monday.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
new file mode 100644
index 0000000000..48cf723159
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
@@ -0,0 +1,113 @@
+---
+id: 676321f8a8692b5d4b211dde
+title: Task 125
+challengeType: 19
+dashedName: task-125
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why are they holding this meeting?
+
+## --answers--
+
+To make sure everyone understands how to apply the changes.
+
+---
+
+To discuss new changes they might make.
+
+### --feedback--
+
+Jake does not say they are planning changes, but how to implement the current ones.
+
+---
+
+To share updates about the company.
+
+### --feedback--
+
+The meeting is not about general updates but about specific changes.
+
+---
+
+To ensure everyone finishes their work on time.
+
+### --feedback--
+
+Jake does not mention deadlines or completing work in the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To answer this question, focus on Jake's purpose for the session. He says, `to ensure everyone knows how to implement these changes`.
+
+The options "To make sure everyone understands how to apply the changes", matches the purpose described in the audio.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
new file mode 100644
index 0000000000..05591d1d24
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
@@ -0,0 +1,110 @@
+---
+id: 67632267336dcf6068f39407
+title: Task 126
+challengeType: 19
+dashedName: task-126
+---
+
+<!-- (audio) Jake: It's crucial that we all follow best practices. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's important to Jake?
+
+## --answers--
+
+That everyone works hard.
+
+### --feedback--
+
+Jake does not talk about working hard in the audio.
+
+---
+
+That everyone follows best practices.
+
+---
+
+That everyone follows their own rules.
+
+### --feedback--
+
+Jake does not say anything about following personal rules.
+
+---
+
+That everyone communicates well.
+
+### --feedback--
+
+Jake does not mention communication as important.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, break down the key words in the audio:
+
+`Crucial` means very important. Jake is talking about something that must be done.
+
+`Follow` means to do or obey something.
+
+`Best practices` refers to the best and most effective ways to do something.
+
+Jake says, `It's crucial that we all follow best practices`. This shows that he thinks it is very important for everyone to use the best methods when working.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.94,
+      "finishTimestamp": 33.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "It's crucial that we all follow best practices.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
new file mode 100644
index 0000000000..39ef7348e1
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
@@ -0,0 +1,92 @@
+---
+id: 6763238e902cdf688f49152f
+title: Task 127
+challengeType: 22
+dashedName: task-127
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'm BLANK BLANK the team about the upcoming training.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together show that Maria is talking about something planned in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`inform`
+
+### --feedback--
+
+This word means to give information or tell someone about something.
+
+# --explanation--
+
+`Going to` shows that Maria is talking about something planned or decided for the future. For example:
+
+`I'm going to visit the headquarters tomorrow.` - it means the visit is planned.
+
+`Inform` means to give information or notify someone. For example:
+
+`He will inform his team leader about the issue.` - It means he will tell the team leader about the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
new file mode 100644
index 0000000000..018ccabf15
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
@@ -0,0 +1,116 @@
+---
+id: 6763251d0b7d8872b5543df8
+title: Task 128
+challengeType: 19
+dashedName: task-128
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Maria planning to do?
+
+## --answers--
+
+To attend a training session.
+
+### --feedback--
+
+Maria does not say she will attend the training.
+
+---
+
+To organize the training for the team.
+
+### --feedback--
+
+Maria does not mention organizing the training.
+
+---
+
+To inform the team about the upcoming training.
+
+---
+
+To ask the team about their training needs.
+
+### --feedback--
+
+Maria does not say anything about asking the team questions. She is going to provide information.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To find the correct answer, focus on Maria's words in the audio:
+
+`I'm going to` shows her plan for the future.
+
+`Inform the team` tell us what Maria is planning to do.
+
+Maria's exact plan is to inform the team about something specific.
+
+`Upcoming` means something that will happen soon. For example:
+
+`We have an upcoming meeting next week.` - This means the meeting is scheduled for the near future.
+
+`Upcoming training` means a training session that is planned to take place soon.
+
+Together, the phrase shows Maria's responsibility to give information about the training that will happen in the near future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
new file mode 100644
index 0000000000..c96250b419
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
@@ -0,0 +1,88 @@
+---
+id: 676325dfad1ee0784c7f1a5e
+title: Task 129
+challengeType: 19
+dashedName: task-129
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria wants to confirm if she needs to do more things. Which option is the best?
+
+## --answers--
+
+`Is there anything else we need to do?`
+
+---
+
+`Should I inform them now or later?`
+
+### --feedback--
+
+This question focuses on timing, not whether more tasks are required.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best option is `Is there anything else we need to do?` because it directly asks about whether there are more tasks to complete.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
new file mode 100644
index 0000000000..1184550212
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
@@ -0,0 +1,121 @@
+---
+id: 6763271c3d195780a672e061
+title: Task 130
+challengeType: 19
+dashedName: task-130
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+When the training will happen.
+
+### --feedback--
+
+Maria is not asking about the time of the training.
+
+---
+
+Who needs to be informed about the training.
+
+### --feedback--
+
+Maria is not asking about who should be informed.
+
+---
+
+How to organize the training.
+
+### --feedback--
+
+Maria is not asking about how to organize the training.
+
+---
+
+If there are more tasks to complete.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`Anything` means any item, task, or thing.
+
+`Else` means in addition to what has already been mentioned.
+
+Together, `anything else` means "any other things". For example:
+
+- `Do you need anything else before I leave?` - This asks if the person needs more help or items.
+
+- `Is there anything else on the agenda?` - This asks if there are more topics to discuss.
+
+Maria says, `Is there anything else we need to do?` This shows she wants to know if there are more tasks she needs to do beyond informing the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 38.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3.8,
+      "finishTime": 5.1,
+      "dialogue": {
+        "text": "Is there anything else we need to do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
new file mode 100644
index 0000000000..330c8abfcb
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
@@ -0,0 +1,92 @@
+---
+id: 6763285df9a9b6039696c389
+title: Task 131
+challengeType: 22
+dashedName: task-131
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to BLANK the database activity more BLANK.`
+
+## --blanks--
+
+`monitor`
+
+### --feedback--
+
+This word means to watch or check something carefully.
+
+---
+
+`closely`
+
+### --feedback--
+
+This word means in a careful or detailed way.
+
+# --explanation--
+
+The verb `monitor` means to watch or check something, especially in a business or technical setting. For example:
+
+`Managers monitor employee productivity to meet project deadlines.` - This means they check progress regularly to make sure work is on track.
+
+`Closely` means to do something in a careful or detailed way. For example:
+
+`The team is reviewing the security logs closely for any unusual activity.` - This means they are looking carefully at the logs for problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.72,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
new file mode 100644
index 0000000000..24b821538d
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
@@ -0,0 +1,110 @@
+---
+id: 67632a419a12aa10b1e76954
+title: Task 132
+challengeType: 19
+dashedName: task-132
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is going to be monitored?
+
+## --answers--
+
+The database activity
+
+---
+
+The server performance
+
+### --feedback--
+
+Jake does not mention monitoring the server performance.
+
+---
+
+The team's tasks
+
+### --feedback--
+
+Jake does not talk about monitoring the team's tasks.
+
+---
+
+The system logs
+
+### --feedback--
+
+Jake does not say anything about monitoring system logs.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database` refers to a system where data is stored and organized.
+
+`Activity` refers to the actions or processes happening in the database.
+
+- `The database contains customer information and order details.` - This means the database stores important business data.
+
+- `There was unusual activity in the database last night.` - This means something unexpected happened in the database.
+
+Together, `database activity` means all the actions, changes, or processes happening within the database system.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.02,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.82,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
new file mode 100644
index 0000000000..370fdcce77
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
@@ -0,0 +1,100 @@
+---
+id: 67632cefda53f021ab6ecfb4
+title: Task 133
+challengeType: 22
+dashedName: task-133
+---
+
+<!-- (audio) This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This will BLANK BLANK BLANK any suspicious patterns early.`
+
+## --blanks--
+
+`help`
+
+### --feedback--
+
+This word means to assist or make something easier.
+
+---
+
+`us`
+
+### --feedback--
+
+This word refers to the group or team being talked about.
+
+---
+
+`catch`
+
+### --feedback--
+
+This word means to find or notice something.
+
+# --explanation--
+
+`Help` means to make it easier to do something or to provide assistance.
+
+`Catch` means to find, notice, or identify something. For example:
+
+`The system is designed to catch errors in real-time.` - This means the system finds mistakes as they happen.
+
+`Help us catch` means to assist in identifying something.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.96,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.12,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
new file mode 100644
index 0000000000..00d7873654
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
@@ -0,0 +1,119 @@
+---
+id: 67632e1b477101295cf2fc77
+title: Task 134
+challengeType: 19
+dashedName: task-134
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning to monitor the database activity more closely?
+
+## --answers--
+
+To catch suspicious patterns early.
+
+---
+
+To improve the database structure.
+
+### --feedback--
+
+Jake does not mention improving the database structure.
+
+---
+
+To monitor the team's productivity.
+
+### --feedback--
+
+Jake is talking about monitoring database activity, not the team.
+
+---
+
+To track system performance over time.
+
+### --feedback--
+
+Jake does not mention tracking system performance over time.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake says, `This will help us catch any suspicious patterns early.` Let's break down what he means.
+
+`Help us catch` means to make it easier for the team to find or notice something.
+
+`Suspicious patterns` refers to activities or changes in the database that seem unusual or could signal potential problems, such as unauthorized access or errors in the data.
+
+`Early` means finding these patterns as soon as possible, before they can cause significant harm.
+
+Together, Jake's statement means that by monitoring the database closely, the team can quickly find and fix any unusual activity before it becomes a bigger issue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
new file mode 100644
index 0000000000..05aaa1bfaf
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
@@ -0,0 +1,99 @@
+---
+id: 67632f1219de712fcf37d295
+title: Task 135
+challengeType: 19
+dashedName: task-135
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria thinks Jake's plan is important and useful. Which option better reflects that?
+
+## --answers--
+
+`Do you really think this will work?`
+
+### --feedback--
+
+This question shows doubt, not agreement with Jake's plan.
+
+---
+
+`I think this is going to make a big difference in our security.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`I think this is going to make a big difference in our security.` shows that Maria agrees with Jake's plan and thinks it is valuable.
+
+`Do you really think this will work?` shows doubt.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
new file mode 100644
index 0000000000..d02747ff4c
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
@@ -0,0 +1,108 @@
+---
+id: 67633077c55c0f38b9166323
+title: Task 136
+challengeType: 22
+dashedName: task-136
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great. I think this is going to BLANK BLANK BLANK BLANK in our security.`
+
+## --blanks--
+
+`make`
+
+### --feedback--
+
+This word means to create or cause something to happen.
+
+---
+
+`a`
+
+### --feedback--
+
+This is an article used before singular nouns.
+
+---
+
+`big`
+
+### --feedback--
+
+This word means large or significant.
+
+---
+
+`difference`
+
+### --feedback--
+
+This word means a change or effect on something.
+
+# --explanation--
+
+`Make` means to cause something to happen or exist.
+
+`A big difference` means a significant or noticeable change or improvement.
+
+Together, `make a big difference` means to cause something to improve or become better in an important way. For example:
+
+`Updating our software will make a big difference in system performance.` - This means the update will improve how the system works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
new file mode 100644
index 0000000000..7352992b2d
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
@@ -0,0 +1,102 @@
+---
+id: 6763322b77048c43b92f9c28
+title: Task 137
+challengeType: 19
+dashedName: task-137
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does Maria think the changes will have an impact on security?
+
+## --answers--
+
+The changes already improved security.
+
+### --feedback--
+
+Maria does not say the changes have already happened. She is talking about the future.
+
+---
+
+The changes are currently improving security.
+
+### --feedback--
+
+Maria is not referring to something happening now. She is talking about what will happen later.
+
+---
+
+The changes might improve security someday.
+
+### --feedback--
+
+Maria is confident about the changes making an impact, not uncertain.
+
+---
+
+The changes will improve security in the future.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria says, `I think this is going to make a big difference in our security.` The phrase `is going to` shows that Maria is talking about the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
new file mode 100644
index 0000000000..45580e5d90
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
@@ -0,0 +1,98 @@
+---
+id: 67633424bfc56f4fec3edf3c
+title: Task 138
+challengeType: 22
+dashedName: task-138
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK with other departments?`
+
+## --blanks--
+
+`share`
+
+### --feedback--
+
+This is a verb that means to give something to others or use it together.
+
+---
+
+`this`
+
+### --feedback--
+
+This is a demonstrative pronoun that refers to something specific being talked about.
+
+---
+
+`information`
+
+### --feedback--
+
+This is a noun that means knowledge or facts that are communicated.
+
+# --explanation--
+
+`Share` means to give something to others or to use it together.
+
+`This` is a demonstrative pronoun that refers to something specific, in this case, the information.
+
+`Information` refers to knowledge, data, or facts that are communicated.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
new file mode 100644
index 0000000000..64366032e9
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
@@ -0,0 +1,108 @@
+---
+id: 676335dbbbe14c5acdafc970
+title: Task 139
+challengeType: 19
+dashedName: task-139
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the information will be shared with other departments.
+
+---
+
+If the departments need more information.
+
+### --feedback--
+
+Maria does not mention needing more information in her question.
+
+---
+
+When the information will be shared.
+
+### --feedback--
+
+Maria does not ask about the timing of sharing the information.
+
+---
+
+Why the information is important.
+
+### --feedback--
+
+Maria is not asking about the importance of the information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Focus on the verb `share`. It means to give or make something available to others. Maria is asking if the information will be shared.
+
+`Other departments` tells you who might receive the information. Maria's question is specifically about these departments.
+
+The structure `Are we going to...` shows that Maria is asking about a plan for the future.
+
+By identifying these parts of the sentence, you can understand that Maria is asking whether the information will be shared with other departments.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
new file mode 100644
index 0000000000..6d267335bc
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
@@ -0,0 +1,89 @@
+---
+id: 676338a796ace16be009e9d6
+title: Task 140
+challengeType: 19
+dashedName: task-140
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake is still deciding what to do. What's the most appropriate answer to Maria's question?
+
+## --answers--
+
+`We'll probably do that after we've completed the training.`
+
+---
+
+`I think sharing this information is unnecessary.`
+
+### --feedback--
+
+This response contradicts the idea of considering sharing information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `We'll probably do that after we've completed the training.` This response is appropriate because it aligns with Maria's question while emphasizing the need to complete the training first.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
new file mode 100644
index 0000000000..0d67d478c4
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
@@ -0,0 +1,98 @@
+---
+id: 676339b7a8460f7302b2d966
+title: Task 141
+challengeType: 22
+dashedName: task-141
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably BLANK BLANK BLANK we've completed the training.`
+
+## --blanks--
+
+`do`
+
+### --feedback--
+
+This is a verb that means to perform or carry out an action.
+
+---
+
+`that`
+
+### --feedback--
+
+This is a demonstrative pronoun referring to something already mentioned.
+
+---
+
+`after`
+
+### --feedback--
+
+This is a conjunction that shows the sequence of events.
+
+# --explanation--
+
+`Do` means to perform or carry out an action.
+
+`That` is a demonstrative pronoun that refers to something already mentioned or understood. In this case, it refers to an action previously discussed.
+
+`After` is a conjunction that indicates the sequence of events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
new file mode 100644
index 0000000000..feafb7ba43
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
@@ -0,0 +1,136 @@
+---
+id: 67633a6ff2f2ef78701975c9
+title: Task 142
+challengeType: 19
+dashedName: task-142
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is Jake planning to share the information with other departments?
+
+## --answers--
+
+Before they start the training.
+
+### --feedback--
+
+Jake mentions sharing the information after the training, not before.
+
+---
+
+After they've completed the training.
+
+---
+
+While the training is happening.
+
+### --feedback--
+
+Jake does not say they will share the information during the training.
+
+---
+
+He is not planning to share the information.
+
+### --feedback--
+
+Jake does mention sharing the information but plans to do so after the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`After we've completed` indicates that Jake is planning to share the information once the training is finished. Let's break it down:
+
+`After` shows the sequence of events, meaning the information will be shared following the training.
+
+`Completed the training` means finishing the training sessions or program.
+
+Together, this means Jake's plan is to share the information only once the training is fully done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.86,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.36
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
new file mode 100644
index 0000000000..46676e6f22
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
@@ -0,0 +1,92 @@
+---
+id: 67633b012085337c52b93096
+title: Task 143
+challengeType: 22
+dashedName: task-143
+---
+
+<!-- (audio) Jake: It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's better to ensure our team is BLANK BLANK first.`
+
+## --blanks--
+
+`fully`
+
+### --feedback--
+
+This is an adverb meaning completely or entirely.
+
+---
+
+`prepared`
+
+### --feedback--
+
+This is an adjective meaning ready or equipped to do something.
+
+# --explanation--
+
+`Fully` means completely or entirely. It shows that no part of the task or readiness is incomplete. For example:
+
+`The project was fully reviewed before the deadline.` - This means the review was completed entirely.
+
+`Prepared` means ready or equipped to do something. For example:
+
+`The team is prepared to present their findings.` - This means the team is ready to give the presentation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 53.6,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.84,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
new file mode 100644
index 0000000000..11dbacc17f
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
@@ -0,0 +1,111 @@
+---
+id: 67633b85c9f913803fd8591c
+title: Task 144
+challengeType: 19
+dashedName: task-144
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why doesn't Jake want to inform other departments before the training?
+
+## --answers--
+
+Because the team is already prepared.
+
+### --feedback--
+
+Jake does not say the team is already prepared. He talks about the need to prepare them first.
+
+---
+
+Because the other departments don't need the information.
+
+### --feedback--
+
+Jake does not mention that the other departments don't need the information.
+
+---
+
+Because the team needs to be fully prepared first.
+
+---
+
+Because the training is not important.
+
+### --feedback--
+
+Jake does not imply that the training is unimportant. In fact, he emphasizes its importance.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Fully prepared` means completely ready. Jake wants the team to be ready before sharing the information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.2,
+      "finishTime": 6.04,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
new file mode 100644
index 0000000000..94d9f6467b
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
@@ -0,0 +1,97 @@
+---
+id: 67633d331eeb858a9803794f
+title: Task 145
+challengeType: 22
+dashedName: task-145
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`going to hold`, `going to need`, `monitor`, `do that after`, `require`, `implement`, and `are you going to`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: I've been looking into our database security, and I think we're BLANK some additional measures to prevent SQL injection attacks.`
+
+`Maria: I agree. We've been noticing some unusual queries in the logs. What BLANK recommend to improve security?`
+
+`Jake: We're going to BLANK parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data.`
+
+`Maria: That sounds like a solid plan. Are we going to BLANK additional training for our developers?`
+
+`Jake: Yes, we're BLANK a session next week to ensure everyone knows how to implement these changes. It's crucial that we all follow best practices.`
+
+`Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do?`
+
+`Jake: We're going to BLANK the database activity more closely. This will help us catch any suspicious patterns early.`
+
+`Maria: Great. I think this is going to make a big difference in our security. Are we going to share this information with other departments?`
+
+`Jake: We'll probably BLANK we've completed the training. It's better to ensure our team is fully prepared first.`
+
+## --blanks--
+
+`going to need`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense and indicates something necessary in the future.
+
+---
+
+`are you going to`
+
+### --feedback--
+
+This question uses the `Future Simple` tense to ask about plans or intentions.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put something into practice or carry out a plan.
+
+---
+
+`require`
+
+### --feedback--
+
+This verb means to need or make something necessary.
+
+---
+
+`going to hold`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense to talk about scheduling or planning an event.
+
+---
+
+`monitor`
+
+### --feedback--
+
+This verb means to watch or check something carefully.
+
+---
+
+`do that after`
+
+### --feedback--
+
+This phrase combines a verb and a preposition to indicate completing one action following another.
+
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
new file mode 100644
index 0000000000..421bf93f13
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
@@ -0,0 +1,72 @@
+---
+id: 67634107b478caa17f37c628
+title: Task 146
+challengeType: 19
+dashedName: task-146
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What is the purpose of the training mentioned in the text?
+
+## --answers--
+
+To improve the team's skills and reduce security risks.
+
+---
+
+To teach the team about project deadlines.
+
+### --feedback--
+
+The text does not mention anything about project deadlines.
+
+---
+
+To explain how to share updates with other departments.
+
+### --feedback--
+
+Sharing updates is mentioned at the end of the training but is not the main purpose of the training.
+
+---
+
+To monitor every department's activity.
+
+### --feedback--
+
+The text focuses on monitoring database activity, not department activity.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The purpose of the training is to improve the team's skills and reduce security risks. Let's break it down:
+
+The text begins with, `To protect our databases from threats like SQL injection attacks`. The preposition `to` introduces the purpose of the entire training. It shows that the main goal is to protect the database from threats.
+
+The next part, `we are going to focus on improving the team's skills`, explains how this purpose will be achieved. By improving their skills, the team will learn methods to address these threats effectively.
+
+The training is described as teaching developers `how to use parameterized queries and follow best practices`. These specific actions connect directly to reducing security risks, which ties back to the purpose stated at the beginning.
+
+By following this structure, you can conclude that the training is focused on improving skills to protect the database, making this the primary purpose of the session.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
new file mode 100644
index 0000000000..2ed677a913
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
@@ -0,0 +1,64 @@
+---
+id: 67634294671bb8ac40e2cc85
+title: Task 147
+challengeType: 19
+dashedName: task-147
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What actions are planned to reduce the risk of SQL injection attacks?
+
+## --answers--
+
+Running full system scans for hidden malware.
+
+### --feedback--
+
+The text does not mention running system scans to prevent SQL injection attacks.
+
+---
+
+Improving database structure with advanced tools.
+
+### --feedback--
+
+The text does not discuss changing the database structure as a preventive measure.
+
+---
+
+Teaching developers to use parameterized queries and follow best practices.
+
+---
+
+Monitoring network activity instead of database activity.
+
+### --feedback--
+
+The text emphasizes monitoring database activity, not network activity.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These two actions are specifically mentioned as ways to reduce the risk of SQL injection attacks. 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
new file mode 100644
index 0000000000..2edbd8fa0a
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
@@ -0,0 +1,64 @@
+---
+id: 676342de292eafae91acee29
+title: Task 148
+challengeType: 19
+dashedName: task-148
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+Who is going to participate in the training?
+
+## --answers--
+
+The project managers
+
+### --feedback--
+
+The text does not mention project managers as participants in the training.
+
+---
+
+The developers
+
+---
+
+The IT support team
+
+### --feedback--
+
+The IT support team is not mentioned as part of the training.
+
+---
+
+The clients
+
+### --feedback--
+
+The text does not mention clients participating in the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` This shows that developers are the ones participating in the training.  
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
new file mode 100644
index 0000000000..b2fdce00f2
--- /dev/null
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
@@ -0,0 +1,64 @@
+---
+id: 6763432a8c2ae1b0de0e1fc0
+title: Task 149
+challengeType: 19
+dashedName: task-149
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What will the training teach the team?
+
+## --answers--
+
+How to improve database performance.
+
+### --feedback--
+
+The text does not mention improving database performance as part of the training.
+
+---
+
+How to design new database structures.
+
+### --feedback--
+
+The training does not focus on creating new database structures.
+
+---
+
+How to secure network communications.
+
+### --feedback--
+
+The training focuses on database security, not network communications.
+
+---
+
+How to use parameterized queries and follow best practices.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These are the two specific skills that the training will focus on. 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
index b1682fdb15..b0bcc66654 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-111
 ---
 
-<!-- (audio) Linda: That’s true! You've been integrating UX into your work more than ever before. -->
+<!-- (audio) Linda: That's true! You've been integrating UX into your work more than ever before. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
index ce180fe911..f51c60f446 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-112
 ---
 
-<!-- (audio) Linda: That’s true! You've been integrating UX into your work more than ever before. -->
+<!-- (audio) Linda: That's true! You've been integrating UX into your work more than ever before. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
index 949d86af71..d4b8bda063 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-123
 ---
 
-<!-- (audio) James: I’m happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
+<!-- (audio) James: I'm happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
index 027f1acbbf..4acd87ae3e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-125
 ---
 
-<!-- (audio) James: I’m happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
+<!-- (audio) James: I'm happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
index 6b57edd965..305ba737ce 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
@@ -17,7 +17,7 @@ Read the text and answer the question below.
 
 Linda posted an update about her team's development process:
 
-`Over the past year, we've been focusing on user feedback more than ever, and it's really changed our approach to development. Instead of just tackling technical issues, we're now looking at everything from the user’s perspective.`
+`Over the past year, we've been focusing on user feedback more than ever, and it's really changed our approach to development. Instead of just tackling technical issues, we're now looking at everything from the user's perspective.`
 
 `Last month, we rolled out a major update inspired by user feedback, and the response has been amazing. Now, rather than just reacting to issues, we're proactively making improvements based on what our users tell us.`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
index 92deff65d2..e6326dbc47 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
@@ -43,7 +43,7 @@ A new feature in the software
 
 ### --feedback--
 
-A `bug` is not a feature; it’s an unintended issue that needs to be fixed.
+A `bug` is not a feature; it's an unintended issue that needs to be fixed.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
index 2a20268f35..0cebfd16c3 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
@@ -31,7 +31,7 @@ Short answers in the `Simple Past` often use the auxiliary verb `did` to confirm
 
 Question: `Did you finish the project?` Short answer: `Yes, I did.`
 
-Question: `Did they call you back?` Short answer: `No, they didn’t.`
+Question: `Did they call you back?` Short answer: `No, they didn't.`
 
 In the dialogue, James uses `Yes, I did` to confirm that he found the bug Lisa asked about.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
index 4566148061..6b3c747577 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
@@ -23,7 +23,7 @@ Why James found the bug.
 
 ### --feedback--
 
-Lisa’s question focuses on what James discovered, not on the reason for that.
+Lisa's question focuses on what James discovered, not on the reason for that.
 
 ---
 
@@ -31,7 +31,7 @@ When James found the bug.
 
 ### --feedback--
 
-Lisa’s question is not related to time. It’s about what James found.
+Lisa's question is not related to time. It's about what James found.
 
 ---
 
@@ -39,7 +39,7 @@ How James fixed the bug.
 
 ### --feedback--
 
-Lisa isn’t asking about the method or solution. She’s asking for the result of James’s search.
+Lisa isn't asking about the method or solution. She's asking for the result of James's search.
 
 ---
 
@@ -55,7 +55,7 @@ In the `Simple Past`, questions may start with a question word (e.g., `what`, `w
 
 **Question word + `did` + subject + base verb.**
 
-Lisa’s question, `What did you find there?`, uses `what` to ask for specific information about the result of James’s actions. Other examples include:
+Lisa's question, `What did you find there?`, uses `what` to ask for specific information about the result of James's actions. Other examples include:
 
 - `Where did you go yesterday?` - You are asking about a location.
 
@@ -63,7 +63,7 @@ Lisa’s question, `What did you find there?`, uses `what` to ask for specific i
 
 - `Who did you call last night?` - You are asking about a person.
 
-In the dialog, Lisa is asking about James’s discovery while searching for the bug.
+In the dialog, Lisa is asking about James's discovery while searching for the bug.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
index e99c167367..9019a032fa 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
@@ -39,7 +39,7 @@ What James says contradicts the idea that he found everything.
 
 ---
 
-He didn’t look for anything.
+He didn't look for anything.
 
 ### --feedback--
 
@@ -61,15 +61,15 @@ In contrast, in negative sentences, you'll use `anything` instead of `nothing`.
 
 - Affirmative: `He found nothing.` - There were no discoveries.
 
-- Negative: `He didn’t find anything.` - There were no discoveries.
+- Negative: `He didn't find anything.` - There were no discoveries.
 
 Notice that, in negative sentences and in questions with `did`, the main verb (in this case, `find`) is in its base form. The auxiliary verb `did` is what shows that this sentence is in the past tense. For example:
 
-- `They didn’t find anything wrong with the program.` - Not finding anything was in the past.
+- `They didn't find anything wrong with the program.` - Not finding anything was in the past.
 
-- `I didn’t see anything unusual during the presentation.` - Nothing unusual was seen in the presentation that happened in the past.
+- `I didn't see anything unusual during the presentation.` - Nothing unusual was seen in the presentation that happened in the past.
 
-This structure helps avoid double negatives. James’s answer, `Nothing at first`, reflects an affirmative sentence emphasizing that he couldn't find anything when he began his search.
+This structure helps avoid double negatives. James's answer, `Nothing at first`, reflects an affirmative sentence emphasizing that he couldn't find anything when he began his search.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
index a332b51e48..af24cbccb4 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
@@ -19,7 +19,7 @@ What did James discover when reviewing the error logs?
 
 ## --answers--
 
-He didn’t discover anything.
+He didn't discover anything.
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ James mentions finding `something odd`. `Odd` is different from `common`.
 
 ---
 
-He didn’t look for anything.
+He didn't look for anything.
 
 ### --feedback--
 
@@ -59,11 +59,11 @@ James was actively investigating and found something during his review.
 
 In contrast, `anything` is used in negative sentences or questions. For example:
 
-- Negative: `He didn’t find anything in the logs.` - The logs did not help him understand the problem.
+- Negative: `He didn't find anything in the logs.` - The logs did not help him understand the problem.
 
 - Question: `Did she notice anything during the meeting?` - You are asking if she was able to see something during the meeting.
 
-In negative sentences with `did not` or `didn’t`, the main verb remains in its base form (`find`, `notice` etc.), and `anything` is used instead of `something`.
+In negative sentences with `did not` or `didn't`, the main verb remains in its base form (`find`, `notice` etc.), and `anything` is used instead of `something`.
 
 Here, James says, `That's when I noticed something odd`, meaning he found something during his review process.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
index ca32ec9c03..a2124d76af 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
@@ -23,7 +23,7 @@ She wants to know where it was.
 
 ### --feedback--
 
-Lisa’s question is not about the location of the problem, but about what James noticed.
+Lisa's question is not about the location of the problem, but about what James noticed.
 
 ---
 
@@ -35,7 +35,7 @@ She wants to know when it happened.
 
 ### --feedback--
 
-Lisa’s question is not about time. It’s about identifying the odd thing.
+Lisa's question is not about time. It's about identifying the odd thing.
 
 ---
 
@@ -43,7 +43,7 @@ She wants to know why it was odd.
 
 ### --feedback--
 
-Lisa’s question focuses on what the odd thing was, not about why James thought it was odd.
+Lisa's question focuses on what the odd thing was, not about why James thought it was odd.
 
 ## --video-solution--
 
@@ -55,7 +55,7 @@ The verb `to be` in the `Simple Past` is used to describe or ask about states or
 
 - Affirmative: `The meeting was productive.` - You had a good opinion about the meeting
 
-- Negative: `The meeting wasn’t productive.` - Your opinion about the meeting was that it was a waste of time.
+- Negative: `The meeting wasn't productive.` - Your opinion about the meeting was that it was a waste of time.
 
 In questions, the verb `to be` and the subject are inverted. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
index 0acc7b8b61..771ccd9100 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
@@ -23,7 +23,7 @@ The system was connecting to many databases at the same time.
 
 ### --feedback--
 
-James states that the system wasn’t connecting properly to the database. There is no mention of more than one database in the sentence.
+James states that the system wasn't connecting properly to the database. There is no mention of more than one database in the sentence.
 
 ---
 
@@ -31,11 +31,11 @@ The system was turned off.
 
 ### --feedback--
 
-James didn’t mention that the system was off. The issue was with its connection to the database.
+James didn't mention that the system was off. The issue was with its connection to the database.
 
 ---
 
-The system wasn’t connecting to the database properly.
+The system wasn't connecting to the database properly.
 
 ---
 
@@ -43,7 +43,7 @@ There were no errors in the system.
 
 ### --feedback--
 
-James found an error: the system wasn’t connecting to the database.
+James found an error: the system wasn't connecting to the database.
 
 ## --video-solution--
 
@@ -51,13 +51,13 @@ James found an error: the system wasn’t connecting to the database.
 
 # --explanation--
 
-The negative form of the verb `to be` in the `Simple Past` tense is `was not` or `wasn’t` for singular subjects, and `were not` or `weren’t` for plural subjects. It is used to describe something that did not happen or was not true. For example:
+The negative form of the verb `to be` in the `Simple Past` tense is `was not` or `wasn't` for singular subjects, and `were not` or `weren't` for plural subjects. It is used to describe something that did not happen or was not true. For example:
 
-- Singular: `The code wasn’t running as expected.` - An issue was happening with the code.
+- Singular: `The code wasn't running as expected.` - An issue was happening with the code.
 
-- Plural: `The changes weren’t implemented correctly.` - Errors in the implementation caused the bugs.
+- Plural: `The changes weren't implemented correctly.` - Errors in the implementation caused the bugs.
 
-In James's sentence, he uses `wasn’t` to explain that the system was failing to connect to the database. Negative sentences with `wasn’t` or `weren’t` indicate what did not occur or work as you might expect.
+In James's sentence, he uses `wasn't` to explain that the system was failing to connect to the database. Negative sentences with `wasn't` or `weren't` indicate what did not occur or work as you might expect.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
index 8af60c34cd..d3012ef7e2 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
@@ -29,11 +29,11 @@ This word means in the correct or appropriate way.
 
 `Properly` is the adverb form of the adjective `proper`. Both words can express doing something in the correct or suitable manner, but their usage differs depending on the sentence structure. For example:
 
-- `The application didn’t function properly after the update.` - This means the updates brought errors to the code. The adverb `properly` modifies the verb `function`.
+- `The application didn't function properly after the update.` - This means the updates brought errors to the code. The adverb `properly` modifies the verb `function`.
 
 - `This wasn't a proper configuration of the database.` - The adjective `proper` describes the noun `configuration`.
 
-Here, James uses `properly` to describe that the system wasn’t connecting to the database in the correct way.
+Here, James uses `properly` to describe that the system wasn't connecting to the database in the correct way.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
index 0aee1cabd1..30101291fb 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
@@ -35,7 +35,7 @@ She is asking if James fixed the database.
 
 ### --feedback--
 
-Lisa’s question specifically refers to the credentials, not to the database as a whole.
+Lisa's question specifically refers to the credentials, not to the database as a whole.
 
 ---
 
@@ -43,7 +43,7 @@ She is asking if there are more issues.
 
 ### --feedback--
 
-Lisa’s question focuses on whether James fixed the credentials.
+Lisa's question focuses on whether James fixed the credentials.
 
 ## --video-solution--
 
@@ -57,13 +57,13 @@ Lisa’s question focuses on whether James fixed the credentials.
 
 - `The main issue was a missing file.` - The problem was caused by a file not being where it should be.
 
-`Them` is a pronoun used to replace plural nouns already mentioned. In Lisa’s question, `them` refers to the `credentials`. For example:
+`Them` is a pronoun used to replace plural nouns already mentioned. In Lisa's question, `them` refers to the `credentials`. For example:
 
 - `The files were corrupted. Did you fix them?` - `them` refers to the files.
 
 - `The permissions were incorrect. I updated them this morning.` - `them` refers to the permissions.
 
-Lisa’s question asks if James fixed the credentials.
+Lisa's question asks if James fixed the credentials.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
index ec20a0fb26..3c649d9faf 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
@@ -23,7 +23,7 @@ Restarting the app.
 
 ### --feedback--
 
-James doesn’t mention restarting the app as the solution. He says updating the credentials was necessary.
+James doesn't mention restarting the app as the solution. He says updating the credentials was necessary.
 
 ---
 
@@ -57,7 +57,7 @@ James says updating the credentials solved the issue, not reinstalling the app.
 
 - `Her solution to the problem was successful and saved a lot of time.` - meaning she found a good solution to the problem.
 
-In James’s case, updating the credentials to make a successful connection to the database was necessary for the app to start working again.
+In James's case, updating the credentials to make a successful connection to the database was necessary for the app to start working again.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
index 4d80c4e71f..5b08edcaf8 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
@@ -15,7 +15,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What can you conclude based on Lisa’s comment?
+What can you conclude based on Lisa's comment?
 
 ## --answers--
 
@@ -23,7 +23,7 @@ She is telling James the app is broken.
 
 ### --feedback--
 
-Lisa’s comment intends to praise James for fixing the app, not to criticize him.
+Lisa's comment intends to praise James for fixing the app, not to criticize him.
 
 ---
 
@@ -35,7 +35,7 @@ She is asking James to work faster.
 
 ### --feedback--
 
-Lisa’s comment is about appreciating James's work, not asking for speed.
+Lisa's comment is about appreciating James's work, not asking for speed.
 
 ---
 
@@ -43,7 +43,7 @@ She is unsure if the app is working.
 
 ### --feedback--
 
-Lisa’s comment shows that she is confident in James's success and appreciates his work.
+Lisa's comment shows that she is confident in James's success and appreciates his work.
 
 ## --video-solution--
 
@@ -55,7 +55,7 @@ The phrase `Great job` is used to praise or compliment someone for their effort
 
 `You fixed the bug in record time. Great job!` - meaning you think it is great that the other person fixed the bug so fast.
 
-Lisa’s use of `Great job` in the dialogue reflects her recognition of James's effort in solving the problem and getting the app working again.
+Lisa's use of `Great job` in the dialogue reflects her recognition of James's effort in solving the problem and getting the app working again.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
index 14ea803899..42892a829e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
@@ -21,7 +21,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -45,7 +45,7 @@ This subject is relevant but a bit too vague about the exact problem James fixed
 
 ### --feedback--
 
-This subject is misleading because the security patch wasn’t the problem, it was the credentials not being updated after the patch.
+This subject is misleading because the security patch wasn't the problem, it was the credentials not being updated after the patch.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
index 4018419925..6c62c01113 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
index bbdddbd4d9..eca1d02afd 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -39,7 +39,7 @@ This is incorrect because the issue wasn't related to the logs.
 
 ---
 
-The system wasn’t connecting to the database properly.
+The system wasn't connecting to the database properly.
 
 ---
 
@@ -47,7 +47,7 @@ The code changes introduced a new error.
 
 ### --feedback--
 
-The bug wasn’t directly caused by the code changes.
+The bug wasn't directly caused by the code changes.
 
 ---
 
@@ -63,4 +63,4 @@ James doesn't mention this.
 
 # --explanation--
 
-To find out the main cause of the bug, look for the part of the text that talks about the system’s connection. Focus on the sentence that starts with `Then, I...`.
+To find out the main cause of the bug, look for the part of the text that talks about the system's connection. Focus on the sentence that starts with `Then, I...`.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
index 1e93d45da2..9fb48db944 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
index e32df37188..201b595e5b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -35,7 +35,7 @@ Before the bug was found.
 
 ### --feedback--
 
-The credentials weren’t updated before the bug was found, which was actually the cause of the issue.
+The credentials weren't updated before the bug was found, which was actually the cause of the issue.
 
 ---
 
@@ -47,7 +47,7 @@ When the error logs were cleared.
 
 ### --feedback--
 
-The error logs revealed the issue, but the credentials weren’t updated when the logs were cleared.
+The error logs revealed the issue, but the credentials weren't updated when the logs were cleared.
 
 ---
 
@@ -55,7 +55,7 @@ During the last system backup.
 
 ### --feedback--
 
-No mention of a system backup was made, so this doesn’t apply to the situation.
+No mention of a system backup was made, so this doesn't apply to the situation.
 
 ## --video-solution--
 
@@ -63,4 +63,4 @@ No mention of a system backup was made, so this doesn’t apply to the situation
 
 # --explanation--
 
-To find out when the credentials were updated, check the part where James explains why the app wasn’t working. Focus on the sentence starting with, `We hadn’t updated...`. 
+To find out when the credentials were updated, check the part where James explains why the app wasn't working. Focus on the sentence starting with, `We hadn't updated...`. 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
index 53472ba3af..cdff5a1471 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -39,7 +39,7 @@ The bug was fixed after updating the credentials, so the app no longer has issue
 
 ---
 
-Yes, it’s running smoothly.
+Yes, it's running smoothly.
 
 ---
 
@@ -47,7 +47,7 @@ No, the database is still down.
 
 ### --feedback--
 
-The database connection issue was resolved, so it’s not down anymore.
+The database connection issue was resolved, so it's not down anymore.
 
 ---
 
@@ -63,4 +63,4 @@ The app is fully operational, not partially working.
 
 # --explanation--
 
-To figure out if the app is working now, look at the last part of James’ explanation where he says, `I fixed...`.
+To figure out if the app is working now, look at the last part of James' explanation where he says, `I fixed...`.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
index 0b7af0e327..24008becf5 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
@@ -19,7 +19,7 @@ What does Linda mean by `postmortem`?
 
 ## --answers--
 
-She means a review of the design project after its completion to analyze what went well and what didn’t.
+She means a review of the design project after its completion to analyze what went well and what didn't.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
index 7cdf26cb6b..017e62394f 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
@@ -39,7 +39,7 @@ The `Past Continuous` tense is used to describe actions or thoughts that were in
 
 This tense is often used to describe background actions or ongoing processes in the past. The structure is **`was`/`were` + verb ending in `-ing`**.
 
-In this sentence, `I was thinking` shows that Linda’s thought about doing a postmortem was in progress at a specific time. Another example:
+In this sentence, `I was thinking` shows that Linda's thought about doing a postmortem was in progress at a specific time. Another example:
 
 `He was reviewing the report when the meeting started.` - Meaning that the action of reviewing the report was in progress and another situation interrupted it.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
index 38b8c8db4b..6834c3899c 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
@@ -43,7 +43,7 @@ He was fixing a bug in the project.
 
 ### --feedback--
 
-Jake’s focus was on reviewing the security protocols, not fixing a bug.
+Jake's focus was on reviewing the security protocols, not fixing a bug.
 
 ## --video-solution--
 
@@ -53,7 +53,7 @@ Jake’s focus was on reviewing the security protocols, not fixing a bug.
 
 The `Past Continuous` tense often emphasizes the duration or background of an action in the past. It is used to describe an action that was ongoing at a specific time in the past. The structure is: **`was`/`were` + verb ending in `-ing`**.
 
-In Jake’s sentence, `I was reviewing` shows that the action of reviewing was in progress yesterday. Another example:
+In Jake's sentence, `I was reviewing` shows that the action of reviewing was in progress yesterday. Another example:
 
 `She was testing the new feature when the system crashed.` - Here, the crashing of the system happened in the middle of her action of testing the new feature - the test was a longer ongoing action.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
index dccac5d2fd..d5af040376 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
@@ -35,7 +35,7 @@ He is asking if Linda is busy.
 
 ### --feedback--
 
-Jake’s question is about her thoughts, not her availability.
+Jake's question is about her thoughts, not her availability.
 
 ---
 
@@ -53,7 +53,7 @@ While the question could refer to concerns, it is more general, asking about wha
 
 `What's on your mind?` is used to ask someone what they are thinking about or if they have any concerns or thoughts they want to share.
 
-It’s often used in both personal and professional settings to encourage open communication. It is a conversational way to invite someone to express their thoughts. For example:
+It's often used in both personal and professional settings to encourage open communication. It is a conversational way to invite someone to express their thoughts. For example:
 
 `You seem quiet today. What's on your mind?` - You are asking the other person what they are thinking about.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
index 86c5808c97..83de71ed0c 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
@@ -23,7 +23,7 @@ He is asking if the team always considered security implications.
 
 ### --feedback--
 
-Jake’s question suggests there might have been a time when security was overlooked.
+Jake's question suggests there might have been a time when security was overlooked.
 
 ---
 
@@ -31,7 +31,7 @@ He is asking if security was never important.
 
 ### --feedback--
 
-Jake’s question focuses on whether there was a specific time when security wasn’t considered, not on its overall importance.
+Jake's question focuses on whether there was a specific time when security wasn't considered, not on its overall importance.
 
 ---
 
@@ -55,7 +55,7 @@ He is asking if there was a time when security concerns were not taken into acco
 
 `Before launching the new feature, the team discussed the implications for user privacy.` - Meaning they discussed the possible consequences to user privacy that this new feature could bring.
 
-In Jake’s question, he is referring to the potential negative outcomes of not considering security during past updates.
+In Jake's question, he is referring to the potential negative outcomes of not considering security during past updates.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
index 202720acdd..c48c4f5ffa 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
@@ -23,7 +23,7 @@ She is asking if security updates are currently being checked.
 
 ### --feedback--
 
-Linda’s question is about a past habit, not about the current practice.
+Linda's question is about a past habit, not about the current practice.
 
 ---
 
@@ -35,7 +35,7 @@ She is asking if security vulnerabilities are easy to fix.
 
 ### --feedback--
 
-Linda’s question is about whether they used to check for vulnerabilities, not their ease of fixing.
+Linda's question is about whether they used to check for vulnerabilities, not their ease of fixing.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
index baa7cf0a59..206292eda3 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
@@ -39,7 +39,7 @@ The phrase `in real time` refers to something happening immediately as events oc
 
 `The system updates the dashboard in real time, so you can see changes instantly.` - Meaning the dashboard changes immediately after the updates after the updates are applied.
 
-In Jake's sentence, he means that while he checked for security vulnerabilities, it wasn’t always done immediately as the updates happened.
+In Jake's sentence, he means that while he checked for security vulnerabilities, it wasn't always done immediately as the updates happened.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
index d94db1c529..10f827b127 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
@@ -19,7 +19,7 @@ What did Jake think about checking the updates a day later?
 
 ## --answers--
 
-He thought it wasn’t ideal.
+He thought it wasn't ideal.
 
 ---
 
@@ -31,11 +31,11 @@ Jake explicitly says it wasn't ideal.
 
 ---
 
-He didn’t think it was a problem.
+He didn't think it was a problem.
 
 ### --feedback--
 
-Jake’s comment shows that he recognized it wasn’t an ideal approach.
+Jake's comment shows that he recognized it wasn't an ideal approach.
 
 ---
 
@@ -43,7 +43,7 @@ He thought it was impossible.
 
 ### --feedback--
 
-Jake mentions that he did check them a day later, but it wasn’t ideal.
+Jake mentions that he did check them a day later, but it wasn't ideal.
 
 ## --video-solution--
 
@@ -51,11 +51,11 @@ Jake mentions that he did check them a day later, but it wasn’t ideal.
 
 # --explanation--
 
-`Which` is a relative pronoun used to provide additional information about something mentioned earlier in the sentence. In this case, `which` refers to the entire idea of checking the updates a day later and clarifies that it wasn’t ideal. For example:
+`Which` is a relative pronoun used to provide additional information about something mentioned earlier in the sentence. In this case, `which` refers to the entire idea of checking the updates a day later and clarifies that it wasn't ideal. For example:
 
 `She missed the deadline, which caused a delay in the project.` - Here, `which` refers to `missing the deadline` and explains the resulting delay.
 
-Similarly, Jake uses `which` to express that checking updates a day later wasn’t the best practice.
+Similarly, Jake uses `which` to express that checking updates a day later wasn't the best practice.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
index b6b704ab25..aa3b704542 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
@@ -43,7 +43,7 @@ A `security issue` refers to a problem or vulnerability that could compromise th
 
 `The team addressed a security issue that allowed unauthorized access.` - meaning the team had to deal with a problem in security that was giving access to people without the proper authorization.
 
-In this context, Linda is asking about Jake’s work on a specific problem related to security because she vividly remembers that was what was happening at the time.
+In this context, Linda is asking about Jake's work on a specific problem related to security because she vividly remembers that was what was happening at the time.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
index 84272d0f90..e3aa46bac9 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
@@ -53,7 +53,7 @@ This is the main verb in the `Past Continuous`. It means to remain ready or expe
 
 The verb `address` in this context means to deal with or resolve an issue or problem. Jake was focusing on resolving the matter while the team waited for his approval. For example:
 
-`The manager addressed the client’s concerns during the meeting.` - Here, `addressed` refers to taking action to deal with the client’s concerns.
+`The manager addressed the client's concerns during the meeting.` - Here, `addressed` refers to taking action to deal with the client's concerns.
 
 In the sentence, Jake uses the `Past Continuous` (`was addressing`) to describe the ongoing action of resolving the issue while another ongoing action (`the team was waiting`) happened simultaneously.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
index 152e0ac889..eb1a5ee7c8 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
@@ -31,7 +31,7 @@ They were waiting for new instructions.
 
 ### --feedback--
 
-Jake’s sentence focuses on the team waiting for his approval, not new instructions.
+Jake's sentence focuses on the team waiting for his approval, not new instructions.
 
 ---
 
@@ -39,7 +39,7 @@ They were waiting for the system to restart.
 
 ### --feedback--
 
-Jake doesn’t mention the system restarting. The team was waiting for his permission.
+Jake doesn't mention the system restarting. The team was waiting for his permission.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
index 4db8b1446c..e1147fd638 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
@@ -29,9 +29,9 @@ This word is used to emphasize the degree or extent of something.
 
 `Quite` is used in this context to emphasize the significant degree or extent of the learning curve. It adds intensity, suggesting that the learning experience was challenging or noteworthy. For example:
 
-`The project was quite a success, exceeding all expectations.` - Here, `quite` highlights the extent of the project’s success.
+`The project was quite a success, exceeding all expectations.` - Here, `quite` highlights the extent of the project's success.
 
-In Linda’s sentence, it emphasizes that the learning curve was substantial for the team.
+In Linda's sentence, it emphasizes that the learning curve was substantial for the team.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
index df74698389..0fd27a8fee 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
@@ -31,7 +31,7 @@ She thought it was unnecessary to work on security aspects.
 
 ### --feedback--
 
-Linda’s comment suggests that working on security aspects was a valuable learning experience, not unnecessary.
+Linda's comment suggests that working on security aspects was a valuable learning experience, not unnecessary.
 
 ---
 
@@ -43,7 +43,7 @@ She thought it was unrelated to the project.
 
 ### --feedback--
 
-Linda’s comment directly relates to the team’s work on security aspects, describing it as a significant learning experience.
+Linda's comment directly relates to the team's work on security aspects, describing it as a significant learning experience.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
index e8d991e116..9f42eb53c5 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
@@ -41,9 +41,9 @@ This structure emphasizes that an action was not habitual or common in the past.
 
 **Important:** The auxiliary verb `didn't` makes the sentence negative. The verb `use` stays in its base form because the past tense is already conveyed by `didn't`. For example:
 
-`We didn’t use to have weekly meetings, but now we do.` - This means weekly meetings were not common back then.
+`We didn't use to have weekly meetings, but now we do.` - This means weekly meetings were not common back then.
 
-In Linda’s sentence, she is saying that integrating security and design was not a regular practice in the past.
+In Linda's sentence, she is saying that integrating security and design was not a regular practice in the past.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
index fd4a137298..54d37c3598 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
@@ -37,7 +37,7 @@ When you use `nonsense` to reply to a comment, it is because you do not believe
 
 # --explanation--
 
-`Agreed` is a concise way to express strong agreement with someone’s statement. It is the opposite of the expression `Nonsense.`
+`Agreed` is a concise way to express strong agreement with someone's statement. It is the opposite of the expression `Nonsense.`
 
 `Agreed` is often used in professional or conversational contexts to show alignment with what has been said. For Example:
 
@@ -45,7 +45,7 @@ Person 1: `We should prioritize user feedback in our next update.`
 
 Person 2: `Agreed.` - This answer implies you strongly agree with prioritizing used feedback on the next update.
 
-In this context, Jake could use `Agreed` to acknowledge that he fully supports Linda’s statement about the lack of integration between security and design in the past.
+In this context, Jake could use `Agreed` to acknowledge that he fully supports Linda's statement about the lack of integration between security and design in the past.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
index b244dc28a7..6fe4927f8b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
@@ -31,11 +31,11 @@ They should happen after the design updates are complete.
 
 ### --feedback--
 
-Jake’s statement indicates the checks should happen during, not after, the updates.
+Jake's statement indicates the checks should happen during, not after, the updates.
 
 ---
 
-They don’t need to happen at all.
+They don't need to happen at all.
 
 ### --feedback--
 
@@ -55,7 +55,7 @@ The `Present Continuous` tense is used here to describe two ongoing actions happ
 
 `The team is testing the new feature while the developers are fixing bugs.` - This means the tests and the process of bug fixing are happening at the same time.
 
-This tense is often used to indicate that two events are occurring at the same time, creating a sense of coordination or overlap in actions. In Jake’s statement, he stresses the importance of ensuring that both actions occur simultaneously.
+This tense is often used to indicate that two events are occurring at the same time, creating a sense of coordination or overlap in actions. In Jake's statement, he stresses the importance of ensuring that both actions occur simultaneously.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
index 7d159de594..9158491d15 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
@@ -15,7 +15,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What, in Jake’s opinion, can't they afford to do anymore?
+What, in Jake's opinion, can't they afford to do anymore?
 
 ## --answers--
 
@@ -23,7 +23,7 @@ They can't afford to prioritize this aspect.
 
 ### --feedback--
 
-Jake’s concern is about not ignoring the aspect, not about prioritizing it.
+Jake's concern is about not ignoring the aspect, not about prioritizing it.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
index 483cafbe29..b449610707 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
@@ -39,7 +39,7 @@ The structure `what` + an indefinite article is used to emphasize strong feeling
 
 `What a beautiful day it is!` - Here, the structure highlights the speaker's admiration for the day.
 
-Similarly, in Maria’s sentence, `What a surprise` emphasizes her astonishment at seeing Brian at PyCon.
+Similarly, in Maria's sentence, `What a surprise` emphasizes her astonishment at seeing Brian at PyCon.
 
 `PyCon` is a well-known conference for Python programming enthusiasts, developers, and professionals. It provides a platform for learning, networking, and sharing Python-related knowledge.  For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
index 3a2024cd5e..f9e82f1d83 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
@@ -29,7 +29,7 @@ How could Maria succinctly tell Brian she attended some sessions at PyCon as wel
 
 ### --feedback--
 
-`Why not?` doesn’t indicate agreement or a shared experience.
+`Why not?` doesn't indicate agreement or a shared experience.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
index a285733643..204772e6e1 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
@@ -43,7 +43,7 @@ She is asking if he remembers the latest tech updates.
 
 ### --feedback--
 
-Maria’s focus is on their shared feelings about new technology in the past, not current updates.
+Maria's focus is on their shared feelings about new technology in the past, not current updates.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
index 667f4341c7..581e026f56 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
@@ -59,7 +59,7 @@ However, `would` focuses more on the action itself, while `used to` can describe
 
 `She used to live in New York before moving here.` - here `used to` is used because living in a place expresses a state of things not an action or something you would habitually do.
 
-In this sentence, Maria uses `would` to describe Brian’s repeated habit of staying late to fine-tune the code, which emphasizes his dedication.
+In this sentence, Maria uses `would` to describe Brian's repeated habit of staying late to fine-tune the code, which emphasizes his dedication.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
index ce1522783e..5a12c90413 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
@@ -19,11 +19,11 @@ Why could Maria not attend the cybersecurity workshop in the morning?
 
 ## --answers--
 
-Because she wasn’t interested in the topic.
+Because she wasn't interested in the topic.
 
 ### --feedback--
 
-Maria doesn’t mention a lack of interest; she was in another workshop.
+Maria doesn't mention a lack of interest; she was in another workshop.
 
 ---
 
@@ -59,7 +59,7 @@ A `design sprint` is a time-boxed, collaborative process where a team works on s
 
 `The team completed a design sprint to test the new user interface concept.` This means the team participated in this collaborative process to test the concept.
 
-In this context, Maria couldn’t attend the cybersecurity workshop because she was actively participating in a design sprint workshop.
+In this context, Maria couldn't attend the cybersecurity workshop because she was actively participating in a design sprint workshop.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
index 75681f79ba..46c87a9f37 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
@@ -29,7 +29,7 @@ This phrase is used to indicate a small amount or degree.
 
 `A bit` is used to indicate a small amount or degree of something. For Example:
 
-`I was a bit tired after the long day.` - Here, `a bit` emphasizes that the speaker was slightly tired, but it wasn’t extreme.
+`I was a bit tired after the long day.` - Here, `a bit` emphasizes that the speaker was slightly tired, but it wasn't extreme.
 
 This phrase is commonly used in informal contexts to soften statements or describe minor degrees of feelings or situations. In this dialog, James is admitting that the situation was slightly stressful but not overwhelming.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
index 9f42225bc5..830a85712b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
@@ -44,7 +44,7 @@ Person 1: `Do you think we should move forward with this plan?`
 
 Person 2: `Absolutely!` -  Here, `Absolutely` shows that the speaker is fully in favor of the plan and has no doubts.
 
-In this dialog, Lisa is strongly agreeing with James’s point about their job being interesting because of the challenges they solve.
+In this dialog, Lisa is strongly agreeing with James's point about their job being interesting because of the challenges they solve.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
index 7538c58e08..5ecbaf5e72 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
@@ -23,7 +23,7 @@ She wants to know why James was debugging.
 
 ### --feedback--
 
-Lisa’s question isn’t about the reason for debugging; it’s about whether other issues came up during that time.
+Lisa's question isn't about the reason for debugging; it's about whether other issues came up during that time.
 
 ---
 
@@ -31,7 +31,7 @@ She wants to know when James started debugging.
 
 ### --feedback--
 
-Lisa’s question focuses on what else happened during debugging, not the timing.
+Lisa's question focuses on what else happened during debugging, not the timing.
 
 ---
 
@@ -43,7 +43,7 @@ She wants to know if debugging is finished.
 
 ### --feedback--
 
-Lisa’s question is about what happened during debugging, not whether it is finished.
+Lisa's question is about what happened during debugging, not whether it is finished.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
index afdfe1de04..4eedb646ec 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
@@ -43,7 +43,7 @@ This word refers to identifying and fixing errors or issues in code. Use the `-i
 
 `The team spent hours debugging the software before the release.` - Meaning they spent a long time identifying and solving these errors.
 
-Lisa’s question asks if any other unexpected issues could be seen during the process of fixing code errors.
+Lisa's question asks if any other unexpected issues could be seen during the process of fixing code errors.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
index 21cca0d838..ded0a6c923 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
@@ -37,7 +37,7 @@ In affirmative sentences, use `something` to indicate the existence of a thing.
 
 In negative sentences, use `anything` to indicate that no thing occurred or existed. For example:
 
-`I didn’t see anything unusual in the report.` - meaning there were no surprises in the report.
+`I didn't see anything unusual in the report.` - meaning there were no surprises in the report.
 
 
 # --scene--
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
index dfd6298514..06f85c5338 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
@@ -19,7 +19,7 @@ What did Brian think about the cybersecurity workshop?
 
 ## --answers--
 
-He thought it didn’t provide useful information.
+He thought it didn't provide useful information.
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ Brian explicitly connects the workshop to how they handled security in earlier p
 
 ---
 
-He thought it wasn’t worth attending.
+He thought it wasn't worth attending.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
index 15c1ba625a..e00d5c279b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
@@ -23,7 +23,7 @@ If the screen reader updates are completely finished.
 
 ### --feedback--
 
-Tom’s question is about an ongoing process, not whether the updates are fully completed.
+Tom's question is about an ongoing process, not whether the updates are fully completed.
 
 ---
 
@@ -31,7 +31,7 @@ If the screen reader updates have not started yet.
 
 ### --feedback--
 
-Tom’s question suggests that the updates have already started, not that they haven’t begun.
+Tom's question suggests that the updates have already started, not that they haven't begun.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
index 3569fd6722..18d3578908 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-6
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
index 5945848ef3..23fb1d4747 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-7
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I started a few months ago. BLANK been BLANK the BLANK from our last user BLANK. How’s the design side coming along?`
+`Yes, I started a few months ago. BLANK been BLANK the BLANK from our last user BLANK. How's the design side coming along?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
index e2089ae1fd..6d32c229cd 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-8
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
index 1ce1230835..265905054b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-9
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the BLANK side BLANK?`
+`Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the BLANK side BLANK?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
index fadad1430c..1810c7563c 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-10
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 <!-- SPEAKING --> 
 
@@ -17,7 +17,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What’s the best answer to Sophie's question about the design side?
+What's the best answer to Sophie's question about the design side?
 
 ## --answers--
 
@@ -37,7 +37,7 @@ This response is unrelated to the design side and does not answer Sophie's quest
 
 # --explanation--
 
-Sophie's question `How’s the design side coming along?` asks about the progress of the design work. The best answer should provide a relevant update.
+Sophie's question `How's the design side coming along?` asks about the progress of the design work. The best answer should provide a relevant update.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
index c0067aa9a8..0c2d06bfe5 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
@@ -45,7 +45,7 @@ These are the rules or instructions that provide direction for how something sho
 
 To `tweak` means to make a slight adjustment or modification. For example:
 
-`The developer tweaked the code to improve the app’s performance.` - This means that the developer made small changes to the code to enhance how the app functions.
+`The developer tweaked the code to improve the app's performance.` - This means that the developer made small changes to the code to enhance how the app functions.
 
 `Layouts` are the arrangement or structure of elements on a page or interface. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
index 7044f32296..06f1d20511 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-13
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements? -->
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`That’s good to hear. Do you think the users BLANK BLANK the BLANK?`
+`That's good to hear. Do you think the users BLANK BLANK the BLANK?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
index d2bdf1a766..70d243060e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-15
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements? -->
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements? -->
 
 # --instructions--
 
@@ -23,7 +23,7 @@ If the users are happy with the design updates.
 
 ### --feedback--
 
-Sophie’s focus is on whether users have observed the improvements, not if they are happy with the design.
+Sophie's focus is on whether users have observed the improvements, not if they are happy with the design.
 
 ---
 
@@ -51,7 +51,7 @@ Sophie is interested in whether users have observed the improvements, not about
 
 # --explanation--
 
-Sophie’s question shows her curiosity about whether users are aware of the positive changes made to the product.
+Sophie's question shows her curiosity about whether users are aware of the positive changes made to the product.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
index c0ea97751c..8dd9370f36 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-16
 ---
 
-<!-- (audio) Tom: I think so. We haven’t been receiving as many negative comments. -->
+<!-- (audio) Tom: I think so. We haven't been receiving as many negative comments. -->
 
 # --instructions--
 
@@ -47,7 +47,7 @@ These are opinions or feedback shared by users, in the plural form.
 
 `Negative` refers to something unfavorable or critical. For example:
 
-`The user left a negative review about the app’s performance.` - Here, `negative` describes the unfavorable nature of the review.
+`The user left a negative review about the app's performance.` - Here, `negative` describes the unfavorable nature of the review.
 
 `Comment` is an opinion or piece of feedback provided by someone. Its plural form is `comments`. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
index 79715619a6..82f5580840 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
@@ -5,9 +5,9 @@ challengeType: 19
 dashedName: task-17
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements?
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements?
 
-Tom: I think so. We haven’t been receiving as many negative comments. -->
+Tom: I think so. We haven't been receiving as many negative comments. -->
 
 # --instructions--
 
@@ -17,7 +17,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-How does Tom respond to Sophie’s question about user feedback?
+How does Tom respond to Sophie's question about user feedback?
 
 ## --answers--
 
@@ -25,11 +25,11 @@ He says the users have noticed more negative comments.
 
 ### --feedback--
 
-Tom actually mentions that they haven’t been receiving as many negative comments.
+Tom actually mentions that they haven't been receiving as many negative comments.
 
 ---
 
-He says they haven’t been receiving as many negative comments.
+He says they haven't been receiving as many negative comments.
 
 ---
 
@@ -41,7 +41,7 @@ Tom does not specifically mention positive comments, only that the negative ones
 
 ---
 
-He says he’s waiting for more feedback.
+He says he's waiting for more feedback.
 
 ### --feedback--
 
@@ -53,7 +53,7 @@ Tom is talking about the current trend of fewer negative comments, not waiting f
 
 # --explanation--
 
-Tom's response, `We haven’t been receiving as many negative comments`, uses the `Present Perfect Continuous` in the negative form. This tense is formed by `haven’t/hasn’t + been + verb(-ing)` and is used to describe actions that have not been happening over a period of time. In this case, it shows that fewer negative comments have been received over time, indicating a possible improvement.
+Tom's response, `We haven't been receiving as many negative comments`, uses the `Present Perfect Continuous` in the negative form. This tense is formed by `haven't/hasn't + been + verb(-ing)` and is used to describe actions that have not been happening over a period of time. In this case, it shows that fewer negative comments have been received over time, indicating a possible improvement.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
index 9c830e0fb1..e9f3b3334e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-18
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -41,7 +41,7 @@ This refers to changes made to improve or adapt something. It's plural form.
 
 `Adjustments` means small changes made to improve or adapt something. For example,
 
-`We made adjustments to the app’s layout for better user experience.` - `Adjustments` refers to the changes made to improve how users interact with the app.
+`We made adjustments to the app's layout for better user experience.` - `Adjustments` refers to the changes made to improve how users interact with the app.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
index de3b5acf88..b89232b499 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-19
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Sophie does not express frustration. She mentions feeling relieved instead.
 
 # --explanation--
 
-Sophie’s use of `That’s a relief` indicates that she feels better or more comfortable about the progress being made, rather than feeling worried, confused, or frustrated.
+Sophie's use of `That's a relief` indicates that she feels better or more comfortable about the progress being made, rather than feeling worried, confused, or frustrated.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
index f58008dac2..37fd99a4a2 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-20
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Sophie is not asking about the effectiveness of the adjustments.
 
 # --explanation--
 
-Sophie’s question shows that she is trying to understand the time required to continue making changes, focusing on the duration rather than the reasons or results.
+Sophie's question shows that she is trying to understand the time required to continue making changes, focusing on the duration rather than the reasons or results.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
index 69f47f8b11..dd24f2e8df 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-21
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
index 81b269862a..c97d340ce0 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-22
 ---
 
-<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes. -->
+<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Probably a few more weeks. We've been making steady BLANK, and I believe we’re close to BLANK the major changes.`
+`Probably a few more weeks. We've been making steady BLANK, and I believe we're close to BLANK the major changes.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
index 325b688496..307efe14aa 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-23
 ---
 
-<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes. -->
+<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes. -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Tom estimates that they will need only a few more weeks, not several months.
 
 # --explanation--
 
-Tom’s statement indicates that the team has been working consistently and expects to complete the changes in a few more weeks.
+Tom's statement indicates that the team has been working consistently and expects to complete the changes in a few more weeks.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
index 7e6517f365..dae8e6a5b1 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-24
 ---
 
-<!-- (audio) Sophie: That’s good news! It feels great to make our app more accessible. -->
+<!-- (audio) Sophie: That's good news! It feels great to make our app more accessible. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`That’s good news! It feels great to make our app more BLANK.`
+`That's good news! It feels great to make our app more BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
index ce5bea3758..efbd0d94eb 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-25
 ---
 
-<!-- (audio) Sophie: That’s good news! It feels great to make our app more accessible. -->
+<!-- (audio) Sophie: That's good news! It feels great to make our app more accessible. -->
 
 # --instructions--
 
@@ -23,7 +23,7 @@ She is happy about making the app look more colorful.
 
 ### --feedback--
 
-No, `accessible` doesn’t refer to colors or design aesthetics. It means making the app easier for all users, including those with different needs, to use.
+No, `accessible` doesn't refer to colors or design aesthetics. It means making the app easier for all users, including those with different needs, to use.
 
 ---
 
@@ -31,7 +31,7 @@ She is pleased that the app is becoming easier for everyone to use, including us
 
 ---
 
-She thinks the app’s loading speed has improved significantly.
+She thinks the app's loading speed has improved significantly.
 
 ### --feedback--
 
@@ -51,7 +51,7 @@ Sophie is focused on making the app easier to use for all, which is what `access
 
 # --explanation--
 
-When Sophie says `It feels great to make our app more accessible`, she’s emphasizing the importance of making the app easier to use for all users, regardless of their abilities. Being `accessible` or `accessibility` aims to ensure that everyone, including people with disabilities, can interact with the app effectively.
+When Sophie says `It feels great to make our app more accessible`, she's emphasizing the importance of making the app easier to use for all users, regardless of their abilities. Being `accessible` or `accessibility` aims to ensure that everyone, including people with disabilities, can interact with the app effectively.
 
 
 # --scene--
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
index 26be04f9f2..efdc7a460f 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
@@ -33,7 +33,7 @@ An app introduces a new payment gateway to make transactions faster.
 
 ### --feedback--
 
-While this improves functionality, it doesn’t relate to making the app accessible to users with different needs.
+While this improves functionality, it doesn't relate to making the app accessible to users with different needs.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
index d8fb122995..fe84c41c8a 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
@@ -13,7 +13,7 @@ This is a review of the entire dialogue you just studied.
 
 # --instructions--
 
-Place the following phrases in the correct spot: `negative comments`, `been addressing`, `That’s a relief`, `more accessible`, and `keep making adjustments`.
+Place the following phrases in the correct spot: `negative comments`, `been addressing`, `That's a relief`, `more accessible`, and `keep making adjustments`.
 
 # --fillInTheBlank--
 
@@ -21,19 +21,19 @@ Place the following phrases in the correct spot: `negative comments`, `been addr
 
 `Tom: Hey Sophie, have you been working on the screen reader updates recently?`
 
-`Sophie: Yes, I started a few months ago. We've BLANK the feedback from our last user survey. How’s the design side coming along?`
+`Sophie: Yes, I started a few months ago. We've BLANK the feedback from our last user survey. How's the design side coming along?`
 
 `Tom: Pretty well, actually. I've been tweaking the layouts based on the guidelines you shared.`
 
-`Sophie: That’s good to hear. Do you think the users have noticed the improvements?`
+`Sophie: That's good to hear. Do you think the users have noticed the improvements?`
 
-`Tom: I think so. We haven’t been receiving as many BLANK.`
+`Tom: I think so. We haven't been receiving as many BLANK.`
 
-`Sophie: BLANK. How long do you think we’ll need to BLANK?`
+`Sophie: BLANK. How long do you think we'll need to BLANK?`
 
-`Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes.`
+`Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes.`
 
-`Sophie: That’s good news! It feels great to make our app BLANK.`
+`Sophie: That's good news! It feels great to make our app BLANK.`
 
 ## --blanks--
 
@@ -53,7 +53,7 @@ This phrase refers to unfavorable feedback from users.
 
 ---
 
-`That’s a relief`
+`That's a relief`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
index 6eef5b864b..3bbf0ae579 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
@@ -19,9 +19,9 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
 What changes have Tom and Sophie made to help screen readers?
 
@@ -47,7 +47,7 @@ The focus is on making the app easier to use with screen readers, not on speed.
 
 ---
 
-They changed the app’s language settings.
+They changed the app's language settings.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
index fb59495032..57aa5bd1c9 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What was Tom’s main role in improving screen reader compatibility?
+What was Tom's main role in improving screen reader compatibility?
 
 ## --answers--
 
@@ -31,11 +31,11 @@ He tested the new features to make sure they worked well.
 
 ---
 
-He designed the app’s new color scheme.
+He designed the app's new color scheme.
 
 ### --feedback--
 
-Tom’s focus was on testing the screen reader features, not designing the color scheme.
+Tom's focus was on testing the screen reader features, not designing the color scheme.
 
 ---
 
@@ -43,7 +43,7 @@ He translated the app into different languages.
 
 ### --feedback--
 
-Translating the app was not part of Tom’s role in this context.
+Translating the app was not part of Tom's role in this context.
 
 ---
 
@@ -51,7 +51,7 @@ He added more images to the app.
 
 ### --feedback--
 
-Tom’s main task was to test screen reader compatibility, not to add images.
+Tom's main task was to test screen reader compatibility, not to add images.
 
 ## --video-solution--
 
@@ -59,7 +59,7 @@ Tom’s main task was to test screen reader compatibility, not to add images.
 
 # --explanation--
 
-To find the correct answer, pay attention to the section that explains Tom’s main role in improving the app.
+To find the correct answer, pay attention to the section that explains Tom's main role in improving the app.
 
 The paragraph states that Tom `has been testing these improvements` to ensure they were effective for screen reader users, which shows his focus on checking the compatibility of these updates.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
index e599f1a1ee..4f68fe5a22 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
@@ -19,9 +19,9 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
 What specific improvement did Sophie make to help users understand spoken content better?
 
@@ -35,11 +35,11 @@ Adding colorful icons is not related to spoken content or screen reader compatib
 
 ---
 
-She worked on making the app’s speech output clearer.
+She worked on making the app's speech output clearer.
 
 ---
 
-She changed the app’s loading speed.
+She changed the app's loading speed.
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ Changing the loading speed is not related to improving spoken content.
 
 ---
 
-She redesigned the app’s interface layout.
+She redesigned the app's interface layout.
 
 ### --feedback--
 
@@ -59,8 +59,8 @@ Sophie's work specifically aimed to improve how users hear and understand the sp
 
 # --explanation--
 
-Focus on the part that describes Sophie’s efforts to enhance screen reader compatibility.
+Focus on the part that describes Sophie's efforts to enhance screen reader compatibility.
 
-The paragraph mentions that her focus is `tweaking the app’s text-to-speech function` to help users better understand spoken content from the app.
+The paragraph mentions that her focus is `tweaking the app's text-to-speech function` to help users better understand spoken content from the app.
 
-Look for an option that aligns with Sophie’s specific task of enhancing the app’s text-to-speech functionality.
+Look for an option that aligns with Sophie's specific task of enhancing the app's text-to-speech functionality.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
index 8b66d6f92b..948092b43a 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What is Sophie concerned about regarding the app’s accessibility?
+What is Sophie concerned about regarding the app's accessibility?
 
 ## --answers--
 
@@ -31,15 +31,15 @@ Whether users like the new color scheme.
 
 ### --feedback--
 
-Sophie’s concern is about making the app accessible overall, not about color preferences.
+Sophie's concern is about making the app accessible overall, not about color preferences.
 
 ---
 
-Whether the app’s speed has improved enough.
+Whether the app's speed has improved enough.
 
 ### --feedback--
 
-Sophie’s focus is on making the app more accessible, not its speed.
+Sophie's focus is on making the app more accessible, not its speed.
 
 ---
 
@@ -47,7 +47,7 @@ Whether they have enough user surveys completed.
 
 ### --feedback--
 
-Sophie’s concern is not about the number of surveys but about the app's overall accessibility.
+Sophie's concern is not about the number of surveys but about the app's overall accessibility.
 
 ---
 
@@ -59,8 +59,8 @@ Whether they have done enough to make the app accessible.
 
 # --explanation--
 
-To find the correct answer, focus on Sophie’s concern mentioned in the paragraph.
+To find the correct answer, focus on Sophie's concern mentioned in the paragraph.
 
 The paragraph states that Sophie wonders, `Have we done enough to make our app accessible?` This indicates her focus on overall accessibility improvements.
 
-Look for an option that reflects Sophie’s concern about making the app accessible for users.
+Look for an option that reflects Sophie's concern about making the app accessible for users.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
index 5cf4154e4b..06f5d01a2d 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What might be Tom and Sophie’s next step to improve accessibility?
+What might be Tom and Sophie's next step to improve accessibility?
 
 ## --answers--
 
@@ -39,7 +39,7 @@ Introducing features like adjustable colors and keyboard shortcuts.
 
 ---
 
-Increasing the app’s speed for faster navigation.
+Increasing the app's speed for faster navigation.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
index e3a7496386..9de6d7ee88 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
@@ -49,4 +49,4 @@ This sentence is in the `Present Simple` tense, not the `Present Perfect continu
 
 # --explanation--
 
-The negative form of the `Present Perfect continuous` tense tense is created with `hasn't/haven't + been + present participle`. It describes an ongoing action that started in the past and continues or remains relevant but hasn’t occurred as expected. 
+The negative form of the `Present Perfect continuous` tense tense is created with `hasn't/haven't + been + present participle`. It describes an ongoing action that started in the past and continues or remains relevant but hasn't occurred as expected. 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
index 744384c525..5559001fed 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
@@ -49,7 +49,7 @@ This is the `Present Simple` tense.
 
 # --explanation--
 
-The `Present Perfect Continuous` tense negative form is formed with `hasn't/haven't + been + present participle`, indicating an ongoing action that hasn’t occurred as expected over time. For example:
+The `Present Perfect Continuous` tense negative form is formed with `hasn't/haven't + been + present participle`, indicating an ongoing action that hasn't occurred as expected over time. For example:
 
 `He hasn't been exercising regularly.` - This means his exercise routine has been irregular.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
index 26ecc04b17..344de0e648 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
@@ -49,7 +49,7 @@ This is in the `Present Simple` tense, not related to ongoing or completed actio
 
 # --explanation--
 
-`Present Perfect Continuous` tense negative form emphasizes an ongoing action that has lacked consistency over time, while the `Present Perfect` tense negative form indicates that an action hasn’t occurred at all up to now.
+`Present Perfect Continuous` tense negative form emphasizes an ongoing action that has lacked consistency over time, while the `Present Perfect` tense negative form indicates that an action hasn't occurred at all up to now.
 
 `Past Continuous` tense negative form deals with an action that was not happening at a specific past moment, focusing solely on the past.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
index ea0ac038d5..ffdb548723 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
@@ -45,7 +45,7 @@ This word refers to the ease of use for all users, including those with disabili
 
 `Misaligned` means not lined up or positioned correctly. For example:
 
-`The images were misaligned in the presentation, making it look messy.` - This indicates that the images were not positioned properly, affecting the presentation’s clarity.
+`The images were misaligned in the presentation, making it look messy.` - This indicates that the images were not positioned properly, affecting the presentation's clarity.
 
 `Out of sync` describes when two or more elements are not coordinated in time or movement. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
index 7f3b30304c..48b8e52080 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-43
 ---
 
-<!-- (Audio) Alice: Exactly. Do you know if it’s been affecting all the videos or just a few? -->
+<!-- (Audio) Alice: Exactly. Do you know if it's been affecting all the videos or just a few? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`BLANK. Do you know if it’s been BLANK all the videos or just a few?`
+`BLANK. Do you know if it's been BLANK all the videos or just a few?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
index da052b1c23..6b070052ad 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-44
 ---
 
-<!-- (Audio) Alice: Exactly. Do you know if it’s been affecting all the videos or just a few? -->
+<!-- (Audio) Alice: Exactly. Do you know if it's been affecting all the videos or just a few? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
index 0f0f0b39f0..10d176ce9f 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-45
 ---
 
-<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly. -->
+<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`It seems to be affecting several videos. Our BLANK team has been BLANK the platform, and noticed that the captions aren’t BLANK properly.`
+`It seems to be affecting several videos. Our BLANK team has been BLANK the platform, and noticed that the captions aren't BLANK properly.`
 
 ## --blanks--
 
@@ -45,7 +45,7 @@ This word in `-ing` form refers to the process of making things happen at the sa
 
 `Quality assurance` is the process of ensuring that a product meets set quality standards. For example:
 
-`The quality assurance team checks the software for bugs before release.` - Here, `quality assurance` emphasizes the team’s role in maintaining the product's standard.
+`The quality assurance team checks the software for bugs before release.` - Here, `quality assurance` emphasizes the team's role in maintaining the product's standard.
 
 `Testing` means evaluating or examining a product to verify its performance. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
index 40a6056e18..6e7c1348c7 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-46
 ---
 
-<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly. -->
+<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Why is it a problem that `the captions aren’t syncing properly`?
+Why is it a problem that `the captions aren't syncing properly`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
index 8ad927f930..acd962ab8b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-53
 ---
 
-<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they’re narrowing down the possibilities. -->
+<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they're narrowing down the possibilities. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`We're working on it. The BLANK hasn't found a definitive BLANK yet, but they’re BLANK the possibilities.`
+`We're working on it. The BLANK hasn't found a definitive BLANK yet, but they're BLANK the possibilities.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
index 9d1642b436..ceccdcd2ee 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-54
 ---
 
-<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they’re narrowing down the possibilities. -->
+<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they're narrowing down the possibilities. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
index d152f48037..360190fc74 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
@@ -23,9 +23,9 @@ Place the following phrases in the correct spot: `rendering consistently`, `clos
 
 `James: Yes. For some reason, It hasn't been BLANK for some users. The captions are misaligned and BLANK, which isn't good for accessibility.`
 
-`Alice: Exactly. Do you know if it’s been affecting all the videos or just a few?`
+`Alice: Exactly. Do you know if it's been affecting all the videos or just a few?`
 
-`James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly.`
+`James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly.`
 
 `Alice: BLANK. Have they found out why it's happening?`
 
@@ -33,7 +33,7 @@ Place the following phrases in the correct spot: `rendering consistently`, `clos
 
 `Alice: Is there a plan to fix it?`
 
-`James: We're working on it. The development team hasn't found a BLANK yet, but they’re narrowing down the possibilities.`
+`James: We're working on it. The development team hasn't found a BLANK yet, but they're narrowing down the possibilities.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
index c5fc0f7f27..73c70a7178 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
index e7c917a8cf..cf24dbc12f 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
index b249884427..3f3236c4fb 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
@@ -39,7 +39,7 @@ The problem is fully solved now.
 
 ### --feedback--
 
-James clearly states that they haven’t found a final solution yet, so this is incorrect.
+James clearly states that they haven't found a final solution yet, so this is incorrect.
 
 ---
 
@@ -67,6 +67,6 @@ James does not provide a specific timeline for when the solution will be ready.
 
 # --explanation--
 
-To identify the correct answer, focus on where James says `We haven’t found a final solution yet`. This indicates that the issue is still unresolved.
+To identify the correct answer, focus on where James says `We haven't found a final solution yet`. This indicates that the issue is still unresolved.
 
 Look for the option that emphasizes this ongoing problem, which matches James's update.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
index a3b01718a3..de3ecb890e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
index 087f369951..497188534b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
index df3ee2d444..0a7baa4949 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-63
 ---
 
-<!-- (audio) Linda: Yes, I’ve been testing them since the latest software update. -->
+<!-- (audio) Linda: Yes, I've been testing them since the latest software update. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I’ve been testing them BLANK the latest BLANK.`
+`Yes, I've been testing them BLANK the latest BLANK.`
 
 ## --blanks--
 
@@ -37,7 +37,7 @@ These two words together refer to a version of software that has been improved o
 
 In the `Present Perfect Continuous` tense, `since` is used to indicate when an action began and continues up to the present. For example:
 
-`I’ve been learning JavaScript since 2020.` - It shows that the action of learning JavaScript started in 2020 and is still ongoing.
+`I've been learning JavaScript since 2020.` - It shows that the action of learning JavaScript started in 2020 and is still ongoing.
 
 The term `software update` refers to changes or improvements made to a computer program. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
index 5f0d668502..f22293a790 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-65
 ---
 
-<!-- (audio) Linda: Yes, I’ve been testing them since the latest software update. -->
+<!-- (audio) Linda: Yes, I've been testing them since the latest software update. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
index a74766adea..7b84b48b65 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-66
 ---
 
-<!-- (audio) Linda: We’ve had some positive feedback, but there are still a few bugs to fix. -->
+<!-- (audio) Linda: We've had some positive feedback, but there are still a few bugs to fix. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`We’ve had some positive BLANK, but there are still a few BLANK to fix.`
+`We've had some positive BLANK, but there are still a few BLANK to fix.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
index f1596b7905..5fbd193766 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-67
 ---
 
-<!-- (audio) Linda: We’ve had some positive feedback, but there are still a few bugs to fix. -->
+<!-- (audio) Linda: We've had some positive feedback, but there are still a few bugs to fix. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
index 2b2a78fb9d..fbf68a2a1b 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-73
 ---
 
-<!-- (audio) Linda: I’ve been trying to cover all scenarios to ensure that the commands work consistently. -->
+<!-- (audio) Linda: I've been trying to cover all scenarios to ensure that the commands work consistently. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`I’ve been trying to cover all BLANK to ensure that the commands work BLANK.`
+`I've been trying to cover all BLANK to ensure that the commands work BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
index 2569cfd6c4..06fb50f651 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-74
 ---
 
-<!-- (audio) Linda: For the past couple of weeks. I’ve been trying to cover all scenarios to ensure that the commands work consistently. -->
+<!-- (audio) Linda: For the past couple of weeks. I've been trying to cover all scenarios to ensure that the commands work consistently. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
index dffe5ee639..f4f868b4c5 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
@@ -35,7 +35,7 @@ If the device has been working properly.
 
 ### --feedback--
 
-Bob is asking about potential issues related to voice recognition, not the device’s general performance.
+Bob is asking about potential issues related to voice recognition, not the device's general performance.
 
 ---
 
@@ -43,7 +43,7 @@ If there is a new update for the voice recognition system.
 
 ### --feedback--
 
-Bob’s question is about problems with voice recognition, not about updates.
+Bob's question is about problems with voice recognition, not about updates.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
index b44474d7a4..296031dfbc 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
@@ -49,7 +49,7 @@ It refers to how correct or precise something is. In this case, it means how wel
 
 `Background noise` refers to unwanted sounds that can interfere with hearing something clearly. For example:
 
-- `The microphone couldn’t pick up my voice because of the background noise.` - In this sentence, `background noise` refers to sounds like music or traffic that made it difficult for the microphone to hear your voice clearly.
+- `The microphone couldn't pick up my voice because of the background noise.` - In this sentence, `background noise` refers to sounds like music or traffic that made it difficult for the microphone to hear your voice clearly.
 
 `Accuracy` refers to how precise or correct something is. In the case of `voice recognition`, it means how well the system can understand and process speech without errors. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
index f11795aa42..56256fc40d 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
@@ -15,11 +15,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What might Linda be suggesting about the system’s current performance?
+What might Linda be suggesting about the system's current performance?
 
 ## --answers--
 
-It’s working perfectly fine with all accents and environments.
+It's working perfectly fine with all accents and environments.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
index 185680dce4..bb942c50b3 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-85
 ---
 
-<!-- (audio) Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been brainstorming solutions. -->
+<!-- (audio) Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been brainstorming solutions. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
index 735a533bbd..9037da2d74 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-86
 ---
 
-<!-- (audio) Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been brainstorming solutions. -->
+<!-- (audio) Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been brainstorming solutions. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
index 1aa169cd61..022ed5a333 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
@@ -31,7 +31,7 @@ He thinks the project is fully complete and ready for launch.
 
 ### --feedback--
 
-Bob’s question about testing with real users suggests he sees the project as ongoing, not fully complete.
+Bob's question about testing with real users suggests he sees the project as ongoing, not fully complete.
 
 ---
 
@@ -39,7 +39,7 @@ He believes the team needs to stop working and start a new project.
 
 ### --feedback--
 
-Bob’s comment suggests he thinks the project is progressing well, not that it should be stopped.
+Bob's comment suggests he thinks the project is progressing well, not that it should be stopped.
 
 ---
 
@@ -51,7 +51,7 @@ He thinks the project has made good initial progress but needs further testing.
 
 # --explanation--
 
-Bob’s comment `That's a good start` shows that he is pleased with the progress so far. However, his follow-up question about testing with real users suggests he thinks more steps are needed before the project is complete. This indicates that he feels positive about the current status but sees the need for further validation and testing.
+Bob's comment `That's a good start` shows that he is pleased with the progress so far. However, his follow-up question about testing with real users suggests he thinks more steps are needed before the project is complete. This indicates that he feels positive about the current status but sees the need for further validation and testing.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
index 3a80dbb2aa..b9563c5a31 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
@@ -19,7 +19,7 @@ What does Linda mean when she says `it would be helpful`?
 
 ## --answers--
 
-She thinks they don’t need any more feedback.
+She thinks they don't need any more feedback.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
index c9dc79ade1..76d437ea80 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
@@ -21,11 +21,11 @@ Place the following phrases in the correct spot: `software update`, `real-world
 
 `Bob: Hi Linda, have you been working on the new BLANK features?`
 
-`Linda: Yes, I’ve been testing them since the latest BLANK. We’ve had some positive feedback, but there are still a few bugs to fix.`
+`Linda: Yes, I've been testing them since the latest BLANK. We've had some positive feedback, but there are still a few bugs to fix.`
 
 `Bob: How long have you been focusing on this evaluation?`
 
-`Linda: For the past couple of weeks. I’ve been trying to cover BLANK to ensure that the commands work consistently.`
+`Linda: For the past couple of weeks. I've been trying to cover BLANK to ensure that the commands work consistently.`
 
 `Bob: Have you had any problems with voice recognition?`
 
@@ -33,7 +33,7 @@ Place the following phrases in the correct spot: `software update`, `real-world
 
 `Bob: What about the integration with other systems? Has it been seamless?`
 
-`Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been BLANK.`
+`Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been BLANK.`
 
 `Bob: That's a good start. By the way, have we tested it with real users yet?`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
index 80a8345a7e..4d3d70ef1f 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
index e2b6f3806d..ed9f6b6d5f 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -51,7 +51,7 @@ Reducing the size of the devices.
 
 ### --feedback--
 
-The paragraph doesn’t mention device size as a challenge.
+The paragraph doesn't mention device size as a challenge.
 
 ## --video-solution--
 
@@ -63,4 +63,4 @@ To find the correct answer, focus on the part where Linda explains the challenge
 
 The paragraph highlights that the team is facing difficulties with background noise and accents, which makes it challenging for the system to accurately recognize commands in noisy environments.
 
-Look for an option that addresses the issue of the system’s ability to handle accents and background noise.
+Look for an option that addresses the issue of the system's ability to handle accents and background noise.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
index 460e6901fe..1fc9ab4b7d 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -35,7 +35,7 @@ Real-world feedback is meant to test the system in real home settings, not just
 
 ---
 
-To improve the system’s visual design.
+To improve the system's visual design.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
index a76e226cc2..d508281756 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -63,4 +63,4 @@ To find the correct answer, look at the part where Linda talks about what the te
 
 The paragraph mentions that the development team `has been brainstorming solutions` to fix the issues with voice recognition, which shows they are actively working on improving the system.
 
-Look for an option that describes the team’s approach to solving the problems they’ve encountered.
+Look for an option that describes the team's approach to solving the problems they've encountered.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
index 29990a49c3..a4434c1f20 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -31,7 +31,7 @@ They will immediately launch the system to all users.
 
 ### --feedback--
 
-The team is still testing and improving the system before it’s ready for a wider launch.
+The team is still testing and improving the system before it's ready for a wider launch.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
index a9bed39e2e..0a3f411bb2 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
@@ -51,7 +51,7 @@ Anna's question does not ask if James needs help; it focuses on whether he has r
 
 # --explanation--
 
-Anna’s question is specifically about whether James has reviewed the feedback from a training program related to accessibility.
+Anna's question is specifically about whether James has reviewed the feedback from a training program related to accessibility.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
index 543215b20a..898a7ef018 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-100
 ---
 
-<!-- (Audio) James: Yes, I’ve been working on it since the last training session. -->
+<!-- (Audio) James: Yes, I've been working on it since the last training session. -->
 
 # --instructions--
 
@@ -35,7 +35,7 @@ By saying he finished working soon after the last session.
 
 ### --feedback--
 
-James’s statement indicates ongoing work, not that he finished shortly after starting.
+James's statement indicates ongoing work, not that he finished shortly after starting.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
index 03a703b361..697028dae5 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
@@ -51,7 +51,7 @@ A `gradual process` refers to something that develops slowly, over time, rather
 
 `The team has made steady progress in completing the project.` - This shows that the team is moving forward regularly and effectively, without major delays.
 
-`Understanding` refers to a person’s knowledge or awareness about a subject. For example:
+`Understanding` refers to a person's knowledge or awareness about a subject. For example:
 
 `Her understanding of coding improved with practice.` - It highlights how her knowledge of coding grew as she spent more time practicing.
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
index da035c1e18..3a6974aa37 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
@@ -23,7 +23,7 @@ He is frustrated that progress has been slow.
 
 ### --feedback--
 
-James doesn’t express frustration; he acknowledges the gradual nature of the process positively.
+James doesn't express frustration; he acknowledges the gradual nature of the process positively.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
index 23aad93fe0..aa98f21456 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
@@ -31,7 +31,7 @@ If there are too many tasks for the team to finish.
 
 ### --feedback--
 
-Anna’s question is about performance in some areas, not the number of tasks.
+Anna's question is about performance in some areas, not the number of tasks.
 
 ---
 
@@ -43,7 +43,7 @@ If people need more tools to do their work better.
 
 ### --feedback--
 
-Anna’s question is about finding areas of lower performance, not about needing more tools.
+Anna's question is about finding areas of lower performance, not about needing more tools.
 
 ## --video-solution--
 
@@ -51,7 +51,7 @@ Anna’s question is about finding areas of lower performance, not about needing
 
 # --explanation--
 
-Anna’s question is asking if there are any parts of the work where the team isn’t doing as well as they were expected to.
+Anna's question is asking if there are any parts of the work where the team isn't doing as well as they were expected to.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
index c4d0440860..37c72c9652 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
@@ -37,7 +37,7 @@ This answer points out areas needing improvement, which is not a positive respon
 
 # --explanation--
 
-A positive answer to Anna’s question would mean that everyone is performing as well as expected, and there is nothing that needs to be improved.
+A positive answer to Anna's question would mean that everyone is performing as well as expected, and there is nothing that needs to be improved.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
index 193270d3b9..b17c08fc07 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
@@ -35,7 +35,7 @@ He believes the activities were well-received by all participants.
 
 ### --feedback--
 
-James points out that the activities were not fully relevant, meaning they weren’t well-received by everyone.
+James points out that the activities were not fully relevant, meaning they weren't well-received by everyone.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
index 8efae5669b..967a25b5a3 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
@@ -23,7 +23,7 @@ Listen to the audio and complete the sentence below.
 
 ### --feedback--
 
-This word describes something that catches people’s interest and keeps them involved.
+This word describes something that catches people's interest and keeps them involved.
 
 # --explanation--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
index cb2c465ff4..869168958e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
@@ -43,7 +43,7 @@ If the activities already meet all the learning goals.
 
 ### --feedback--
 
-Anna’s question suggests she thinks the activities could be improved to be `more engaging`, so she isn’t assuming they already meet all goals.
+Anna's question suggests she thinks the activities could be improved to be `more engaging`, so she isn't assuming they already meet all goals.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
index 92eaa09863..c2e6eb6334 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
@@ -31,7 +31,7 @@ The team has been brainstorming ideas to make the sessions better.
 
 ---
 
-The team hasn’t yet considered any changes to the sessions.
+The team hasn't yet considered any changes to the sessions.
 
 ### --feedback--
 
@@ -43,7 +43,7 @@ The team feels the sessions are as interactive as they need to be.
 
 ### --feedback--
 
-James says they are working on making the sessions more interactive, so they don’t feel the sessions are finished.
+James says they are working on making the sessions more interactive, so they don't feel the sessions are finished.
 
 ## --video-solution--
 
@@ -51,7 +51,7 @@ James says they are working on making the sessions more interactive, so they don
 
 # --explanation--
 
-James uses the `Present Perfect Continuous` tense (`has been brainstorming`) to show that the team’s work on improving the sessions is ongoing. This tense expresses that they started brainstorming in the past and are still actively doing it now, indicating continuous effort in finding new ideas.
+James uses the `Present Perfect Continuous` tense (`has been brainstorming`) to show that the team's work on improving the sessions is ongoing. This tense expresses that they started brainstorming in the past and are still actively doing it now, indicating continuous effort in finding new ideas.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
index 7ea12c2170..dd3bc37842 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
@@ -23,7 +23,7 @@ Add activities that focus on memorizing definitions.
 
 ### --feedback--
 
-Memorizing definitions doesn’t involve real-life application or hands-on practice, which James implies they are aiming for.
+Memorizing definitions doesn't involve real-life application or hands-on practice, which James implies they are aiming for.
 
 ---
 
@@ -31,7 +31,7 @@ Use theoretical case studies with no practical application.
 
 ### --feedback--
 
-Theoretical case studies alone don’t fully connect to real-life tasks, which James wants to include.
+Theoretical case studies alone don't fully connect to real-life tasks, which James wants to include.
 
 ---
 
@@ -39,7 +39,7 @@ Have participants discuss unrelated topics to build general communication skills
 
 ### --feedback--
 
-Unrelated discussions don’t meet the goal of incorporating relevant, real-life situations.
+Unrelated discussions don't meet the goal of incorporating relevant, real-life situations.
 
 ---
 
@@ -51,7 +51,7 @@ Create exercises that use realistic situations participants might encounter on t
 
 # --explanation--
 
-Since James mentions `incorporating more real-life scenarios`, they’re likely planning to add exercises that reflect situations participants could actually encounter in their roles. This makes the training more engaging and relevant, unlike focusing on definitions, unrelated discussions, or purely theoretical case studies.
+Since James mentions `incorporating more real-life scenarios`, they're likely planning to add exercises that reflect situations participants could actually encounter in their roles. This makes the training more engaging and relevant, unlike focusing on definitions, unrelated discussions, or purely theoretical case studies.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
index 4bfc37f41a..c4b501f916 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
@@ -37,7 +37,7 @@ This word in the plural form refers to specific targets or objectives the team i
 
 `Keep in touch` means to stay in regular communication with someone. For example:
 
-`Let’s keep in touch about the project updates.` - This means staying connected and sharing information to make sure everyone is updated on the project's progress.
+`Let's keep in touch about the project updates.` - This means staying connected and sharing information to make sure everyone is updated on the project's progress.
 
 `Goals` are the specific targets or objectives a person or team wants to achieve. It the plural form of `goal`. For example:
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
index e70fc4691f..e9011fe5a5 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
@@ -31,7 +31,7 @@ She thinks James' ideas are confusing and suggests focusing only on accessibilit
 
 ### --feedback--
 
-Anna doesn’t find James’ ideas confusing; she agrees and wants to monitor progress on their shared goals.
+Anna doesn't find James' ideas confusing; she agrees and wants to monitor progress on their shared goals.
 
 ---
 
@@ -43,7 +43,7 @@ She thinks James' ideas are unnecessary and suggests stopping the project.
 
 ### --feedback--
 
-Anna doesn’t suggest stopping; she supports James’ ideas and wants to stay updated.
+Anna doesn't suggest stopping; she supports James' ideas and wants to stay updated.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
index 2108b8fc77..73665c2d1e 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
@@ -21,7 +21,7 @@ Place the following phrases in the correct spot: `gradual process` , `more engag
 
 `Anna: Hi James, have you been reviewing the BLANK for our accessibility program?`
 
-`James: Yes, I’ve been working on it since the last training session. We've received a lot of positive comments, but there are some areas we still need to improve.`
+`James: Yes, I've been working on it since the last training session. We've received a lot of positive comments, but there are some areas we still need to improve.`
 
 `Anna: That's great to hear. How long have we been running these sessions?`
 
@@ -43,7 +43,7 @@ Place the following phrases in the correct spot: `gradual process` , `more engag
 
 ### --feedback--
 
-This phrase refers to the feedback received from participants about the training sessions to see what worked well and what didn’t.
+This phrase refers to the feedback received from participants about the training sessions to see what worked well and what didn't.
 
 ---
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
index 4cf8d46470..18cf9abf59 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What is the main goal of the accessibility training?
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
index ee74b5a8bd..6c2adca538 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What does the training overview include?
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
index 3062ed0bf5..3950a4b2fa 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 How does the training plan make the sessions engaging?
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
index f2680e76b8..253577b975 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 Why are real-life scenarios included in the training?
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
index 2225eacac2..b7158fa6f1 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What is the purpose of gathering training feedback?
 
@@ -29,11 +29,11 @@ To decide if the training should be canceled.
 
 ### --feedback--
 
-The feedback is collected to understand what’s effective and find areas to improve, not to cancel the training.
+The feedback is collected to understand what's effective and find areas to improve, not to cancel the training.
 
 ---
 
-To identify areas to improve and understand what’s effective.
+To identify areas to improve and understand what's effective.
 
 ---
 
@@ -49,7 +49,7 @@ To see how quickly participants finish the activities.
 
 ### --feedback--
 
-The purpose of feedback is to assess the training’s effectiveness, not activity speed.
+The purpose of feedback is to assess the training's effectiveness, not activity speed.
 
 ## --video-solution--
 
@@ -59,6 +59,6 @@ The purpose of feedback is to assess the training’s effectiveness, not activit
 
 To find the correct answer, focus on why training feedback is gathered.
 
-The paragraph states that feedback helps identify `what’s effective` and points out `areas to improve`.
+The paragraph states that feedback helps identify `what's effective` and points out `areas to improve`.
 
 Look for the option that describes feedback as a way to assess and enhance the training process.
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
index 2a1c2f9402..094d7451d8 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
@@ -29,7 +29,7 @@ This word means completely or fully.
 
 The word `entirely` means completely or fully. The phrase `not entirely` indicates that something is not complete or perfect. For example:
 
-`I don’t entirely agree with his opinion.` - It means you don’t fully agree with the opinion, suggesting some level of disagreement.
+`I don't entirely agree with his opinion.` - It means you don't fully agree with the opinion, suggesting some level of disagreement.
 
 # --scene--
 
diff --git a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
index cb5d3ffedb..a453e1737c 100644
--- a/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
+++ b/curriculum/challenges/espanol/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
@@ -15,7 +15,7 @@ This task doesn't have audio. Read the question below and select the correct ans
 
 ## --text--
 
-A colleague asks if your team has implemented the new feature yet. What is the best way to respond if you haven’t started but plan to?
+A colleague asks if your team has implemented the new feature yet. What is the best way to respond if you haven't started but plan to?
 
 ## --answers--
 
@@ -23,11 +23,11 @@ A colleague asks if your team has implemented the new feature yet. What is the b
 
 ---
 
-`Yes, it’s been running perfectly for years.`
+`Yes, it's been running perfectly for years.`
 
 ### --feedback--
 
-It implies that the feature has been implemented and in use for years, which contradicts the fact that the feature is new and hasn’t been started yet.
+It implies that the feature has been implemented and in use for years, which contradicts the fact that the feature is new and hasn't been started yet.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md b/curriculum/challenges/espanol/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
index 29b3b431d9..416751f2c0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
@@ -63,7 +63,7 @@ You should have a function `formatDateMMDDYYYY`
 assert.isFunction(formatDateMMDDYYYY);
 ```
 
-The function`formatDateMMDDYYYY` should take a single parameter.
+The function `formatDateMMDDYYYY` should take a single parameter.
 
 ```js
 assert.lengthOf(formatDateMMDDYYYY, 1);
@@ -91,7 +91,7 @@ You should have a function `formatDateLong`
 assert.isFunction(formatDateLong);
 ```
 
-The function`formatDateLong` should take a single a parameter.
+The function `formatDateLong` should take a single a parameter.
 
 ```js
 assert.lengthOf(formatDateLong, 1);
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md b/curriculum/challenges/espanol/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
new file mode 100644
index 0000000000..a3dfa325d2
--- /dev/null
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
@@ -0,0 +1,543 @@
+---
+id: 6762ec275cef87635acc4fe3
+title: Build a Drum Machine
+challengeType: 25
+dashedName: build-drum-machine
+demoType: onClick
+---
+
+# --description--
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+1. You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+2. Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+3. Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+4. Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`, a unique `id` that describes the audio clip the drum pad will be set up to trigger, and an inner text that corresponds to one of the following keys on the keyboard: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`. The drum pads MUST be in this order.
+
+5. Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+6. When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+7. When you press the trigger key associated with each `.drum-pad`, the audio clip contained in its child audio element should be triggered (e.g. pressing the `Q` key should trigger the drum pad which contains the string `Q`, pressing the `W` key should trigger the drum pad which contains the string `W`, etc.).
+
+8. When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+Some audio samples you can use for your drum machine can be found at `https://cdn.freecodecamp.org/curriculum/drum/<fileName>`, where `<fileName>` is as follows:
+
+| drum name   | `fileName`       |
+| ----------- | ---------------- |
+| Heater 1    | `Heater-1.mp3`   |
+| Heater 2    | `Heater-2.mp3`   |
+| Heater 3    | `Heater-3.mp3`   |
+| Heater 4    | `Heater-4_1.mp3` |
+| Clap        | `Heater-6.mp3`   |
+| Open-HH     | `Dsc_Oh.mp3`     |
+| Kick-n'-Hat | `Kick_n_Hat.mp3` |
+| Kick        | `RP4_KICK_1.mp3` |
+| Closed-HH   | `Cev_H2.mp3`     |
+
+# --hints--
+
+You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+```js
+assert.isNotNull(document.querySelector('div#drum-machine'));
+```
+
+Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine div#pad-bank'));
+```
+
+Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine p#display'));
+```
+
+Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`.
+
+```js
+assert.lengthOf(document.querySelectorAll('#pad-bank .drum-pad'), 9);
+```
+
+Each `.drum-pad` should have one of the following letters as `innerText`, in order: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+for (let i = 0; i < 9; i++) {
+  assert.equal(pads[i].innerText.trim(), letters[i]);
+}
+```
+
+Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  assert.equal(audios[i].id, letters[i]);
+  assert.isTrue(audios[i].classList.contains('clip'));
+  assert.isTrue(audios[i].hasAttribute('src'));
+}
+```
+
+When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+assert.isNotEmpty(pads);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  assert.isFalse(audio.paused);
+  audio.pause();
+});
+```
+
+When you press one of the keys Q, W, E, A, S, D, Z, X, C on your keyboard, the corresponding `audio` element should play the corresponding sound.
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  const audio = audios[i];
+  document.dispatchEvent(
+    new KeyboardEvent('keydown', { key: letters[i].toLowerCase() })
+  );
+  assert.isFalse(audio.paused);
+  audio.pause();
+}
+```
+
+When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+```js
+const collection = new Set();
+const disp = document.querySelector('#display');
+const pads = document.querySelectorAll('.drum-pad');
+assert.lengthOf(pads, 9);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  collection.add(disp.innerText.trim());
+  audio.pause();
+});
+assert.lengthOf(collection, 9);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Drum Machine</title>
+  </head>
+  <body></body>
+</html>
+```
+
+```css
+
+```
+
+```js
+
+```
+
+# --solutions--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Drum Machine</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+
+  <body>
+    <div class="inner-container" id="drum-machine">
+      <div id="pad-bank"></div>
+
+      <div class="controls-container">
+        <div class="control power-control">
+          <p>Power: <span id="power-status">On</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+
+        <!-- Display for Drum Pad Name and Volume -->
+        <p id="display"></p>
+
+        <div class="volume-slider">
+          <input type="range" min="0" max="1" step="0.01" value="0.3" />
+        </div>
+
+        <div class="control bank-control">
+          <p>Bank: <span id="current-bank">Heater Kit</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script src="script.js"></script>
+  </body>
+</html>
+```
+
+```css
+/* General Reset */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: 'Arial', sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background-color: #282c34;
+  color: white;
+}
+
+.inner-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #3b3b5f;
+  border-radius: 8px;
+  padding: 20px;
+  width: 300px;
+}
+
+/* Drum Pad Styles */
+#pad-bank {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  margin-bottom: 15px;
+}
+
+.drum-pad {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background: #444;
+  border-radius: 5px;
+  font-size: 1.2em;
+  cursor: pointer;
+}
+
+.drum-pad.active {
+  background: #ffaa33;
+}
+
+.controls-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.control {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin: 10px 0;
+}
+
+.select {
+  width: 50px;
+  height: 20px;
+  background: #555;
+  border-radius: 10px;
+  cursor: pointer;
+  position: relative;
+}
+
+.select .inner {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  background: #ffaa33;
+  border-radius: 50%;
+  top: 1px;
+  left: calc(100% - 18px);
+}
+
+#display {
+  margin: 15px 0;
+  text-align: center;
+  font-size: 1em;
+  padding: 20px;
+  background: #444;
+  border-radius: 5px;
+  width: 100%;
+}
+
+.volume-slider input[type='range'] {
+  width: 100%;
+  -webkit-appearance: none;
+  appearance: none;
+  height: 4px;
+  background: #ffaa33;
+  border-radius: 2px;
+  margin-bottom: 10px;
+}
+
+.volume-slider input[type='range']::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 12px;
+  height: 12px;
+  background: #fff;
+  border-radius: 50%;
+  cursor: pointer;
+}
+```
+
+```js
+const projectName = 'drum-machine';
+
+const bankOne = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Heater-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Heater-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Heater-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Heater-4',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-4_1.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Clap',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-6.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dsc_Oh.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: "Kick-n'-Hat",
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Kick_n_Hat.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/RP4_KICK_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Cev_H2.mp3'
+  }
+];
+
+const bankTwo = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Chord-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Chord-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Chord-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Shaker',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Give_us_a_light.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dry_Ohh.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Bld_H1.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: 'Punchy-Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/punchy_kick_1.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Side-Stick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/side_stick_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Snare',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Brk_Snr.mp3'
+  }
+];
+
+const state = {
+  power: true,
+  display: ' ',
+  currentPadBank: bankOne,
+  currentPadBankId: 'Heater Kit',
+  sliderVal: 0.3
+};
+
+const display = document.getElementById('display');
+
+const setDisplay = text => {
+  state.display = text;
+  display.innerText = text;
+};
+
+const adjustVolume = e => {
+  if (state.power) {
+    state.sliderVal = e.target.value;
+    setDisplay(`Volume: ${Math.round(e.target.value * 100)}`);
+    setTimeout(() => setDisplay(' '), 1000);
+    document.querySelectorAll('.clip').forEach(sound => {
+      sound.volume = state.sliderVal;
+    });
+  }
+};
+
+const activatePad = pad => {
+  pad.classList.add('active');
+  setTimeout(() => pad.classList.remove('active'), 100);
+};
+
+const playSound = (id, name) => {
+  if (!state.power) return;
+
+  const sound = document.getElementById(id);
+  sound.currentTime = 0;
+  sound.play();
+  activatePad(sound.parentNode);
+  setDisplay(name);
+};
+
+const renderPadBank = () => {
+  const padBank = document.querySelector('#pad-bank');
+  padBank.innerHTML = '';
+
+  state.currentPadBank.forEach(drum => {
+    const pad = document.createElement('div');
+    pad.classList.add('drum-pad');
+    pad.id = drum.id;
+    pad.innerText = drum.keyTrigger;
+
+    const audio = document.createElement('audio');
+    audio.classList.add('clip');
+    audio.id = drum.keyTrigger;
+    audio.src = drum.url;
+    pad.appendChild(audio);
+
+    pad.addEventListener('click', () =>
+      playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '))
+    );
+    document.addEventListener('keydown', e => {
+      if (e.key === drum.keyTrigger.toLowerCase())
+        playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '));
+    });
+
+    padBank.appendChild(pad);
+  });
+};
+
+const powerControl = () => {
+  state.power = !state.power;
+  document.getElementById('power-status').textContent = state.power
+    ? 'On'
+    : 'Off';
+
+  setDisplay('');
+
+  const powerSlider = document.querySelector('.power-control .select .inner');
+  powerSlider.style.left = state.power ? 'calc(100% - 18px)' : '0';
+};
+
+const selectBank = () => {
+  if (!state.power) return;
+  setDisplay(' ');
+  state.currentPadBank =
+    state.currentPadBankId === 'Heater Kit' ? bankTwo : bankOne;
+  state.currentPadBankId =
+    state.currentPadBankId === 'Heater Kit' ? 'Smooth Piano Kit' : 'Heater Kit';
+
+  renderPadBank();
+  document.getElementById('current-bank').textContent =
+    state.currentPadBankId === 'Heater Kit' ? 'Heater Kit' : 'Smooth Piano Kit';
+  const bankControl = document.querySelector('.bank-control .select .inner');
+  bankControl.style.left =
+    state.currentPadBankId === 'Heater Kit' ? 'calc(100% - 18px)' : '0';
+};
+
+document
+  .querySelector('.power-control')
+  .addEventListener('click', powerControl);
+document.querySelector('.bank-control').addEventListener('click', selectBank);
+document
+  .querySelector('.volume-slider input')
+  .addEventListener('input', adjustVolume);
+
+renderPadBank();
+```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md b/curriculum/challenges/espanol/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
index ba88ae69db..54a72106fc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
@@ -71,12 +71,6 @@ The factorial of `7` should return `5040`.
 assert.strictEqual(factorialCalculator(7), 5040);
 ```
 
-For `5`, the `resultMsg` should contain `Factorial of 5 is 120`.
-
-```js
-assert.strictEqual(resultMsg, 'Factorial of 5 is 120');
-```
-
 You should call your `factorialCalculator` function with the `num` variable as the argument.
 
 ```js
@@ -98,6 +92,13 @@ assert.strictEqual(factorialCalculator(9), 362880);
 assert.strictEqual(factorialCalculator(11), 39916800);
 ```
 
+Your `resultMsg` should contain a string in a format `Factorial of [num] is [factorial]`.
+
+```js
+assert.strictEqual(resultMsg, `Factorial of ${num} is ${factorialCalculator(num)}`);
+assert.notMatch(__helpers.removeJSComments(code), /Factorial of \d{1,2} is \d+/);
+```
+
 You should output the value of `resultMsg` to the console.
 
 ```js
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md b/curriculum/challenges/espanol/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
index 5bf3e1cc15..55e29ad88d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
@@ -1,7 +1,7 @@
 ---
 id: 673c91f0b934834bc4a3ecc2
 title: Build an fCC Forum Leaderboard
-challengeType: 14
+challengeType: 25
 dashedName: build-an-fcc-forum-leaderboard
 demoType: onClick
 ---
@@ -16,39 +16,39 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 
 1. You should have a function named `timeAgo` that takes a timestamp in the ISO 8601 format as the argument.
 1. The `timeAgo` function should compute the time difference between the time passed as an argument and the current time and return:
-    - `xm ago` (`x` represents minutes) if the amount of minutes that have passed is less than `60`.
-    - `xh ago` (`x` represents hours) if the amount of hours that have passed is less than `24`.
-    - `xd ago` (`x` represents days) otherwise.
+   - `xm ago` (`x` represents minutes) if the amount of minutes that have passed is less than `60`.
+   - `xh ago` (`x` represents hours) if the amount of hours that have passed is less than `24`.
+   - `xd ago` (`x` represents days) otherwise.
 1. You should have a function named `viewCount` that takes the number of views of a post as the argument.
 1. If the value of the views passed as the argument is greater than or equal to `1000`, the `viewCount` function should return a string with the views value divided by `1000`, rounded down to the nearest whole number and the letter `k` appended to it. Otherwise, it should return the views value.
 1. You should have a function named `forumCategory` that takes the id of a selected category as the argument.
 1. The `forumCategory` function should verify that the selected category id is a property of the `allCategories` object and should return a string containing an anchor element with:
-    - the text of the `category` key of the selected category.
-    - a class of `category` followed by the `className` property of the selected category.
-    - an `href` with the value of `<forumCategoryUrl>/<className>/<id>`, where `<className>` is the `className` property of the selected category and `id` is the argument passed to `forumCategory`.
+   - the text of the `category` key of the selected category.
+   - a class of `category` followed by the `className` property of the selected category.
+   - an `href` with the value of `<forumCategoryUrl>/<className>/<id>`, where `<className>` is the `className` property of the selected category and `id` is the argument passed to `forumCategory`.
 1. If the `allCategories` object does not have the selected category id as its property, `className` and `category` should be indicated as `general`.
 1. You should have a function named `avatars` that takes two arrays representing posters and users, respectively.
-1. The `avatars` function should return a string made by joining `img` elements, one for each poster found inside the user array. *Hint:* You can find users by comparing the `user_id` property of the poster with the `id` property` of the user.
+1. The `avatars` function should return a string made by joining `img` elements, one for each poster found inside the user array. _Hint:_ You can find users by comparing the `user_id` property of the poster with the `id` property` of the user.
 1. The `avatars` function should set each avatar's size by accessing the `avatar_template` property and replacing `{size}` with `30`.
 1. Each image element should have an alt text with the value of the `name` property of the poster.
 1. Each image element should have a source with the value of the `avatar_template` property of the poster. In case `avatar_template` contains a relative path, you should set the source to `<avatarUrl>/<avatar_template>`.
 1. You should have a function named `showLatestPosts` that takes a single parameter.
 1. The `showLatestPosts` should extract the `users` and `topic_list` properties from the object passed as argument. Also, it should process the following properties of the objects from the `topics` array, which is contained in `topic_list`:
-    - `id`: the id of the post
-    - `title`: the title of the post
-    - `views`: the number of views of the post
-    - `posts_count`: the number of replies to the topic
-    - `slug`: the slug of the post
-    - `posters`: the posters for that topic
-    - `category_id`: an integer indicating the category id for the post
-    - `bumped_at`: a timestamp in the ISO 8601 format
+   - `id`: the id of the post
+   - `title`: the title of the post
+   - `views`: the number of views of the post
+   - `posts_count`: the number of replies to the topic
+   - `slug`: the slug of the post
+   - `posters`: the posters for that topic
+   - `category_id`: an integer indicating the category id for the post
+   - `bumped_at`: a timestamp in the ISO 8601 format
 1. The `showLatestPosts` should set the inner HTML of `#posts-container` to a string made by joining `tr` elements, one for each item in `topics`.
 1. Each `tr` element should have five `td` elements in it:
-    - a `td` containing two anchor elements, one with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and one obtained by calling `forumCategory` with `category_id`.
-    - a `td` containing a `div` element with class `avatar-container` that contains the images returned by the `avatars` function called with `posters` and `users` as arguments.
-    - a `td` containing the number of replies to the post. *Hint:* use `posts_count - 1`.
-    - a `td` containing the number of views of the post.
-    - a `td` containing the time passed since the last activity.
+   - a `td` containing two anchor elements, one with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and one obtained by calling `forumCategory` with `category_id`.
+   - a `td` containing a `div` element with class `avatar-container` that contains the images returned by the `avatars` function called with `posters` and `users` as arguments.
+   - a `td` containing the number of replies to the post. _Hint:_ use `posts_count - 1`.
+   - a `td` containing the number of views of the post.
+   - a `td` containing the time passed since the last activity.
 1. You should have an async function named `fetchData`.
 1. The `fetchData` function should request data from `forumLatest` and call `showLatestPosts` passing it the response parsed as JSON.
 1. If there's an error when fetching data, the `fetchData` function should log the error to the console.
@@ -66,10 +66,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 50)).toISOString()
-}
-const expected = "50m ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 50).toISOString();
+};
+const expected = '50m ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -78,10 +78,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60)).toISOString()
-}
-const expected = "1h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60).toISOString();
+};
+const expected = '1h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -90,10 +90,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * ( 60 * 115))).toISOString()
-}
-const expected = "1h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * (60 * 115)).toISOString();
+};
+const expected = '1h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -102,10 +102,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 15)).toISOString()
-}
-const expected = "15h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 15).toISOString();
+};
+const expected = '15h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -114,10 +114,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 24)).toISOString()
-}
-const expected = "1d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 24).toISOString();
+};
+const expected = '1d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -126,10 +126,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 46)).toISOString()
-}
-const expected = "1d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 46).toISOString();
+};
+const expected = '1d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -138,10 +138,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 24 * 3)).toISOString()
-}
-const expected = "3d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 24 * 3).toISOString();
+};
+const expected = '3d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -162,13 +162,13 @@ assert.strictEqual(597, viewCount(597));
 `viewCount(1000)` should return `1k`.
 
 ```js
-assert.equal("1k", viewCount(1000));
+assert.equal('1k', viewCount(1000));
 ```
 
 `viewCount(2730)` should return `2k`.
 
 ```js
-assert.equal("2k", viewCount(2730));
+assert.equal('2k', viewCount(2730));
 ```
 
 You should have a function named `forumCategory` that takes a single argument.
@@ -193,11 +193,17 @@ assert.match(actual, /^<\s*a.+?>\s*Project Feedback\s*<\/a>$/);
 
 ```js
 let actual = forumCategory(299);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/career\/299\1/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/career\/299\1/
+);
 
 // prevent hardcoding
 actual = forumCategory(409);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/feedback\/409\1/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/feedback\/409\1/
+);
 ```
 
 `forumCategory(299)` should return a string containing an anchor element with `class="category career"`.
@@ -222,10 +228,16 @@ assert.match(actual, /^<\s*a.+?>\s*General\s*<\/a>$/);
 
 ```js
 let actual = forumCategory(200);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/200/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/200/
+);
 
 actual = forumCategory(220);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/220/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/220/
+);
 ```
 
 `forumCategory(200)` should return a string containing an anchor element with `class="category career"`.
@@ -245,58 +257,64 @@ assert.lengthOf(avatars, 2);
 The `avatars` function should return a string made by joining `img` elements, one for each poster found in the user array.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 const matches = actual.match(/<\s*img\s+.+?>/g);
-assert.lengthOf(matches, 3)
+assert.lengthOf(matches, 3);
 ```
 
 Each `img` element in the string returned by the `avatars` function should have an `alt` text with the value of the `name` property of the poster.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 const matches = actual.match(/<\s*img\s+.+?>/g);
 
@@ -308,28 +326,31 @@ assert.match(matches[2], /alt="Ilenia"/);
 The `avatars` function should set each avatar's size by accessing the `avatar_template` property and replacing `{size}` with `30`.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 assert.notMatch(actual, /\{size\}/);
 assert.lengthOf(actual.match(/\/30\//g), 3);
@@ -338,35 +359,47 @@ assert.lengthOf(actual.match(/\/30\//g), 3);
 Each `img` element in the string returned by the `avatars` function should have the `src` with the value of the `avatar_template` property of the poster. In case `avatar_template` contains a relative path, it should be set to `<avatarUrl>/<avatar_template>`.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 
 const matches = actual.match(/<\s*img\s+.+?>/g);
 
-assert.match(matches[0], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/quincylarson\/30\/212400_2\.png"/);
-assert.match(matches[1], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/jwilkins\.oboe\/30\/179497_2\.png"/);
-assert.match(matches[2], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/ilenia\/30\/270648_2\.png"/);
+assert.match(
+  matches[0],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/quincylarson\/30\/212400_2\.png"/
+);
+assert.match(
+  matches[1],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/jwilkins\.oboe\/30\/179497_2\.png"/
+);
+assert.match(
+  matches[2],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/ilenia\/30\/270648_2\.png"/
+);
 ```
 
 You should have a function named `showLatestPosts` that takes a single parameter.
@@ -391,9 +424,11 @@ try {
   fetch = source => {
     testArr.push(source);
     return temp(source);
-  }
+  };
   fetchData();
-  assert.deepEqual(testArr, ["https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json"])
+  assert.deepEqual(testArr, [
+    'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json'
+  ]);
 } finally {
   fetch = temp;
 }
@@ -409,7 +444,7 @@ async () => {
     showLatestPosts = data => {
       testArr.push(data);
       return temp(data);
-  }
+    };
     await fetchData();
     assert.isNotEmpty(testArr);
   } catch (err) {
@@ -417,7 +452,7 @@ async () => {
   } finally {
     fetch = temp;
   }
-}
+};
 ```
 
 If there is an error, your `fetchData` function should log the error to the console.
@@ -428,15 +463,19 @@ const temp1 = fetch;
 const temp2 = console.log;
 async () => {
   try {
-    console.log = obj => {testArr.push(obj.toString())};
-    fetch = source => {throw new Error("This is a test error");}
+    console.log = obj => {
+      testArr.push(obj.toString());
+    };
+    fetch = source => {
+      throw new Error('This is a test error');
+    };
     await fetchData();
-    assert.deepEqual(testArr, ["Error: This is a test error"]);
+    assert.deepEqual(testArr, ['Error: This is a test error']);
   } finally {
     fetch = temp1;
     console.log = temp2;
   }
-}
+};
 ```
 
 `showLatestPosts` should set the inner HTML of `#posts-container` to a string made by joining `tr` elements, one for each item in `topics`.
@@ -445,53 +484,56 @@ async () => {
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-assert.lengthOf(pContainer.querySelectorAll("tr"), 2);
+assert.lengthOf(pContainer.querySelectorAll('tr'), 2);
 ```
 
 Each `tr` element from the string returned by `showLatestPosts` should contain `5` `td` elements.
@@ -500,54 +542,57 @@ Each `tr` element from the string returned by `showLatestPosts` should contain `
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-assert.lengthOf(pContainer.querySelectorAll("tr:first-child>td"), 5);
-assert.lengthOf(pContainer.querySelectorAll("tr:last-child>td"), 5);
+assert.lengthOf(pContainer.querySelectorAll('tr:first-child>td'), 5);
+assert.lengthOf(pContainer.querySelectorAll('tr:last-child>td'), 5);
 ```
 
 The first `td` element of each table row from the string returned by `showLatestPosts` should contain two anchor elements, the first with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and the second obtained by calling `forumCategory` with `category_id`.
@@ -556,74 +601,91 @@ The first `td` element of each table row from the string returned by `showLatest
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-const anchors1 = pContainer.querySelectorAll("tr:first-child>td>a");
+const anchors1 = pContainer.querySelectorAll('tr:first-child>td>a');
 assert.lengthOf(anchors1, 2);
 
-const anchors2 = pContainer.querySelectorAll("tr:last-child>td>a");
+const anchors2 = pContainer.querySelectorAll('tr:last-child>td>a');
 assert.lengthOf(anchors2, 2);
 
-assert.equal(anchors1[0].classList[0], "post-title");
-assert.equal(anchors1[0].href, "https://forum.freecodecamp.org/t/the-freecodecamp-podcast-is-back-now-with-video/684569");
-assert.equal(anchors1[0].innerText.trim(), "The freeCodeCamp Podcast is back – now with video");
-
-assert.equal(anchors1[1].classList[0], "category");
-assert.equal(anchors1[1].classList[1], "general");
-assert.equal(anchors1[1].href, "https://forum.freecodecamp.org/c/general/1");
-
-
-assert.equal(anchors2[0].classList[0], "post-title");
-assert.equal(anchors2[0].href, "https://forum.freecodecamp.org/t/problem-with-making-changes-to-styles-js/686149");
-assert.equal(anchors2[0].innerText.trim(), "Problem with making changes to styles. (JS)");
-
-assert.equal(anchors2[1].classList[0], "category");
-assert.equal(anchors2[1].classList[1], "javascript");
-assert.equal(anchors2[1].href, "https://forum.freecodecamp.org/c/javascript/421");
+assert.equal(anchors1[0].classList[0], 'post-title');
+assert.equal(
+  anchors1[0].href,
+  'https://forum.freecodecamp.org/t/the-freecodecamp-podcast-is-back-now-with-video/684569'
+);
+assert.equal(
+  anchors1[0].innerText.trim(),
+  'The freeCodeCamp Podcast is back – now with video'
+);
+
+assert.equal(anchors1[1].classList[0], 'category');
+assert.equal(anchors1[1].classList[1], 'general');
+assert.equal(anchors1[1].href, 'https://forum.freecodecamp.org/c/general/1');
+
+assert.equal(anchors2[0].classList[0], 'post-title');
+assert.equal(
+  anchors2[0].href,
+  'https://forum.freecodecamp.org/t/problem-with-making-changes-to-styles-js/686149'
+);
+assert.equal(
+  anchors2[0].innerText.trim(),
+  'Problem with making changes to styles. (JS)'
+);
+
+assert.equal(anchors2[1].classList[0], 'category');
+assert.equal(anchors2[1].classList[1], 'javascript');
+assert.equal(
+  anchors2[1].href,
+  'https://forum.freecodecamp.org/c/javascript/421'
+);
 ```
 
 The second `td` element of each table row from the string returned by `showLatestPosts` should contain the images returned by the `avatars` function called with `posters` and `users` as arguments, nested within a `div` element with the class of `avatar-container`.
@@ -632,130 +694,154 @@ The second `td` element of each table row from the string returned by `showLates
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-const div1 = pContainer.querySelector("tr:first-child>td:nth-child(2)>div");
-assert.equal(div1.classList[0], "avatar-container");
+const div1 = pContainer.querySelector('tr:first-child>td:nth-child(2)>div');
+assert.equal(div1.classList[0], 'avatar-container');
 
-const div2 = pContainer.querySelector("tr:last-child>td:nth-child(2)>div");
-assert.equal(div2.classList[0], "avatar-container");
+const div2 = pContainer.querySelector('tr:last-child>td:nth-child(2)>div');
+assert.equal(div2.classList[0], 'avatar-container');
 
-const imgs1 = div1.querySelectorAll("img");
+const imgs1 = div1.querySelectorAll('img');
 assert.lengthOf(imgs1, 3);
-assert.equal(imgs1[0].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/quincylarson/30/212400_2.png");
-assert.equal(imgs1[0].alt, "Quincy Larson");
-assert.equal(imgs1[1].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png");
-assert.equal(imgs1[1].alt, "Ilenia");
-assert.equal(imgs1[2].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/30/179497_2.png");
-assert.equal(imgs1[2].alt, "Jessica Wilkins");
-
-const imgs2 = div2.querySelectorAll("img");
+assert.equal(
+  imgs1[0].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/quincylarson/30/212400_2.png'
+);
+assert.equal(imgs1[0].alt, 'Quincy Larson');
+assert.equal(
+  imgs1[1].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png'
+);
+assert.equal(imgs1[1].alt, 'Ilenia');
+assert.equal(
+  imgs1[2].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/30/179497_2.png'
+);
+assert.equal(imgs1[2].alt, 'Jessica Wilkins');
+
+const imgs2 = div2.querySelectorAll('img');
 assert.lengthOf(imgs2, 1);
-assert.equal(imgs2[0].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png");
-assert.equal(imgs2[0].alt, "Ilenia");
+assert.equal(
+  imgs2[0].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png'
+);
+assert.equal(imgs2[0].alt, 'Ilenia');
 ```
 
-The third `td` element of each table row from the string returned by `showLatestPosts` should contain the number of replies to the post. *Hint:* use `posts_count - 1`.
+The third `td` element of each table row from the string returned by `showLatestPosts` should contain the number of replies to the post. _Hint:_ use `posts_count - 1`.
 
 ```js
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(3)").innerText, "7");
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(3)').innerText,
+  '7'
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(3)").innerText, "0");
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(3)').innerText,
+  '0'
+);
 ```
 
 The fourth `td` element of each table row from the string returned by `showLatestPosts` should contain the number of views of the post.
@@ -764,56 +850,65 @@ The fourth `td` element of each table row from the string returned by `showLates
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(4)").innerText, "542");
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(4)').innerText,
+  '542'
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(4)").innerText, "9");
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(4)').innerText,
+  '9'
+);
 ```
 
 The fifth `td` element of each table row from the string returned by `showLatestPosts` should contain time passed since the last activity, generated using the `timeAgo` function.
@@ -822,50 +917,53 @@ The fifth `td` element of each table row from the string returned by `showLatest
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const calcTime = (time) => {
+};
+const calcTime = time => {
   const currentTime = new Date();
   const lastPost = new Date(time);
   const timeDifference = currentTime - lastPost;
@@ -875,13 +973,19 @@ const calcTime = (time) => {
   const daysAgo = Math.floor(hoursAgo / 24);
   return `${daysAgo}d ago`;
 };
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(5)").innerText, calcTime("2024-04-15T16:01:26.403Z"));
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(5)').innerText,
+  calcTime('2024-04-15T16:01:26.403Z')
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText, calcTime("2024-04-19T13:52:03.523Z"));
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(5)').innerText,
+  calcTime('2024-04-19T13:52:03.523Z')
+);
 ```
 
 # --seed--
@@ -889,7 +993,7 @@ assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -932,184 +1036,185 @@ assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText
 
 ```css
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
-  :root {
-    --main-bg-color: #2a2a40;
-    --black: #000;
-    --dark-navy: #0a0a23;
-    --dark-grey: #d0d0d5;
-    --medium-grey: #dfdfe2;
-    --light-grey: #f5f6f7;
-    --peach: #f28373;
-    --salmon-color: #f0aea9;
-    --light-blue: #8bd9f6;
-    --light-orange: #f8b172;
-    --light-green: #93cb5b;
-    --golden-yellow: #f1ba33;
-    --gold: #f9aa23;
-    --green: #6bca6b;
-  }
+:root {
+  --main-bg-color: #2a2a40;
+  --black: #000;
+  --dark-navy: #0a0a23;
+  --dark-grey: #d0d0d5;
+  --medium-grey: #dfdfe2;
+  --light-grey: #f5f6f7;
+  --peach: #f28373;
+  --salmon-color: #f0aea9;
+  --light-blue: #8bd9f6;
+  --light-orange: #f8b172;
+  --light-green: #93cb5b;
+  --golden-yellow: #f1ba33;
+  --gold: #f9aa23;
+  --green: #6bca6b;
+}
 
-  body {
-    background-color: var(--main-bg-color);
-  }
+body {
+  background-color: var(--main-bg-color);
+}
 
-  nav {
-    background-color: var(--dark-navy);
-    padding: 10px 0;
-  }
+nav {
+  background-color: var(--dark-navy);
+  padding: 10px 0;
+}
 
-  .fcc-logo {
-    width: 210px;
-    display: block;
-    margin: auto;
-  }
+.fcc-logo {
+  width: 210px;
+  display: block;
+  margin: auto;
+}
 
-  .title {
-    margin: 25px 0;
-    text-align: center;
-    color: var(--light-grey);
-  }
+.title {
+  margin: 25px 0;
+  text-align: center;
+  color: var(--light-grey);
+}
 
-  .table-wrapper {
-    padding: 0 25px;
-    overflow-x: auto;
-  }
+.table-wrapper {
+  padding: 0 25px;
+  overflow-x: auto;
+}
 
-  table {
-    width: 100%;
-    color: var(--dark-grey);
-    margin: auto;
-    table-layout: fixed;
-    border-collapse: collapse;
-    overflow-x: scroll;
-  }
+table {
+  width: 100%;
+  color: var(--dark-grey);
+  margin: auto;
+  table-layout: fixed;
+  border-collapse: collapse;
+  overflow-x: scroll;
+}
 
-  #topics {
-    text-align: start;
-    width: 60%;
-  }
+#topics {
+  text-align: start;
+  width: 60%;
+}
 
-  th {
-    border-bottom: 2px solid var(--dark-grey);
-    padding-bottom: 10px;
-    font-size: 1.3rem;
-  }
+th {
+  border-bottom: 2px solid var(--dark-grey);
+  padding-bottom: 10px;
+  font-size: 1.3rem;
+}
 
-  td:not(:first-child) {
-    text-align: center;
-  }
+td:not(:first-child) {
+  text-align: center;
+}
 
-  td {
-    border-bottom: 1px solid var(--dark-grey);
-    padding: 20px 0;
-  }
+td {
+  border-bottom: 1px solid var(--dark-grey);
+  padding: 20px 0;
+}
 
-  .post-title {
-    font-size: 1.2rem;
-    color: var(--medium-grey);
-    text-decoration: none;
-  }
+.post-title {
+  font-size: 1.2rem;
+  color: var(--medium-grey);
+  text-decoration: none;
+}
 
-  .category {
-    padding: 3px;
-    color: var(--black);
-    text-decoration: none;
-    display: block;
-    width: fit-content;
-    margin: 10px 0 10px;
-  }
+.category {
+  padding: 3px;
+  color: var(--black);
+  text-decoration: none;
+  display: block;
+  width: fit-content;
+  margin: 10px 0 10px;
+}
 
-  .career {
-    background-color: var(--salmon-color);
-  }
+.career {
+  background-color: var(--salmon-color);
+}
 
-  .feedback,
-  .html-css {
-    background-color: var(--light-blue);
-  }
+.feedback,
+.html-css {
+  background-color: var(--light-blue);
+}
 
-  .support {
-    background-color: var(--light-orange);
-  }
+.support {
+  background-color: var(--light-orange);
+}
 
-  .general {
-    background-color: var(--light-green);
-  }
+.general {
+  background-color: var(--light-green);
+}
 
-  .javascript {
-    background-color: var(--golden-yellow);
-  }
+.javascript {
+  background-color: var(--golden-yellow);
+}
 
-  .backend {
-    background-color: var(--gold);
-  }
+.backend {
+  background-color: var(--gold);
+}
 
-  .python {
-    background-color: var(--green);
-  }
+.python {
+  background-color: var(--green);
+}
 
-  .motivation {
-    background-color: var(--peach);
-  }
+.motivation {
+  background-color: var(--peach);
+}
 
-  .avatar-container {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
+.avatar-container {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
 
-  .avatar-container img {
-    width: 30px;
-    height: 30px;
-  }
+.avatar-container img {
+  width: 30px;
+  height: 30px;
+}
 
-  @media (max-width: 750px) {
-    .table-wrapper {
-      padding: 0 15px;
-    }
+@media (max-width: 750px) {
+  .table-wrapper {
+    padding: 0 15px;
+  }
 
-    table {
-      width: 700px;
-    }
+  table {
+    width: 700px;
+  }
 
-    th {
-      font-size: 1.2rem;
-    }
+  th {
+    font-size: 1.2rem;
+  }
 
-    .post-title {
-      font-size: 1.1rem;
-    }
+  .post-title {
+    font-size: 1.1rem;
   }
+}
 ```
 
 ```js
-const forumLatest = "https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json";
-const forumTopicUrl = "https://forum.freecodecamp.org/t/";
-const forumCategoryUrl = "https://forum.freecodecamp.org/c/";
-const avatarUrl = "https://sea1.discourse-cdn.com/freecodecamp";
+const forumLatest =
+  'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json';
+const forumTopicUrl = 'https://forum.freecodecamp.org/t/';
+const forumCategoryUrl = 'https://forum.freecodecamp.org/c/';
+const avatarUrl = 'https://sea1.discourse-cdn.com/freecodecamp';
 
 const allCategories = {
-  299: { category: "Career Advice", className: "career" },
-  409: { category: "Project Feedback", className: "feedback" },
-  417: { category: "freeCodeCamp Support", className: "support" },
-  421: { category: "JavaScript", className: "javascript" },
-  423: { category: "HTML - CSS", className: "html-css" },
-  424: { category: "Python", className: "python" },
-  432: { category: "You Can Do This!", className: "motivation" },
-  560: { category: "Backend Development", className: "backend" },
+  299: { category: 'Career Advice', className: 'career' },
+  409: { category: 'Project Feedback', className: 'feedback' },
+  417: { category: 'freeCodeCamp Support', className: 'support' },
+  421: { category: 'JavaScript', className: 'javascript' },
+  423: { category: 'HTML - CSS', className: 'html-css' },
+  424: { category: 'Python', className: 'python' },
+  432: { category: 'You Can Do This!', className: 'motivation' },
+  560: { category: 'Backend Development', className: 'backend' }
 };
 ```
 
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -1152,182 +1257,183 @@ const allCategories = {
 
 ```css
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
-  :root {
-    --main-bg-color: #2a2a40;
-    --black: #000;
-    --dark-navy: #0a0a23;
-    --dark-grey: #d0d0d5;
-    --medium-grey: #dfdfe2;
-    --light-grey: #f5f6f7;
-    --peach: #f28373;
-    --salmon-color: #f0aea9;
-    --light-blue: #8bd9f6;
-    --light-orange: #f8b172;
-    --light-green: #93cb5b;
-    --golden-yellow: #f1ba33;
-    --gold: #f9aa23;
-    --green: #6bca6b;
-  }
+:root {
+  --main-bg-color: #2a2a40;
+  --black: #000;
+  --dark-navy: #0a0a23;
+  --dark-grey: #d0d0d5;
+  --medium-grey: #dfdfe2;
+  --light-grey: #f5f6f7;
+  --peach: #f28373;
+  --salmon-color: #f0aea9;
+  --light-blue: #8bd9f6;
+  --light-orange: #f8b172;
+  --light-green: #93cb5b;
+  --golden-yellow: #f1ba33;
+  --gold: #f9aa23;
+  --green: #6bca6b;
+}
 
-  body {
-    background-color: var(--main-bg-color);
-  }
+body {
+  background-color: var(--main-bg-color);
+}
 
-  nav {
-    background-color: var(--dark-navy);
-    padding: 10px 0;
-  }
+nav {
+  background-color: var(--dark-navy);
+  padding: 10px 0;
+}
 
-  .fcc-logo {
-    width: 210px;
-    display: block;
-    margin: auto;
-  }
+.fcc-logo {
+  width: 210px;
+  display: block;
+  margin: auto;
+}
 
-  .title {
-    margin: 25px 0;
-    text-align: center;
-    color: var(--light-grey);
-  }
+.title {
+  margin: 25px 0;
+  text-align: center;
+  color: var(--light-grey);
+}
 
-  .table-wrapper {
-    padding: 0 25px;
-    overflow-x: auto;
-  }
+.table-wrapper {
+  padding: 0 25px;
+  overflow-x: auto;
+}
 
-  table {
-    width: 100%;
-    color: var(--dark-grey);
-    margin: auto;
-    table-layout: fixed;
-    border-collapse: collapse;
-    overflow-x: scroll;
-  }
+table {
+  width: 100%;
+  color: var(--dark-grey);
+  margin: auto;
+  table-layout: fixed;
+  border-collapse: collapse;
+  overflow-x: scroll;
+}
 
-  #topics {
-    text-align: start;
-    width: 60%;
-  }
+#topics {
+  text-align: start;
+  width: 60%;
+}
 
-  th {
-    border-bottom: 2px solid var(--dark-grey);
-    padding-bottom: 10px;
-    font-size: 1.3rem;
-  }
+th {
+  border-bottom: 2px solid var(--dark-grey);
+  padding-bottom: 10px;
+  font-size: 1.3rem;
+}
 
-  td:not(:first-child) {
-    text-align: center;
-  }
+td:not(:first-child) {
+  text-align: center;
+}
 
-  td {
-    border-bottom: 1px solid var(--dark-grey);
-    padding: 20px 0;
-  }
+td {
+  border-bottom: 1px solid var(--dark-grey);
+  padding: 20px 0;
+}
 
-  .post-title {
-    font-size: 1.2rem;
-    color: var(--medium-grey);
-    text-decoration: none;
-  }
+.post-title {
+  font-size: 1.2rem;
+  color: var(--medium-grey);
+  text-decoration: none;
+}
 
-  .category {
-    padding: 3px;
-    color: var(--black);
-    text-decoration: none;
-    display: block;
-    width: fit-content;
-    margin: 10px 0 10px;
-  }
+.category {
+  padding: 3px;
+  color: var(--black);
+  text-decoration: none;
+  display: block;
+  width: fit-content;
+  margin: 10px 0 10px;
+}
 
-  .career {
-    background-color: var(--salmon-color);
-  }
+.career {
+  background-color: var(--salmon-color);
+}
 
-  .feedback,
-  .html-css {
-    background-color: var(--light-blue);
-  }
+.feedback,
+.html-css {
+  background-color: var(--light-blue);
+}
 
-  .support {
-    background-color: var(--light-orange);
-  }
+.support {
+  background-color: var(--light-orange);
+}
 
-  .general {
-    background-color: var(--light-green);
-  }
+.general {
+  background-color: var(--light-green);
+}
 
-  .javascript {
-    background-color: var(--golden-yellow);
-  }
+.javascript {
+  background-color: var(--golden-yellow);
+}
 
-  .backend {
-    background-color: var(--gold);
-  }
+.backend {
+  background-color: var(--gold);
+}
 
-  .python {
-    background-color: var(--green);
-  }
+.python {
+  background-color: var(--green);
+}
 
-  .motivation {
-    background-color: var(--peach);
-  }
+.motivation {
+  background-color: var(--peach);
+}
 
-  .avatar-container {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
+.avatar-container {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
 
-  .avatar-container img {
-    width: 30px;
-    height: 30px;
-  }
+.avatar-container img {
+  width: 30px;
+  height: 30px;
+}
 
-  @media (max-width: 750px) {
-    .table-wrapper {
-      padding: 0 15px;
-    }
+@media (max-width: 750px) {
+  .table-wrapper {
+    padding: 0 15px;
+  }
 
-    table {
-      width: 700px;
-    }
+  table {
+    width: 700px;
+  }
 
-    th {
-      font-size: 1.2rem;
-    }
+  th {
+    font-size: 1.2rem;
+  }
 
-    .post-title {
-      font-size: 1.1rem;
-    }
+  .post-title {
+    font-size: 1.1rem;
   }
+}
 ```
 
 ```js
-const forumLatest = "https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json";
-const forumTopicUrl = "https://forum.freecodecamp.org/t/";
-const forumCategoryUrl = "https://forum.freecodecamp.org/c/";
-const avatarUrl = "https://sea1.discourse-cdn.com/freecodecamp";
+const forumLatest =
+  'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json';
+const forumTopicUrl = 'https://forum.freecodecamp.org/t/';
+const forumCategoryUrl = 'https://forum.freecodecamp.org/c/';
+const avatarUrl = 'https://sea1.discourse-cdn.com/freecodecamp';
 
-const postsContainer = document.getElementById("posts-container");
+const postsContainer = document.getElementById('posts-container');
 
 const allCategories = {
-  299: { category: "Career Advice", className: "career" },
-  409: { category: "Project Feedback", className: "feedback" },
-  417: { category: "freeCodeCamp Support", className: "support" },
-  421: { category: "JavaScript", className: "javascript" },
-  423: { category: "HTML - CSS", className: "html-css" },
-  424: { category: "Python", className: "python" },
-  432: { category: "You Can Do This!", className: "motivation" },
-  560: { category: "Backend Development", className: "backend" },
+  299: { category: 'Career Advice', className: 'career' },
+  409: { category: 'Project Feedback', className: 'feedback' },
+  417: { category: 'freeCodeCamp Support', className: 'support' },
+  421: { category: 'JavaScript', className: 'javascript' },
+  423: { category: 'HTML - CSS', className: 'html-css' },
+  424: { category: 'Python', className: 'python' },
+  432: { category: 'You Can Do This!', className: 'motivation' },
+  560: { category: 'Backend Development', className: 'backend' }
 };
 
-const forumCategory = (id) => {
+const forumCategory = id => {
   let selectedCategory = {};
 
   if (allCategories.hasOwnProperty(id)) {
@@ -1336,8 +1442,8 @@ const forumCategory = (id) => {
     selectedCategory.className = className;
     selectedCategory.category = category;
   } else {
-    selectedCategory.className = "general";
-    selectedCategory.category = "General";
+    selectedCategory.className = 'general';
+    selectedCategory.category = 'General';
     selectedCategory.id = 1;
   }
   const url = `${forumCategoryUrl}${selectedCategory.className}/${id}`;
@@ -1349,7 +1455,7 @@ const forumCategory = (id) => {
   </a>`;
 };
 
-const timeAgo = (time) => {
+const timeAgo = time => {
   const currentTime = new Date();
   const lastPost = new Date(time);
 
@@ -1371,7 +1477,7 @@ const timeAgo = (time) => {
   return `${daysAgo}d ago`;
 };
 
-const viewCount = (views) => {
+const viewCount = views => {
   const thousands = Math.floor(views / 1000);
 
   if (views >= 1000) {
@@ -1383,17 +1489,17 @@ const viewCount = (views) => {
 
 const avatars = (posters, users) => {
   return posters
-    .map((poster) => {
-      const user = users.find((user) => user.id === poster.user_id);
+    .map(poster => {
+      const user = users.find(user => user.id === poster.user_id);
       if (user) {
         const avatar = user.avatar_template.replace(/{size}/, 30);
-        const userAvatarUrl = avatar.startsWith("/user_avatar/")
+        const userAvatarUrl = avatar.startsWith('/user_avatar/')
           ? avatarUrl.concat(avatar)
           : avatar;
         return `<img src="${userAvatarUrl}" alt="${user.name}" />`;
       }
     })
-    .join("");
+    .join('');
 };
 
 const fetchData = async () => {
@@ -1408,23 +1514,24 @@ const fetchData = async () => {
 
 fetchData();
 
-const showLatestPosts = (data) => {
+const showLatestPosts = data => {
   const { topic_list, users } = data;
   const { topics } = topic_list;
 
-  postsContainer.innerHTML = topics.map((item) => {
-    const {
-      id,
-      title,
-      views,
-      posts_count,
-      slug,
-      posters,
-      category_id,
-      bumped_at,
-    } = item;
-
-    return `
+  postsContainer.innerHTML = topics
+    .map(item => {
+      const {
+        id,
+        title,
+        views,
+        posts_count,
+        slug,
+        posters,
+        category_id,
+        bumped_at
+      } = item;
+
+      return `
     <tr>
       <td>
        <a class="post-title" target="_blank" href="${forumTopicUrl}${slug}/${id}">
@@ -1441,6 +1548,7 @@ const showLatestPosts = (data) => {
       <td>${viewCount(views)}</td>
       <td>${timeAgo(bumped_at)}</td>
     </tr>`;
-  }).join("");
+    })
+    .join('');
 };
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md b/curriculum/challenges/espanol/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
index 7463e2dbcd..186296d392 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
@@ -23,6 +23,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. If the quantity after the subtraction is zero, `removeProduct` should remove the product object from the inventory. If the quantity in the inventory is not enough to perform the subtraction, the `removeProduct` function should log the string `Not enough <product-name> available, remaining pieces: <product-quantity>` to the console.
 1. If the product to remove is not present in the inventory, the `removeProduct` function should log `<product-name> not found` to the console.
 
+**Note:** To prevent conflicts, keep only the logging mentioned in the user stories when running tests.
+
 # --hints--
 
 You should declare an empty array named `inventory`.
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md b/curriculum/challenges/espanol/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
index 332c23a7dd..fba79087f2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
@@ -19,8 +19,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 4. To check if the year is a leap year, fulfill the following conditions:
 
    - If the year is divisible by `4`, then it is a leap year.
-   - If the year is divisible by `100`, then it is not a leap year.
-   - If the year is divisible by `400`, then it is a leap year.
+   - Unless the year is also divisible by `100`, then it is not a leap year.
+   - Unless the year is also divisible by `400`, then it is a leap year.
 
 5. If the year is a leap year, return `[year] is a leap year.`. Otherwise, return `[year] is not a leap year.`. You will replace `[year]` with the parameter defined in the `isLeapYear` function.
 6. You should call the `isLeapYear` function with `year` as the argument and assign the result to a variable named `result`.
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md b/curriculum/challenges/espanol/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
index fa189ed89f..057dbbee53 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
@@ -27,8 +27,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. Your `.lightbox` element should have a fixed position so that the preview opens on top of the current images.
 1. Your `.lightbox` element should cover the entire viewport by setting the height and width to 100% of the container. You should ensure that the lightbox element starts at the top left corner of the container.
 1. `.lightbox` should have a background color. Initially, its `display` property should be set to `none` to hide it.
-1. When you click one of your `.gallery-item` elements, the `.lightbox` element’s `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
-1. When you click one of your `.gallery-item` elements, the `#lightbox-image` element’s `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image’s `src` attribute. The full-size images are located at the following links:
+1. When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
+1. When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute. The full-size images are located at the following links:
 
     - `https://cdn.freecodecamp.org/curriculum/labs/stonehenge.jpg`
     - `https://cdn.freecodecamp.org/curriculum/labs/storm.jpg`
@@ -151,7 +151,7 @@ Your `.lightbox` element should be hidden initially.
 assert.equal(new __helpers.CSSHelp(document).getStyle('.lightbox')?.display, 'none');
 ```
 
-When you click one of your `.gallery-item` elements, the `.lightbox` element’s `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
+When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
 
 ```js
 // Get the lightbox element
@@ -178,7 +178,7 @@ galleryItem.dispatchEvent(new Event('click'));
 assert.strictEqual(getComputedDisplay(lightbox), 'flex');
 ```
 
-When you click one of your `.gallery-item` elements, the `#lightbox-image` element’s `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image’s `src` attribute.
+When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute.
 
 ```js
 // Select gallery items and lightbox image element
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md b/curriculum/challenges/espanol/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
new file mode 100644
index 0000000000..76e6b39645
--- /dev/null
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
@@ -0,0 +1,263 @@
+---
+id: 6735a7370e0ae93a4577c689
+title: Design a Magazine Layout
+challengeType: 25
+dashedName: design-a-magazine-layout
+demoType: onClick
+---
+
+# --description--
+
+In this lab, you will design a magazine layout using CSS Grid, including concepts like grid rows and grid columns.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should have a `main` element with the class `magazine-cover`.
+
+2. Your `.magazine-cover` should contain a `header` element for the title with the class `title`.
+
+3. You should have four `section` elements in your page. The first three sections for magazine articles and a fourth `section` element for a cover image.
+
+4. The four `section` elements should have a `class` attribute of `feature-article`, `small-article1`, `small-article2`, and `cover-image`, respectively.
+
+5. You should set the `display` property of `.magazine-cover` to `grid.`
+
+6. The `.magazine-cover` should have a `grid-template-areas` property that defines the layout of the grid:
+
+   - The title spanning the top row.
+   - A feature article spanning two columns and a cover image in the second row.
+   - Two small articles and the cover image in the third row.
+
+7. The `.magazine-cover` should have a `grid-template-columns` property that divides the space into three equal parts.
+
+8. The `.magazine-cover` should have a `grid-template-rows` property. It should be set to `auto` for the first row, and divide equally the space occupied by the remaining two rows.
+
+9. You should add a gap between grid items and set the width of the `.magazine-cover` to occupy most of the viewport width.
+
+**Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
+
+# --hints--
+
+You should have a `main` element.
+
+```js
+assert.exists(document.querySelector('main'));
+```
+
+Your `main` element should have a `class` of `magazine-cover`.
+
+```js
+assert.exists(document.querySelector('main.magazine-cover'));
+```
+
+You should have a `header` element within your `main` element.
+
+```js
+assert.exists(document.querySelector("main > header"));
+```
+
+Your `header` element should have a `class` of `title` and should contain some text.
+
+```js
+const header = document.querySelector("header.title");
+assert.exists(header);
+assert.isAbove(header.innerText.length, 0);
+```
+
+You should have a `section` element for each article and the cover image, with classes `feature-article`, `small-article1`, `small-article2`, and `cover-image` respectively.
+
+```js
+const featureArticle = document.querySelector('section.feature-article');
+const smallArticle1 = document.querySelector('section.small-article1');
+const smallArticle2 = document.querySelector('section.small-article2');
+const coverImage = document.querySelector('section.cover-image');
+
+assert.exists(featureArticle);
+assert.exists(smallArticle1);
+assert.exists(smallArticle2);
+assert.exists(coverImage);
+```
+
+The `display` property of the `.magazine-cover` should be set to `grid`.
+
+```js
+assert.equal(getComputedStyle(document.querySelector('.magazine-cover')).display, 'grid');
+```
+
+Your `.magazine-cover` should have a `grid-template-areas` property with `title` spanning all three columns of the first row.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /^("|')title title title\1/);
+```
+
+The second row of the grid template should contain a `feature article` spanning two columns and a `cover image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /.("|')feature-article feature-article cover-image\1./);
+```
+
+The third row of the grid template should contain `small-article1`, `small-article2`, and `cover-image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /("|')small-article1 small-article2 cover-image\1$/);
+```
+
+Your `.magazine-cover` class should have a `grid-template-columns` property set to `1fr 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateColumns, '1fr 1fr 1fr');
+```
+
+Your `.magazine-cover` class should have a `grid-template-rows` property set to `auto 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateRows, 'auto 1fr 1fr');
+```
+
+You should add a gap of `10px` between grid items.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gap, '10px');
+```
+
+The `.title` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.title')?.gridArea, 'title');
+```
+
+The `.feature-article` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.feature-article')?.gridArea, 'feature-article');
+```
+
+The `.cover-image` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.cover-image')?.gridArea, 'cover-image');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+<meta charset="utf-8">
+<title>Magazine Layout</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
+```
+
+```css
+
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Adventure Magazine</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <main class="magazine-cover">
+      <header class="title">
+          <h1>Adventure Awaits</h1>
+      </header>
+      <section class="feature-article">
+          <h2>Top 10 Exotic Destinations for 2024</h2>
+          <p>Discover the most breathtaking places to visit this year, from hidden beaches to mountain retreats. Our guide takes you through the best spots for your next adventure.</p>
+      </section>
+      <section class="small-article1">
+          <h3>Gear Up: Must-Have Gadgets</h3>
+          <p>Check out the latest tech and gear to make your travels more exciting and comfortable.</p>
+      </section>
+      <section class="small-article2">
+          <h3>Meet the Explorers</h3>
+          <p>Get to know the modern adventurers who are pushing the boundaries of exploration.</p>
+      </section>
+      <section class="cover-image">
+          <img src="https://cdn.freecodecamp.org/curriculum/labs/magazine-cover.png" alt="Adventure Cover Image">
+      </section>
+  </main>
+</body>
+</html>
+```
+
+```css
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-color: #f0f0f0;
+}
+
+.magazine-cover {
+  display: grid;
+  grid-template-areas: 
+      "title title title"
+      "feature-article feature-article cover-image"
+      "small-article1 small-article2 cover-image";
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: auto 1fr 1fr;
+  gap: 10px;
+  width: 80%;
+  background-color: #fff;
+}
+
+.title {
+  grid-area: title;
+  background-color: #1B1B32;
+  color: white;
+  padding: 10px;
+  text-align: center;
+}
+
+.feature-article {
+  grid-area: feature-article;
+  background-color: #f9f9f9;
+  padding: 10px;
+}
+
+.small-article1, .small-article2 {
+  background-color: #e9e9e9;
+  padding: 10px;
+}
+
+.cover-image {
+  grid-area: cover-image;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ddd;
+  padding: 10px;
+}
+
+.cover-image img {
+  max-width: 100%;
+  height: auto;
+} 
+```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md b/curriculum/challenges/espanol/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
index 3a892ab0e3..9db0fcc7f9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
@@ -1,7 +1,7 @@
 ---
 id: 673b3d6b7ef7318eef926d5a
 title: Build a Mood Board
-challengeType: 14
+challengeType: 25
 dashedName: build-a-mood-board
 demoType: onClick
 ---
@@ -36,20 +36,23 @@ You can use the following images in your Mood Board if you would like:
 - `https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg`
 - `https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg`
 
-
 # --hints--
 
 You should export a `MoodBoardItem` component.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
 assert.lengthOf(mockedComponent.find('MoodBoardItem'), 1);
 ```
 
 Your `MoodBoardItem` component should return a `div` with a class of `mood-board-item` at its top-level element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
 assert.equal(mockedComponent.childAt(0).type(), 'div');
 assert.isTrue(mockedComponent.childAt(0).hasClass('mood-board-item'));
 ```
@@ -57,16 +60,23 @@ assert.isTrue(mockedComponent.childAt(0).hasClass('mood-board-item'));
 The background color of the `.mood-board-item` element should be set to the value of `color` prop using inline styles.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ color: "colorValue" });
-assert.equal(mockedComponent.find('.mood-board-item').prop('style').backgroundColor, 'colorValue');
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ color: 'colorValue' });
+assert.equal(
+  mockedComponent.find('.mood-board-item').prop('style').backgroundColor,
+  'colorValue'
+);
 ```
 
 Your `MoodBoardItem` component should render an `img` element with a class of `mood-board-image` and its `src` set to the value of the `image` prop.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ image: "imageValue" });
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ image: 'imageValue' });
 const img = mockedComponent.find('img.mood-board-image');
 assert.lengthOf(img, 1);
 assert.equal(img.prop('src'), 'imageValue');
@@ -75,8 +85,10 @@ assert.equal(img.prop('src'), 'imageValue');
 Your `MoodBoardItem` component should render an `h3` element with a class of `mood-board-text` and its text set to the value of the `description` prop.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ description: "descriptionValue" });
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ description: 'descriptionValue' });
 const h3 = mockedComponent.find('h3.mood-board-text');
 assert.lengthOf(h3, 1);
 assert.equal(h3.text(), 'descriptionValue');
@@ -85,21 +97,27 @@ assert.equal(h3.text(), 'descriptionValue');
 You should export a `MoodBoard` component.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.lengthOf(mockedComponent.find('MoodBoard'), 1);
 ```
 
 Your `MoodBoard` component should return a `div` as its top-level element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.equal(mockedComponent.childAt(0).type(), 'div');
 ```
 
 Your `MoodBoard` component should render an `h1` element with a class of `mood-board-heading` and the text `Destination Mood Board`.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 const h1 = mockedComponent.find('h1.mood-board-heading');
 assert.lengthOf(h1, 1);
 assert.equal(h1.text(), 'Destination Mood Board');
@@ -108,9 +126,11 @@ assert.equal(h1.text(), 'Destination Mood Board');
 Your `MoodBoard` component should render at least three `MoodBoardItem` components, each should pass `color`, `image`, and `description` props with valid values.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 const mbItems = mockedComponent.find(window.index.MoodBoardItem);
-assert.isAtLeast(mbItems.length, 3)
+assert.isAtLeast(mbItems.length, 3);
 const propsList = mbItems.map(item => item.props());
 propsList.forEach(({ color, image, description }) => {
   assert.isAtLeast(color.length, 1);
@@ -122,7 +142,9 @@ propsList.forEach(({ color, image, description }) => {
 Your `MoodBoard` component should be rendered to the page's `#root` element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ```
 
@@ -131,85 +153,83 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Mood Board</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { MoodBoard } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <MoodBoard />
-        );
+      import { MoodBoard } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <MoodBoard />
+      );
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 body {
-    background-color: #ffffcc;
+  background-color: #ffffcc;
 }
 
 .mood-board-heading {
-    text-align: center;
-    font-size: 2.5em;
-    color: #333;
-    margin-top: 20px;
+  text-align: center;
+  font-size: 2.5em;
+  color: #333;
+  margin-top: 20px;
 }
 
 .mood-board {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    padding: 20px;
-    max-width: 900px;
-    margin: 0 auto;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
 }
 
 .mood-board-item {
-    border-radius: 10px;
-    padding: 10px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    text-align: center;
-    height: 250px;
+  border-radius: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  height: 250px;
 }
 
 .mood-board-image {
-    border-radius: 5px;
-    width: 180px;
-    height:150px;
-    object-fit: cover;
+  border-radius: 5px;
+  width: 180px;
+  height: 150px;
+  object-fit: cover;
 }
 
 .mood-board-text {
-    margin-top: 20px;
-    font-size: 1.2em;
+  margin-top: 20px;
+  font-size: 1.2em;
 }
 ```
 
@@ -220,94 +240,92 @@ body {
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Mood Board</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { MoodBoard } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <MoodBoard />
-        );
+      import { MoodBoard } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <MoodBoard />
+      );
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 body {
-    background-color: #ffffcc;
+  background-color: #ffffcc;
 }
 
 .mood-board-heading {
-    text-align: center;
-    font-size: 2.5em;
-    color: #333;
-    margin-top: 20px;
+  text-align: center;
+  font-size: 2.5em;
+  color: #333;
+  margin-top: 20px;
 }
 
 .mood-board {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    padding: 20px;
-    max-width: 900px;
-    margin: 0 auto;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
 }
 
 .mood-board-item {
-    border-radius: 10px;
-    padding: 10px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    text-align: center;
-    height: 250px;
+  border-radius: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  height: 250px;
 }
 
 .mood-board-image {
-    border-radius: 5px;
-    width: 180px;
-    height:150px;
-    object-fit: cover;
+  border-radius: 5px;
+  width: 180px;
+  height: 150px;
+  object-fit: cover;
 }
 
 .mood-board-text {
-    margin-top: 20px;
-    font-size: 1.2em;
+  margin-top: 20px;
+  font-size: 1.2em;
 }
 ```
 
 ```jsx
 export function MoodBoardItem(props) {
   return (
-    <div className="mood-board-item" style={{ backgroundColor: props.color }}>
-      <img src={props.image} alt="Mood" className="mood-board-image" />
-      <h3 className="mood-board-text">{props.description}</h3>
+    <div className='mood-board-item' style={{ backgroundColor: props.color }}>
+      <img src={props.image} alt='Mood' className='mood-board-image' />
+      <h3 className='mood-board-text'>{props.description}</h3>
     </div>
   );
 }
@@ -315,37 +333,37 @@ export function MoodBoardItem(props) {
 export function MoodBoard() {
   return (
     <div>
-      <h1 className="mood-board-heading">Destination Mood Board</h1>
-      <div className="mood-board">
+      <h1 className='mood-board-heading'>Destination Mood Board</h1>
+      <div className='mood-board'>
         <MoodBoardItem
-          color="#2da64f"
-          image="https://cdn.freecodecamp.org/curriculum/labs/pathway.jpg"
-          description="Carribean"
+          color='#2da64f'
+          image='https://cdn.freecodecamp.org/curriculum/labs/pathway.jpg'
+          description='Carribean'
         />
         <MoodBoardItem
-          color="#8e44ad"
-          image="https://cdn.freecodecamp.org/curriculum/labs/shore.jpg"
-          description="Gawadar Beach"
+          color='#8e44ad'
+          image='https://cdn.freecodecamp.org/curriculum/labs/shore.jpg'
+          description='Gawadar Beach'
         />
         <MoodBoardItem
-          color="#3498db"
-          image="https://cdn.freecodecamp.org/curriculum/labs/grass.jpg"
-          description="Cape Town"
+          color='#3498db'
+          image='https://cdn.freecodecamp.org/curriculum/labs/grass.jpg'
+          description='Cape Town'
         />
         <MoodBoardItem
-          color="#bf3d7e"
-          image="https://cdn.freecodecamp.org/curriculum/labs/ship.jpg"
-          description="Suez Canal"
+          color='#bf3d7e'
+          image='https://cdn.freecodecamp.org/curriculum/labs/ship.jpg'
+          description='Suez Canal'
         />
         <MoodBoardItem
-          color="#e74c3c"
-          image="https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg"
-          description="Santorini"
+          color='#e74c3c'
+          image='https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg'
+          description='Santorini'
         />
         <MoodBoardItem
-          color="#95a5a6"
-          image="https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg"
-          description="Istanbul"
+          color='#95a5a6'
+          image='https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg'
+          description='Istanbul'
         />
       </div>
     </div>
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md b/curriculum/challenges/espanol/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md
index 9e16308e4f..c2bc18d956 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md
@@ -25,12 +25,12 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. When the `#text-input` element contains the text `_eye` and the `#check-btn` element is clicked, the `#result` element should contain the text `"_eye is a palindrome"`.
 1. When the `#text-input` element contains the text `race car` and the `#check-btn` element is clicked, the `#result` element should contain the text `"race car is a palindrome"`.
 1. When the `#text-input` element contains the text `not a palindrome` and the `#check-btn` element is clicked, the `#result` element should contain the text `"not a palindrome is not a palindrome"`.
-1. Cuando el elemento `#text-input` contiene el texto `A man, a plan, a canal. Panama` y el elemento `#check-btn` es pulsado, el elemento `#result` debe contener el texto `"A man, a plan, a canal. Panama is a palindrome"`.
+1. When the `#text-input` element contains the text `A man, a plan, a canal. Panama` and the `#check-btn` element is clicked, the `#result` element should contain the text `"A man, a plan, a canal. Panama is a palindrome"`.
 1. When the `#text-input` element contains the text `never odd or even` and the `#check-btn` element is clicked, the `#result` element should contain the text `"never odd or even is a palindrome"`.
 1. When the `#text-input` element contains the text `nope` and the `#check-btn` element is clicked, the `#result` element should contain the text `"nope is not a palindrome"`.
 1. When the `#text-input` element contains the text `almostomla` and the `#check-btn` element is clicked, the `#result` element should contain the text `"almostomla is not a palindrome"`.
 1. When the `#text-input` element contains the text `My age is 0, 0 si ega ym.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"My age is 0, 0 si ega ym. is a palindrome"`.
-1. Cuando el elemento `#text-input` contiene el texto `1 eye for of 1 eye` y se hace clic en el elemento `#check-btn`, el elemento `#result` debería contener el texto `"1 eye for of 1 eye. is not a palindrome"`.
+1. When the `#text-input` element contains the text `1 eye for of 1 eye.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"1 eye for of 1 eye. is not a palindrome"`.
 1. When the `#text-input` element contains the text `0_0 (: /-\ :) 0-0` and the `#check-btn` element is clicked, the `#result` element should contain the text `"0_0 (: /-\ :) 0-0 is a palindrome"`.
 1. When the `#text-input` element contains the text `five|\_/|four` and the `#check-btn` element is clicked, the `#result` element should contain the text `"five|\_/|four is not a palindrome"`.
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md b/curriculum/challenges/espanol/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
index d5e93675f7..99d14778b0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
@@ -13,7 +13,7 @@ In this lab, you'll practice using functions by building a random password gener
 
 **User Stories:**
 
-1. You should create a function called `generatePassword` that takes a parameter. You can name the parameter whatever you like.
+1. You should create a function called `generatePassword` that takes a parameter, indicating the length of generated password. You can name the parameter whatever you like.
 2. Your function should return a string which represents a randomly generated password. You should use the following string and different `Math` methods to help you return a new string with random characters in it: `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()`.
 3. You should define a variable called `password` and assign it the result of calling the `generatePassword` function with a numeric argument that represents the desired password length.
 4. You should have a `console.log` that logs the message `"Generated password:"` followed by the `password` variable.
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md b/curriculum/challenges/espanol/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
index d17830c536..139a2cf298 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
@@ -31,8 +31,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 Tu portafolio debe tener una sección "Bienvenida" con un `id` de `welcome-section`.
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 Tu elemento `#welcome-section` debe contener un elemento `h1`.
@@ -51,16 +51,15 @@ No debes tener ningún elemento `h1` dentro del elemento `#welcome-section`.
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 You should have a "Projects" section with an `id` of `project-section`.
 
 ```js
-const el = document.getElementById('project-section')
-assert(!!el);
+const el = document.getElementById('project-section');
+assert.isNotNull(el);
 ```
 
 Tu portafolio debe contener al menos un elemento con una clase de `project-tile`.
@@ -82,35 +81,33 @@ Tu portafolio debe tener una barra de navegación con un `id` de `navbar`.
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Tu elemento `#navbar` debe contener al menos un elemento `a` cuyo atributo `href` comience con `#`.
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 Tu portafolio debe tener un elemento `a` con un `id` de `profile-link`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Tu elemento `#profile-link` debe tener un atributo `target` de `_blank`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Tu portafolio debe usar al menos una consulta de medios.
@@ -118,14 +115,15 @@ Tu portafolio debe usar al menos una consulta de medios.
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -133,7 +131,7 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -144,8 +142,7 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -156,16 +153,13 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Personal Portfolio</title>
-</head>
-<body>
-
-</body>
-
+  </head>
+  <body></body>
 </html>
 ```
 
@@ -176,31 +170,41 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <link rel="stylesheet" href="styles.css" />
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
-    <link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet" />
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
+      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+
+  <body>
     <!-- START NAV -->
 
     <nav id="navbar" class="nav">
-        <ul class="nav-list">
-            <li>
-                <a href="#welcome-section">About</a>
-            </li>
-            <li>
-                <a href="#project-section">Work</a>
-            </li>
-            <li>
-                <a href="#contact">Contact</a>
-            </li>
-        </ul>
+      <ul class="nav-list">
+        <li>
+          <a href="#welcome-section">About</a>
+        </li>
+        <li>
+          <a href="#project-section">Work</a>
+        </li>
+        <li>
+          <a href="#contact">Contact</a>
+        </li>
+      </ul>
     </nav>
 
     <!-- END NAV -->
@@ -208,8 +212,8 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
     <!-- START WELCOME SECTION -->
 
     <section id="welcome-section" class="welcome-section">
-        <h1>Hey I am Mimic</h1>
-        <p>a web developer</p>
+      <h1>Hey I am Mimic</h1>
+      <p>a web developer</p>
     </section>
 
     <!-- END WELCOME SECTION -->
@@ -217,68 +221,113 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
     <!-- START PROJECTS SECTION -->
 
     <section id="project-section" class="projects-section">
-        <h2 class="projects-section-header">These are some of my projects</h2>
-
-        <div class="projects-grid">
-            <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tribute Page
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Random Quote Machine
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    JavaScript Calculator
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Map Data Across the Globe
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wGqEga" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Wikipedia Viewer
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/KzXQgy" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png" alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tic Tac Toe Game
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-        </div>
-
-        <a href="https://codepen.io/FreeCodeCamp/" class="btn btn-show-all" target="_blank">Show all<i
-                class="fas fa-chevron-right"></i></a>
+      <h2 class="projects-section-header">These are some of my projects</h2>
+
+      <div class="projects-grid">
+        <a
+          href="https://codepen.io/freeCodeCamp/full/zNqgVx"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tribute Page
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/qRZeGZ"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Random Quote Machine
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wgGVVX"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            JavaScript Calculator
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/mVEJag"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Map Data Across the Globe
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wGqEga"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Wikipedia Viewer
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/KzXQgy"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tic Tac Toe Game
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+      </div>
+
+      <a
+        href="https://codepen.io/FreeCodeCamp/"
+        class="btn btn-show-all"
+        target="_blank"
+        >Show all<i class="fas fa-chevron-right"></i
+      ></a>
     </section>
 
     <!-- END PROJECTS SECTION -->
@@ -286,20 +335,37 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
     <!-- START CONTACT SECTION -->
 
     <section id="contact" class="contact-section">
-        <div class="contact-section-header">
-            <h2>Let's work together...</h2>
-            <p>How do you take your coffee?</p>
-        </div>
-        <div class="contact-links">
-            <a href="https://facebook.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-facebook-square"></i> Facebook</a>
-            <a id="profile-link" href="https://github.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-github"></i> GitHub</a>
-            <a href="https://twitter.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-twitter"></i> Twitter</a>
-            <a href="mailto:example@example.com" class="btn contact-details"><i class="fas fa-at"></i> Send a mail</a>
-            <a href="tel:555-555-5555" class="btn contact-details"><i class="fas fa-mobile-alt"></i> Call me</a>
-        </div>
+      <div class="contact-section-header">
+        <h2>Let's work together...</h2>
+        <p>How do you take your coffee?</p>
+      </div>
+      <div class="contact-links">
+        <a
+          href="https://facebook.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-facebook-square"></i> Facebook</a
+        >
+        <a
+          id="profile-link"
+          href="https://github.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-github"></i> GitHub</a
+        >
+        <a
+          href="https://twitter.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-twitter"></i> Twitter</a
+        >
+        <a href="mailto:example@example.com" class="btn contact-details"
+          ><i class="fas fa-at"></i> Send a mail</a
+        >
+        <a href="tel:555-555-5555" class="btn contact-details"
+          ><i class="fas fa-mobile-alt"></i> Call me</a
+        >
+      </div>
     </section>
 
     <!-- END CONTACT SECTION -->
@@ -307,54 +373,58 @@ Tu elemento `#navbar` debe estar siempre en la parte superior del viewport.
     <!-- START FOOTER SECTION -->
 
     <footer>
-        <p>
-            **This is just a fake portfolio. All the projects and contact details
-            given are not real.
-        </p>
-        <p>
-            &copy; Created for
-            <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp <i
-                    class="fab fa-free-code-camp"></i></a>
-        </p>
+      <p>
+        **This is just a fake portfolio. All the projects and contact details
+        given are not real.
+      </p>
+      <p>
+        &copy; Created for
+        <a href="https://www.freecodecamp.org/" target="_blank"
+          >freeCodeCamp <i class="fab fa-free-code-camp"></i
+        ></a>
+      </p>
     </footer>
 
     <!-- END FOOTER SECTION -->
+</body>
 </body>
 
+  </body>
+
 </html>
 ```
 
 ```css
 /* Custom properties/variables  */
 :root {
-    --main-white: #f0f0f0;
-    --main-red: #be3144;
-    --main-blue: #45567d;
-    --main-gray: #303841;
+  --main-white: #f0f0f0;
+  --main-red: #be3144;
+  --main-blue: #45567d;
+  --main-gray: #303841;
 }
 
 /* Base reset */
 * {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* box-sizing and font sizing */
 *,
 *::before,
 *::after {
-    box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 html {
-    box-sizing: border-box;
+  box-sizing: border-box;
 
-    /* Set font size for easy rem calculations
+  /* Set font size for easy rem calculations
    * default document font size = 16px, 1rem = 16px, 100% = 16px
    * (100% / 16px) * 10 = 62.5%, 1rem = 10px, 62.5% = 10px
   */
-    font-size: 62.5%;
-    scroll-behavior: smooth;
+  font-size: 62.5%;
+  scroll-behavior: smooth;
 }
 
 /* A few media query to set some font sizes at different screen sizes.
@@ -374,287 +444,287 @@ html {
 
 /* 1200px / 16px = 75em */
 @media (max-width: 75em) {
-    html {
-        font-size: 60%;
-    }
+  html {
+    font-size: 60%;
+  }
 }
 
 /* 980px / 16px = 61.25em */
 @media (max-width: 61.25em) {
-    html {
-        font-size: 58%;
-    }
+  html {
+    font-size: 58%;
+  }
 }
 
 /* 460px / 16px = 28.75em */
 @media (max-width: 28.75em) {
-    html {
-        font-size: 55%;
-    }
+  html {
+    font-size: 55%;
+  }
 }
 
 /* Base styles */
 
 body {
-    font-family: 'Poppins', sans-serif;
-    font-size: 1.8rem;
-    /* 18px */
-    font-weight: 400;
-    line-height: 1.4;
-    color: var(--main-white);
+  font-family: 'Poppins', sans-serif;
+  font-size: 1.8rem;
+  /* 18px */
+  font-weight: 400;
+  line-height: 1.4;
+  color: var(--main-white);
 }
 
 h1,
 h2 {
-    font-family: 'Raleway', sans-serif;
-    font-weight: 700;
-    text-align: center;
+  font-family: 'Raleway', sans-serif;
+  font-weight: 700;
+  text-align: center;
 }
 
 h1 {
-    font-size: 6rem;
+  font-size: 6rem;
 }
 
 h2 {
-    font-size: 4.2rem;
+  font-size: 4.2rem;
 }
 
 ul {
-    list-style: none;
+  list-style: none;
 }
 
 a {
-    text-decoration: none;
-    color: var(--main-white);
+  text-decoration: none;
+  color: var(--main-white);
 }
 
 img {
-    display: block;
-    width: 100%;
+  display: block;
+  width: 100%;
 }
 
 /* nav */
 
 .nav {
-    display: flex;
-    justify-content: flex-end;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    background: var(--main-red);
-    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
-    z-index: 10;
+  display: flex;
+  justify-content: flex-end;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: var(--main-red);
+  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
+  z-index: 10;
 }
 
 .nav-list {
-    display: flex;
-    margin-right: 2rem;
+  display: flex;
+  margin-right: 2rem;
 }
 
 @media (max-width: 28.75em) {
-    .nav {
-        justify-content: center;
-    }
+  .nav {
+    justify-content: center;
+  }
 
-    .nav-list {
-        margin: 0 1rem;
-    }
+  .nav-list {
+    margin: 0 1rem;
+  }
 }
 
 .nav-list a {
-    display: block;
-    font-size: 2.2rem;
-    padding: 2rem;
+  display: block;
+  font-size: 2.2rem;
+  padding: 2rem;
 }
 
 .nav-list a:hover {
-    background: var(--main-blue);
+  background: var(--main-blue);
 }
 
 /* Welcome section */
 
 .welcome-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100vh;
-    background-color: #000;
-    background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+  background-color: #000;
+  background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
 }
 
-.welcome-section>p {
-    font-size: 3rem;
-    font-weight: 200;
-    font-style: italic;
-    color: var(--main-red);
+.welcome-section > p {
+  font-size: 3rem;
+  font-weight: 200;
+  font-style: italic;
+  color: var(--main-red);
 }
 
 /* Projects section */
 
 .projects-section {
-    text-align: center;
-    padding: 10rem 2rem;
-    background: var(--main-blue);
+  text-align: center;
+  padding: 10rem 2rem;
+  background: var(--main-blue);
 }
 
 .projects-section-header {
-    max-width: 640px;
-    margin: 0 auto 6rem auto;
-    border-bottom: 0.2rem solid var(--main-white);
+  max-width: 640px;
+  margin: 0 auto 6rem auto;
+  border-bottom: 0.2rem solid var(--main-white);
 }
 
 @media (max-width: 28.75em) {
-    .projects-section-header {
-        font-size: 4rem;
-    }
+  .projects-section-header {
+    font-size: 4rem;
+  }
 }
 
 /* "Automagic" image grid using no media queries */
 .projects-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    grid-gap: 4rem;
-    width: 100%;
-    max-width: 1280px;
-    margin: 0 auto;
-    margin-bottom: 6rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  grid-gap: 4rem;
+  width: 100%;
+  max-width: 1280px;
+  margin: 0 auto;
+  margin-bottom: 6rem;
 }
 
 @media (max-width: 30.625em) {
-    .projects-section {
-        padding: 6rem 1rem;
-    }
+  .projects-section {
+    padding: 6rem 1rem;
+  }
 
-    .projects-grid {
-        grid-template-columns: 1fr;
-    }
+  .projects-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 .project {
-    background: var(--main-gray);
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-    border-radius: 2px;
+  background: var(--main-gray);
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 2px;
 }
 
 .code {
-    color: var(--main-gray);
-    transition: color 0.3s ease-out;
+  color: var(--main-gray);
+  transition: color 0.3s ease-out;
 }
 
 .project:hover .code {
-    color: #ff7f50;
+  color: #ff7f50;
 }
 
 .project-image {
-    height: calc(100% - 6.8rem);
-    width: 100%;
-    object-fit: cover;
+  height: calc(100% - 6.8rem);
+  width: 100%;
+  object-fit: cover;
 }
 
 .project-title {
-    font-size: 2rem;
-    padding: 2rem 0.5rem;
+  font-size: 2rem;
+  padding: 2rem 0.5rem;
 }
 
 .btn {
-    display: inline-block;
-    padding: 1rem 2rem;
-    border-radius: 2px;
+  display: inline-block;
+  padding: 1rem 2rem;
+  border-radius: 2px;
 }
 
 .btn-show-all {
-    font-size: 2rem;
-    background: var(--main-gray);
-    transition: background 0.3s ease-out;
+  font-size: 2rem;
+  background: var(--main-gray);
+  transition: background 0.3s ease-out;
 }
 
 .btn-show-all:hover {
-    background: var(--main-red);
+  background: var(--main-red);
 }
 
-.btn-show-all:hover>i {
-    transform: translateX(2px);
+.btn-show-all:hover > i {
+  transform: translateX(2px);
 }
 
-.btn-show-all>i {
-    margin-left: 10px;
-    transform: translateX(0);
-    transition: transform 0.3s ease-out;
+.btn-show-all > i {
+  margin-left: 10px;
+  transform: translateX(0);
+  transition: transform 0.3s ease-out;
 }
 
 /* Contact section */
 
 .contact-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    width: 100%;
-    height: 80vh;
-    padding: 0 2rem;
-    background: var(--main-gray);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  height: 80vh;
+  padding: 0 2rem;
+  background: var(--main-gray);
 }
 
-.contact-section-header>h2 {
-    font-size: 6rem;
+.contact-section-header > h2 {
+  font-size: 6rem;
 }
 
 @media (max-width: 28.75em) {
-    .contact-section-header>h2 {
-        font-size: 4rem;
-    }
+  .contact-section-header > h2 {
+    font-size: 4rem;
+  }
 }
 
-.contact-section-header>p {
-    font-style: italic;
+.contact-section-header > p {
+  font-style: italic;
 }
 
 .contact-links {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    max-width: 980px;
-    margin-top: 4rem;
-    flex-wrap: wrap;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  max-width: 980px;
+  margin-top: 4rem;
+  flex-wrap: wrap;
 }
 
 .contact-details {
-    font-size: 2.4rem;
-    text-shadow: 2px 2px 1px #1f1f1f;
-    transition: transform 0.3s ease-out;
+  font-size: 2.4rem;
+  text-shadow: 2px 2px 1px #1f1f1f;
+  transition: transform 0.3s ease-out;
 }
 
 .contact-details:hover {
-    transform: translateY(8px);
+  transform: translateY(8px);
 }
 
 /* Footer */
 
 footer {
-    font-weight: 300;
-    display: flex;
-    justify-content: space-evenly;
-    padding: 2rem;
-    background: var(--main-gray);
-    border-top: 4px solid var(--main-red);
+  font-weight: 300;
+  display: flex;
+  justify-content: space-evenly;
+  padding: 2rem;
+  background: var(--main-gray);
+  border-top: 4px solid var(--main-red);
 }
 
-footer>p {
-    margin: 2rem;
+footer > p {
+  margin: 2rem;
 }
 
 footer i {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 @media (max-width: 28.75em) {
-    footer {
-        flex-direction: column;
-        text-align: center;
-    }
+  footer {
+    flex-direction: column;
+    text-align: center;
+  }
 }
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md b/curriculum/challenges/espanol/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
index b38a338a01..0b389f3a0f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
@@ -63,7 +63,7 @@ assert.exists(el);
 assert.exists(el.src); 
 ```
 
-Tu valor de `#header-img` `src` debe ser una URL válida (Comienza con `http`).
+Your `#header-img`'s `src` value should be a valid URL (starts with `http`).
 
 ```js
 const el = document.getElementById('header-img');
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md b/curriculum/challenges/espanol/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
index d314e43c6e..aca1b39f49 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
@@ -43,12 +43,14 @@ questions.forEach(question => {
 The `category` key should have the value of a string representing a question category.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({category}) => assert.isString(category));
 ```
 
 The `question` key should have the value of a string representing a question.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({question}) => {
     assert.isString(question);
     assert.include(question, '?');
@@ -58,6 +60,7 @@ questions.forEach(({question}) => {
 The `choices` key should have the value of an array containing three strings.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({choices}) => {
     assert.isArray(choices);
     assert.lengthOf(choices, 3);
@@ -68,12 +71,14 @@ questions.forEach(({choices}) => {
 The `answer` key should have the value of a string.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer}) => assert.isString(answer));
 ```
 
 The value of `answer` should be included in the `choices` array.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer, choices}) => assert.oneOf(answer, choices));
 ```
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md b/curriculum/challenges/espanol/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
index 39886846a1..d7f946044f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
@@ -1,7 +1,7 @@
 ---
 id: 673b02b03134b04637bf7055
 title: Build a Reusable Footer
-challengeType: 14
+challengeType: 25
 dashedName: build-a-reusable-footer
 demoType: onClick
 ---
@@ -32,22 +32,29 @@ assert.lengthOf(mockedComponent.find('Footer'), 1);
 Your `Footer` component should return a `footer` element.
 
 ```js
-assert.equal(Enzyme.shallow(React.createElement(window.index.Footer)).type(), 'footer');
+assert.equal(
+  Enzyme.shallow(React.createElement(window.index.Footer)).type(),
+  'footer'
+);
 ```
 
 Your `footer` should have at least three unordered lists.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('ul').length, 3);
 ```
 
 Each of your unordered lists should have at least two list items.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 const uls = mockedComponent.find('ul');
-uls.forEach(ul => {  
+uls.forEach(ul => {
   assert.isAtLeast(ul.find('li').length, 2);
 });
 
@@ -57,17 +64,21 @@ assert.isAtLeast(uls.length, 1);
 Your `footer` should have at least one paragraph element.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('p').length, 1);
 ```
 
 You should have a copyright (`©`) symbol within one of your paragraphs.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 let hasCopyright = false;
 mockedComponent.find('p').forEach(p => {
-  if(p.text().includes('©')) {
+  if (p.text().includes('©')) {
     hasCopyright = true;
   }
 });
@@ -77,14 +88,18 @@ assert.isTrue(hasCopyright);
 Your `footer` should have at least three links with the `href` value set to `#`.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('a[href="#"]').length, 3);
 ```
 
 None of your links should be empty.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 mockedComponent.find('a').forEach(a => {
   assert.isAtLeast(a.text().length, 1);
 });
@@ -103,38 +118,34 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Reusable Footer Component</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { Footer } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <Footer />
-        );
+      import { Footer } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(<Footer />);
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
@@ -143,132 +154,139 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ```
 
 ```jsx
-export const Footer = () => {
-
-};
+export const Footer = () => {};
 ```
 
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Reusable Footer Component</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { Footer } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <Footer />
-        );
+      import { Footer } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(<Footer />);
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 .footer {
-    background-color: #e3e1eb;
-    padding: 20px;
-    text-align: center;
-    border-top: 1px solid #e5e7eb;
-    font-family: Arial, sans-serif;
+  background-color: #e3e1eb;
+  padding: 20px;
+  text-align: center;
+  border-top: 1px solid #e5e7eb;
+  font-family: Arial, sans-serif;
 }
 
 .footer-section {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    justify-content: center;
-    margin-bottom: 20px;
-    align-items: center;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  justify-content: center;
+  margin-bottom: 20px;
+  align-items: center;
 }
 
 .footer ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 .footer li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .footer a {
-    text-decoration: none;
-    color: #1f2937;
+  text-decoration: none;
+  color: #1f2937;
 }
 
 .footer a:hover {
-    color: #6366f1;
+  color: #6366f1;
 }
 
 .footer p {
-    color: #6b7280;
-    margin-top: 20px;
+  color: #6b7280;
+  margin-top: 20px;
 }
 
 .footer-icons {
-    margin-top: 20px;
-    display: flex;
-    justify-content: center;
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
 }
 
 .footer-icons a {
-    margin: 0 10px;
-    font-size: 24px;
-    color: #6b7280;
-    text-decoration: none;
+  margin: 0 10px;
+  font-size: 24px;
+  color: #6b7280;
+  text-decoration: none;
 }
 
 .footer-icons a:hover {
-    color: #6366f1;
+  color: #6366f1;
 }
 ```
 
 ```jsx
-export const Footer = () =>
-    <footer className="footer">
-        <div className="footer-section">
-            <ul>
-                <li><a href="#">Fitness Dashboard</a></li>
-                <li><a href="#">Services</a></li>
-            </ul>
-            <ul>
-                <li><a href="#">Watch Videos</a></li>
-                <li><a href="#">Discord</a></li>
-            </ul>
-            <ul>
-                <li><a href="#">Privacy Policy</a></li>
-                <li><a href="#">Terms & Conditions</a></li>
-            </ul>
-        </div>
-        <p>© 2024 Fitness Dashboard. All Rights Reserved.</p>
-        <div className="footer-icons">
-            <a href="#">&#x1F3AE;</a>
-            <a href="#">&#x1F426;</a>
-            <a href="#">&#x1F4BB;</a>
-            <a href="#">&#x1F3C0;</a>
-        </div>
-    </footer>
+export const Footer = () => (
+  <footer className='footer'>
+    <div className='footer-section'>
+      <ul>
+        <li>
+          <a href='#'>Fitness Dashboard</a>
+        </li>
+        <li>
+          <a href='#'>Services</a>
+        </li>
+      </ul>
+      <ul>
+        <li>
+          <a href='#'>Watch Videos</a>
+        </li>
+        <li>
+          <a href='#'>Discord</a>
+        </li>
+      </ul>
+      <ul>
+        <li>
+          <a href='#'>Privacy Policy</a>
+        </li>
+        <li>
+          <a href='#'>Terms & Conditions</a>
+        </li>
+      </ul>
+    </div>
+    <p>© 2024 Fitness Dashboard. All Rights Reserved.</p>
+    <div className='footer-icons'>
+      <a href='#'>&#x1F3AE;</a>
+      <a href='#'>&#x1F426;</a>
+      <a href='#'>&#x1F4BB;</a>
+      <a href='#'>&#x1F3C0;</a>
+    </div>
+  </footer>
+);
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md b/curriculum/challenges/espanol/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
index 93220c7534..d876f2e316 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
@@ -26,7 +26,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. The `swapElements` function should modify the array in place by swapping the element at the passed index and the following element if `isOrdered` returns `false`.
 1. You should have a function named `highlightCurrentEls` that takes an HTML element and a numeric index.
 1. The `highlightCurrentEls` function should set the `border` of the given element's child at the given index, and the child immediately after the index, to have a `dashed` style, a `red` color, and a width of your choice.
-1. When you click `#generate-btn` you should use the `fillArrContainer` function to fill `#starting-array` with five `span` elements, each with a random number as its text.
+1. When you click `#generate-btn` you should use the `fillArrContainer` function to fill `#starting-array` with five `span` elements, each with a random number as its text. If present, other elements should be removed from `#array-container`.
 1. You should implement the Bubble Sort algorithm so that after you click `#sort-btn`, `#array-container` contains a `div` element for each of the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array. The functions you have created so far can be useful here.
 1. Each `div` should contain five `span` elements, representing the array in its current state of being sorted.
 1. After you click `#sort-btn`, `#starting-array` should represent the starting step with the initial array and the first two integers highlighted.
@@ -207,6 +207,25 @@ Array.from(children).forEach(el => {
 })
 ```
 
+When `#starting-array` already contains a generated array, or `#array-container` contains the sorted array, clicking the `#generate-btn` should remove other elements in the `#array-container`, leaving only `#starting-array` with newly generated numbers.
+
+```js
+const genBtn = document.querySelector("#generate-btn");
+const sortBtn = document.querySelector("#sort-btn");
+genBtn.dispatchEvent(new Event("click"));
+
+const prevNumbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+
+sortBtn.dispatchEvent(new Event("click"));
+genBtn.dispatchEvent(new Event("click"));
+
+const container = document.querySelector("#array-container");
+assert.lengthOf(container.children, 1);
+const numbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+assert.lengthOf(numbers, 5);
+assert.isTrue(prevNumbers.some((num, index) => num !== numbers[index]))
+```
+
 After you click `#sort-btn`, `#array-container` should contain as many `div` elements as the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array.
 
 ```js
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md b/curriculum/challenges/espanol/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
index 381de8c20a..13f00dfcee 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
@@ -28,7 +28,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 6. You should set the text color of the links to a color of your choice.
 7. When your links are visited, the color should change to another color of your choice.
 8. When your links are hovered over, the color should change to another color of your choice.
-9.  When your links are focused, there should be a colored outline around the link.
+9. When your links are focused, there should be a colored outline around the link.
 10. When your links are clicked, the color should change to another color of your choice.
 
 **Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
@@ -44,30 +44,37 @@ assert.exists(document.querySelector('.todo-list'));
 You should remove the default list style from your `.todo-list`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType === 'none' || new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none');
+const isListStyleTypeNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType ===
+  'none';
+const isListStyleNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none';
+assert.isTrue(isListStyleTypeNone || isListStyleNone);
 ```
 
 You should have four list items inside the unordered list.
 
 ```js
 const li = document.querySelectorAll('.todo-list li');
-assert.strictEqual(li.length, 8);
+assert.lengthOf(li, 8);
 ```
 
 Each list item should contain an `input` element with the type `checkbox`.
 
 ```js
-const checkboxes = document.querySelectorAll('.todo-list li input[type="checkbox"]');
-assert.strictEqual(checkboxes.length, 4);
+const checkboxes = document.querySelectorAll(
+  '.todo-list li input[type="checkbox"]'
+);
+assert.lengthOf(checkboxes, 4);
 ```
 
 All of the `input` elements should have an `id`.
 
 ```js
 const inputs = document.querySelectorAll('input');
-assert(!!inputs.length);
+assert.isAbove(inputs.length, 0);
 for (let input of inputs) {
-    assert.isAbove(input?.id.length, 0);
+  assert.isAbove(input?.id.length, 0);
 }
 ```
 
@@ -75,23 +82,25 @@ After the `label` elements, there should be an unordered list with the class `su
 
 ```js
 const labelSbItems = document.querySelectorAll('label+ul.sub-item');
-assert.equal(labelSbItems.length, 4);
+assert.lengthOf(labelSbItems, 4);
 ```
 
 The `li` inside the `ul` with the class `sub-item` should have an anchor element with the class `sub-item-link`.
 
 ```js
-const allItems = document.querySelectorAll('label + ul.sub-item li a.sub-item-link');
-assert.equal(allItems.length, 4);
+const allItems = document.querySelectorAll(
+  'label + ul.sub-item li a.sub-item-link'
+);
+assert.lengthOf(allItems, 4);
 ```
 
 All of the anchor elements should have a valid `href`.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.href.length, 0);
+  assert.isAbove(link.href.length, 0);
 }
 ```
 
@@ -99,9 +108,9 @@ All of the `anchor` elements should have a text.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.innerText.length, 0);
+  assert.isAbove(link.innerText.length, 0);
 }
 ```
 
@@ -109,9 +118,9 @@ All of the `label` elements should have a `for` attribute.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.htmlFor.length, 0);
+  assert.isAbove(label.htmlFor.length, 0);
 }
 ```
 
@@ -119,9 +128,9 @@ All of the `label` elements should have some text.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.innerText.length, 0);
+  assert.isAbove(label.innerText.length, 0);
 }
 ```
 
@@ -129,43 +138,62 @@ Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
 const anchors = document.querySelectorAll('a');
-assert(!!anchors.length);
+assert.isAbove(anchors.length, 0);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
 The links on the page should have no underline by default.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('a.sub-item-link')?.textDecoration === 'none' || new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||  new __helpers.CSSHelp(document).getStyle('.sub-item-link')?.textDecoration === 'none' );
-
+assert.isTrue(
+  new __helpers.CSSHelp(document).getStyle('a.sub-item-link')
+    ?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('.sub-item-link')
+      ?.textDecoration === 'none'
+);
 ```
 
 The links should change color when hovered over.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color || new __helpers.CSSHelp(document).getStyle('a:hover')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color
+);
 ```
 
 The links should change color when they are being clicked.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color || new __helpers.CSSHelp(document).getStyle('a:active')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color
+);
 ```
 
 The links should have an outline when focused.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline
+);
 ```
 
 The links should change color once visited.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color || new __helpers.CSSHelp(document).getStyle('a:visited')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color
+);
 ```
 
 # --seed--
@@ -197,130 +225,131 @@ assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Styled To-Do List</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<body>
+  <body>
     <div class="container">
-        <h1>My To-Do List</h1>
-        <ul class="todo-list">
+      <h1>My To-Do List</h1>
+      <ul class="todo-list">
+        <li>
+          <input type="checkbox" id="task1" />
+          <label for="task1">Explore gaming keyboards</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task1">
-                <label for="task1">Explore gaming keyboards</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Store link</a>
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link">Store link</a>
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task2" />
+          <label for="task2">Finish the report</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task2">
-                <label for="task2">Finish the report</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Request Access</a>
-                    </li>
-                </ul>
-
+              <a href="#" target="_blank" class="sub-item-link"
+                >Request Access</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task3" />
+          <label for="task3">View Phone's Warranty</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task3">
-                <label for="task3">View Phone's Warranty</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Receipts</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Receipts</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task4" />
+          <label for="task4">Check Processor Specs</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task4">
-                <label for="task4">Check Processor Specs</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Model Number</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Model Number</a
+              >
             </li>
-        </ul>
+          </ul>
+        </li>
+      </ul>
     </div>
 </body>
-
 </html>
 ```
 
 ```css
 body {
-    font-family: Arial, sans-serif;
-    background-color: #f0f0f0;
-    margin: 0;
-    padding: 20px;
+  font-family: Arial, sans-serif;
+  background-color: #f0f0f0;
+  margin: 0;
+  padding: 20px;
 }
 
 .container {
-    max-width: 400px;
-    margin: 0 auto;
-    background-color: #fff;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  max-width: 400px;
+  margin: 0 auto;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
 h1 {
-    text-align: center;
-    color: #333;
+  text-align: center;
+  color: #333;
 }
 
 .todo-list {
-    list-style-type: none;
-    padding: 0;
+  list-style-type: none;
+  padding: 0;
 }
 
 .todo-list li {
-    margin-bottom: 15px;
-    line-height: 1.6;
-    padding: 10px;
-    background-color: #e5f1e5;
-    border-radius: 10px;
-    position: relative;
+  margin-bottom: 15px;
+  line-height: 1.6;
+  padding: 10px;
+  background-color: #e5f1e5;
+  border-radius: 10px;
+  position: relative;
 }
 
 a.sub-item-link {
-    margin-left: 10px;
-    text-decoration: none;
+  margin-left: 10px;
+  text-decoration: none;
 }
 
 .sub-item-link:link {
-    color: blue;
+  color: blue;
 }
 
 .sub-item-link:visited {
-    color: purple;
+  color: purple;
 }
 
 .sub-item-link:hover {
-    color: red;
+  color: red;
 }
 
 .sub-item-link:focus {
-    outline: 2px solid blue;
-    outline-offset: 2px;
+  outline: 2px solid blue;
+  outline-offset: 2px;
 }
 
 .sub-item-link:active {
-    color: green;
+  color: green;
 }
 
 .sub-item {
-    list-style-type: square;
+  list-style-type: square;
 }
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md b/curriculum/challenges/espanol/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
index ca7ea3e3b2..f6356aaa18 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
@@ -35,261 +35,297 @@ You should have an `h1` element with an `id` of `title`.
 
 ```js
 const el = document.getElementById('title');
-assert(!!el && el.tagName === 'H1');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'H1');
 ```
 
 Your `#title` should not be empty.
 
 ```js
 const el = document.getElementById('title');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `p` element with an `id` of `description`.
 
 ```js
 const el = document.getElementById('description');
-assert(!!el && el.tagName === 'P');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'P');
 ```
 
 Your `#description` should not be empty.
 
 ```js
 const el = document.getElementById('description');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `form` element with an `id` of `survey-form`.
 
 ```js
 const el = document.getElementById('survey-form');
-assert(!!el && el.tagName === 'FORM');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'FORM');
 ```
 
 You should have an `input` element with an `id` of `name`.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#name` should have a `type` of `text`.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.type === 'text');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'text');
 ```
 
 Your `#name` should require input.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.required);
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#name` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #name');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `email`.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#email` should have a `type` of `email`.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.type === 'email');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'email');
 ```
 
 Your `#email` should require input.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.required);
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#email` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #email');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `number`.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#number` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #number');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#number` should have a `type` of `number`.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.type === 'number');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'number');
 ```
 
 Your `#number` should have a `min` attribute with a numeric value.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.min && isFinite(el.min));
+assert.isNotNull(el);
+assert.isNotEmpty(el.min);
+assert.isTrue(isFinite(el.min));
 ```
 
 Tu `#number` debe tener un atributo `max` con un valor numérico.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.max && isFinite(el.max));
+assert.isNotNull(el);
+assert.isNotEmpty(el.max);
+assert.isTrue(isFinite(el.max));
 ```
 
 You should have a `label` element with an `id` of `name-label`.
 
 ```js
 const el = document.getElementById('name-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `email-label`.
 
 ```js
 const el = document.getElementById('email-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `number-label`.
 
 ```js
 const el = document.getElementById('number-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 Tu `#name-label` debe contener texto que describa la entrada.
 
 ```js
 const el = document.getElementById('name-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Tu `#email-label` debe contener texto que describa la entrada.
 
 ```js
 const el = document.getElementById('email-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Tu `#number-label` debe contener texto que describa la entrada.
 
 ```js
 const el = document.getElementById('number-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Tu `#name-label` debe ser descendiente de `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #name-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Tu `#email-label` debe ser descendiente de `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #email-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Tu `#number-label` debe ser descendiente de `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #number-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Tu `#name` deber tener un atributo `placeholder` y un valor.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Tu `#email` debe tener un atributo `placeholder` y un valor.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Tu `#number` debe tener un atributo `placeholder` y un valor.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 You should have a `select` field with an `id` of `dropdown`.
 
 ```js
 const el = document.getElementById('dropdown');
-assert(!!el && el.tagName === 'SELECT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'SELECT');
 ```
 
 Tu `#dropdown` debe tener al menos dos elementos `option` seleccionables (no deshabilitados).
 
 ```js
 const els = document.querySelectorAll('#dropdown option:not([disabled])');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 Tu `#dropdown` debe ser descendiente de `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #dropdown');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Debes tener al menos dos elementos `input` con un `type` de `radio` (botones de radio).
 
 ```js
 const els = document.querySelectorAll('input[type="radio"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 Debes tener al menos dos botones de radio que sean descendientes de `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="radio"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 Todos los botones de radio deben tener un atributo `value` y un valor.
 
 ```js
 const els1 = document.querySelectorAll('input[type="radio"]');
-const els2 = document.querySelectorAll('input[type="radio"][value=""], input[type="radio"]:not([value])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  'input[type="radio"][value=""], input[type="radio"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Todos los botones de radio deben tener un atributo `name` y un valor.
 
 ```js
 const els1 = document.querySelectorAll('input[type="radio"]');
-const els2 = document.querySelectorAll('input[type="radio"][name=""], input[type="radio"]:not([name])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  'input[type="radio"][name=""], input[type="radio"]:not([name])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Cada grupo de botones de radio deben tener al menos 2 botones de radio.
@@ -302,59 +338,64 @@ if (radioButtons) {
   radioButtons.forEach(el => {
     if (!groups[el.name]) groups[el.name] = [];
     groups[el.name].push(el);
-  })
+  });
 }
 
 const groupKeys = Object.keys(groups);
 
 groupKeys.forEach(key => {
   if (groups[key].length < 2) assert(false);
-})
+});
 
-assert(groupKeys.length > 0);
+assert.isAbove(groupKeys.length, 0);
 ```
 
 Debes tener al menos dos elementos `input` con un `type` de `checkbox` (casillas de verificación) que sean descendientes de `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="checkbox"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 Todos tus casillas de verificación dentro de `#survey-form` deben tener un atributo `value` y un valor.
 
 ```js
 const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]');
-const els2 = document.querySelectorAll('#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  '#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Debes tener al menos un elemento de `textarea` que sea descendiente de `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form textarea');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` or `button` element with an `id` of `submit`.
 
 ```js
 const el = document.getElementById('submit');
-assert(!!el && (el.tagName === 'INPUT' || el.tagName === 'BUTTON'));
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'INPUT' || el.tagName === 'BUTTON');
 ```
 
 Your `#submit` should have a `type` of `submit`.
 
 ```js
 const el = document.getElementById('submit');
-assert(!!el && el.type === 'submit');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'submit');
 ```
 
 Tu `#submit` debe ser descendiente de `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #submit');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 # --seed--
@@ -364,17 +405,13 @@ assert(!!el);
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Survey Form</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
-</html> 
+  <body></body>
+</html>
 ```
 
 # --solutions--
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md b/curriculum/challenges/espanol/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
index da07637d42..fcf0fa36e3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
@@ -35,141 +35,147 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main-doc`.
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 You should have at least five `section` elements with a class of `main-section`.
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 All of your `.main-section` elements should be `section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 You should have at least five `.main-section` elements that are descendants of `#main-doc`.
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 The first child of each `.main-section` should be a `header` element.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 None of your `header` elements should be empty.
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.main-section` elements should have an `id`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Each `.main-section` should have an `id` that matches the text of its first child, having any spaces in the child's text replaced with underscores (`_`) for the id's.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 You should have at least 10 `p` elements (total) within your `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 You should have at least five `code` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have at least five `li` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have a `nav` element with an `id` of `navbar`.
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 Your `#navbar` should have exactly one `header` element within it.
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 You should have at least one `a` element with a class of `nav-link`.
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 All of your `.nav-link` elements should be anchor (`a`) elements.
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.nav-link` elements should be in the `#navbar`.
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 You should have the same number of `.nav-link` and `.main-section` elements.
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 The `header` element in the `#navbar` should come before any link (`a`) elements also in the `#navbar`.
@@ -177,54 +183,66 @@ The `header` element in the `#navbar` should come before any link (`a`) elements
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 Each `.nav-link` should have text that corresponds to the `header` text of its related `section` (e.g. if you have a "Hello world" section/header, your `#navbar` should have a `.nav-link` which has the text "Hello world").
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 Each `.nav-link` should have an `href` attribute that links to its corresponding `.main-section` (e.g. If you click on a `.nav-link` element that contains the text "Hello world", the page navigates to a `section` element with that id).
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 Your `#navbar` should always be on the left edge of the window.
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 Your Technical Documentation project should use at least one media query.
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -234,17 +252,15 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Technical Documentation Page</title>
-</head>
-
-<body>
+  </head>
 
-</body>
+  <body>
 
-</html> 
+  </body>
+</html>
 ```
 
 ```css
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md b/curriculum/challenges/espanol/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
index 9c21cc8257..86d7d06ece 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
@@ -42,7 +42,10 @@ assert.match(code, /<html\s+lang\s*=\s*('|")en\1\s*>[\s\S]*<\/\s*html\s*>/i);
 You should have a `head` element within the `html` element.
 
 ```js
-assert.match(code, /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i);
+assert.match(
+  code,
+  /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have a `meta` element within your `head` element.
@@ -60,7 +63,10 @@ assert.match(code, /<\s*meta[\s\S]+?charset\s*=\s*('|")UTF-8\1/i);
 You should have `title` element within your `head` element.
 
 ```js
-assert.match(code, /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i);
+assert.match(
+  code,
+  /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i
+);
 ```
 
 Your `title` element should have your travel agency name.
@@ -72,25 +78,30 @@ assert.isAbove(document.querySelector('title')?.innerText.trim().length, 0);
 You should have a `body` element within your `html` element.
 
 ```js
-assert(code.match(/<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i));
+assert.match(
+  code,
+  /<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have an `h1` element to present your travel destinations.
 
 ```js
-assert.isAbove(document.querySelector('h1')?.innerText.length, 0)
+assert.isAbove(document.querySelector('h1')?.innerText.length, 0);
 ```
 
 You should only have one `h1` element.
 
 ```js
-assert.lengthOf(document.querySelectorAll('h1'), 1)
+assert.lengthOf(document.querySelectorAll('h1'), 1);
 ```
 
 You should have a `p` element below the `h1` element.
 
 ```js
-assert.strictEqual(document.querySelector('h1')?.nextElementSibling, document.querySelector('p'))
+assert.strictEqual(
+  document.querySelector('h1')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your first `p` element should introduce the travel opportunities.
@@ -108,34 +119,40 @@ assert.equal(document.querySelectorAll('h2')[0]?.innerText, 'Packages');
 You should have a `p` element below your first `h2` element.
 
 ```js
-assert.strictEqual(document.querySelector('h2')?.nextElementSibling, document.querySelectorAll('p')?.[1])
+assert.strictEqual(
+    document.querySelector('h2')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your second `p` element should introduce briefly the various packages.
 
 ```js
-assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim())
+assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim());
 ```
 
 You should have an unordered list element below your second `p` element.
 
 ```js
-assert.strictEqual(document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName, 'UL');
+assert.strictEqual(
+  document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName,
+  'UL'
+);
 ```
 
 You should have two items in your unordered list.
 
 ```js
-assert.equal(document.querySelectorAll('li').length,  2);
+assert.lengthOf(document.querySelectorAll('li'), 2);
 ```
 
 Both your list items should contain an anchor element.
 
 ```js
-const listItems = $('li');
-assert(!!listItems.length);
+const listItems = document.querySelectorAll('li');
+assert.isNotEmpty(listItems);
 for (let e of listItems) {
-  assert(e.children[0].tagName === 'A' && e.children.length === 1);
+  assert.strictEqual(e.children[0].tagName, 'A');
+  assert.lengthOf(e.children, 1);
 }
 ```
 
@@ -154,36 +171,39 @@ assert.equal(document.querySelectorAll('a')[1]?.innerText, 'Private Tours');
 You should have an `h2` element after your unordered list.
 
 ```js
-assert($('h2')[1]?.previousElementSibling.tagName === 'UL');
+assert.strictEqual(
+  document.querySelectorAll('h2')[1]?.previousElementSibling.tagName,
+  'UL'
+);
 ```
 
 Your second `h2` element should have the text `Top Itineraries`.
 
 ```js
-assert.equal($('h2')[1]?.innerText, 'Top Itineraries');
+assert.equal(document.querySelectorAll('h2')[1]?.innerText, 'Top Itineraries');
 ```
 
 You should have at least three `figure` elements.
 
 ```js
-assert.isAtLeast(document.querySelectorAll('figure').length, 3)
+assert.isAtLeast(document.querySelectorAll('figure').length, 3);
 ```
 
 Each `figure` element should contain an anchor element as its first child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
-  assert.equal(figure.children[0].tagName,'A');
+  assert.equal(figure.children[0].tagName, 'A');
 }
 ```
 
 Each `figure` element should contain a `figcaption` element as its second child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
   assert.equal(figure.children[1].tagName, 'FIGCAPTION');
 }
@@ -192,8 +212,8 @@ for (let figure of figures) {
 Each of the `a` elements that are children of your `figure` elements should contain an image.
 
 ```js
-const anchors = $('figure > a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('figure > a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
   assert.equal(anchor.children[0].tagName, 'IMG');
 }
@@ -202,40 +222,40 @@ for (let anchor of anchors) {
 Each `img` element should have a valid `src` attribute.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.src.length, 0);
+  assert.isAbove(image.src.length, 0);
 }
 ```
 
 Each `img` element should have an `alt` attribute with an appropriate value.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.alt.length, 0);
+  assert.isAbove(image.alt.length, 0);
 }
 ```
 
 Each `a` element should have an `href` attribute with the value of `https://www.freecodecamp.org/learn`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
+  assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
 }
 ```
 
 Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
@@ -252,38 +272,64 @@ for (let anchor of anchors) {
 ```html
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <title>Travel Agency Page</title>
-    </head>
-    <body>
-        <h1>Discover Italy</h1>
-        <p>Art, folklore, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Italy.</p>
-        <h2>Packages</h2>
-        <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Italy's lesser-known sides.</p>
-        <ul>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
-        </ul>
-        <h2>Top Itineraries</h2>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="colosseum view" >                
-            </a>
-            <figcaption>Rome and Center Italy</figcaption>
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="dolomites mountain view" >                
-            </a>
-            <figcaption>Nature and National Parks</figcaption>            
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="sea view" >                
-            </a>
-            <figcaption>South Italy and Islands</figcaption>
-        </figure>                
-    </body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Travel Agency Page</title>
+  </head>
+  <body>
+    <h1>Discover Italy</h1>
+    <p>
+      Art, folklore, food, nature, and more. Choose among our wide selection of
+      guided tours and excursions, and live an unforgettable experience
+      exploring Italy.
+    </p>
+    <h2>Packages</h2>
+    <p>
+      We offer an extensive range of holiday solutions to accommodate the needs
+      of all our clients. From daily excursions in the most beautiful cities, to
+      thorough tours of hidden villages and medieval towns to discover Italy's
+      lesser-known sides.
+    </p>
+    <ul>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Group Travels</a
+        >
+      </li>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Private Tours</a
+        >
+      </li>
+    </ul>
+    <h2>Top Itineraries</h2>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg"
+          alt="colosseum view"
+        />
+      </a>
+      <figcaption>Rome and Center Italy</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg"
+          alt="dolomites mountain view"
+        />
+      </a>
+      <figcaption>Nature and National Parks</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg"
+          alt="sea view"
+        />
+      </a>
+      <figcaption>South Italy and Islands</figcaption>
+    </figure>
+  </body>
 </html>
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md b/curriculum/challenges/espanol/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
index 80246d750f..c747c26583 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
@@ -29,111 +29,125 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main`.
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 Your `#img-div`, `#image`, `#img-caption`, `#tribute-info`, and `#tribute-link` should all be descendants of `#main`.
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 You should have an element with an `id` of `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 Your `#title` should not be empty.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 You should have a `figure` or `div` element with an `id` of `img-div`.
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 You should have an `img` element with an `id` of `image`.
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 Your `#image` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 You should have a `figcaption` or `div` element with an `id` of `img-caption`.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 Your `#img-caption` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 Your `#img-caption` should not be empty.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an element with an `id` of `tribute-info`.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 Your `#tribute-info` should not be empty.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an `a` element with an `id` of `tribute-link`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Your `#tribute-link` should have an `href` attribute and value.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 Your `#tribute-link` should have a `target` attribute set to `_blank`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Your `img` element should have a `display` of `block`.
@@ -141,8 +155,8 @@ Your `img` element should have a `display` of `block`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 Your `#image` should have a `max-width` of `100%`.
@@ -150,8 +164,8 @@ Your `#image` should have a `max-width` of `100%`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 Your `#image` should have a `height` of `auto`.
@@ -163,9 +177,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 Your `#image` should be centered within its parent.
@@ -180,7 +194,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -190,16 +205,12 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Tribute Page</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
+  <body></body>
 </html>
 ```
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md b/curriculum/challenges/espanol/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
index afe533d6f5..e86fb0152f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
@@ -1,7 +1,7 @@
 ---
 id: 673b567e3ba535dda140d278
 title: Build a Voting System
-challengeType: 14
+challengeType: 25
 dashedName: build-a-voting-system
 ---
 
@@ -35,8 +35,7 @@ In this lab, you will build a voting system that uses `Map` to create a poll and
 
    - If the voter has already voted, the function should display the message `Voter <voterId> has already voted for "<option>".`
 
-   - If the voter has not voted, `voterId` should be added to the `Set` of `voters` for this option. The function should return the message  `Voter <voterId> voted for "<option>".`
-
+   - If the voter has not voted, `voterId` should be added to the `Set` of `voters` for this option. The function should return the message `Voter <voterId> voted for "<option>".`
 
 6. You should have at least three options in your `poll`.
 
@@ -51,7 +50,7 @@ OptionB: N votes
 .
 .
 
-/* 
+/*
 sample output
 
 Poll Results:
@@ -115,9 +114,8 @@ const pollCopy = new Map(poll);
 try {
   poll.clear();
 
-  addOption("Turkey");
-  assert.instanceOf(poll.get("Turkey"), Set);
-
+  addOption('Turkey');
+  assert.instanceOf(poll.get('Turkey'), Set);
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -132,7 +130,7 @@ try {
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  assert.equal(addOption("Egypt"), 'Option "Egypt" added to the poll.');
+  assert.equal(addOption('Egypt'), 'Option "Egypt" added to the poll.');
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -144,7 +142,7 @@ try {
 Adding an empty option should return `"Option cannot be empty."`
 
 ```js
-assert.equal(addOption(""), 'Option cannot be empty.');
+assert.equal(addOption(''), 'Option cannot be empty.');
 ```
 
 When `Turkey` is already added, `addOption("Turkey")` should return `Option "Turkey" already exists.`
@@ -153,10 +151,9 @@ When `Turkey` is already added, `addOption("Turkey")` should return `Option "Tur
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  addOption("Turkey");
-  assert.equal(addOption("Turkey"), 'Option "Turkey" already exists.');
-
+  addOption('Turkey');
+  addOption('Turkey');
+  assert.equal(addOption('Turkey'), 'Option "Turkey" already exists.');
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -171,8 +168,11 @@ When `Malysia` exists in the voting options, `vote("Malysia", "traveler1")` shou
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Malysia");
-  assert.equal(vote("Malysia", "traveler1"), 'Voter traveler1 voted for "Malysia".');
+  addOption('Malysia');
+  assert.equal(
+    vote('Malysia', 'traveler1'),
+    'Voter traveler1 voted for "Malysia".'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -187,11 +187,10 @@ try {
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Alaska");
-  vote("Alaska", "seal");
-  assert.isTrue(poll.get("Alaska").has("seal"));
-
-  } finally {
+  addOption('Alaska');
+  vote('Alaska', 'seal');
+  assert.isTrue(poll.get('Alaska').has('seal'));
+} finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
     poll.set(key, val);
@@ -205,9 +204,12 @@ When `traveler1` tries to vote for `Algeria` again, `vote("Algeria", "traveler1"
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Algeria");
-  vote("Algeria", "traveler1");
-  assert.equal(vote("Algeria", "traveler1"), 'Voter traveler1 has already voted for "Algeria".');
+  addOption('Algeria');
+  vote('Algeria', 'traveler1');
+  assert.equal(
+    vote('Algeria', 'traveler1'),
+    'Voter traveler1 has already voted for "Algeria".'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -222,12 +224,12 @@ Duplicate votes should not increase the size of the `Set`.
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  vote("Turkey", "traveler1");
-  const voterSet = poll.get("Turkey");
+  addOption('Turkey');
+  vote('Turkey', 'traveler1');
+  const voterSet = poll.get('Turkey');
   const initialSize = voterSet.size;
 
-  vote("Turkey", "traveler1");
+  vote('Turkey', 'traveler1');
   assert.equal(voterSet.size, initialSize);
 } finally {
   poll.clear();
@@ -243,7 +245,10 @@ When `Nigeria` is not in the voting options, `vote("Nigeria", "traveler2")` shou
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-assert.equal(vote("Nigeria", "traveler2"), 'Option "Nigeria" does not exist.');
+  assert.equal(
+    vote('Nigeria', 'traveler2'),
+    'Option "Nigeria" does not exist.'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -258,10 +263,10 @@ A unique option should be able to receive multiple votes.
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Bali");
-  assert.equal(vote("Bali", "traveler1"), 'Voter traveler1 voted for "Bali".');
-  assert.equal(vote("Bali", "traveler2"), 'Voter traveler2 voted for "Bali".');
-  assert.equal(poll.get("Bali").size, 2);
+  addOption('Bali');
+  assert.equal(vote('Bali', 'traveler1'), 'Voter traveler1 voted for "Bali".');
+  assert.equal(vote('Bali', 'traveler2'), 'Voter traveler2 voted for "Bali".');
+  assert.equal(poll.get('Bali').size, 2);
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -273,18 +278,20 @@ try {
 `displayResults()` should return the results in the correct format.
 
 ```js
-
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  addOption("Morocco");
+  addOption('Turkey');
+  addOption('Morocco');
 
-  vote("Turkey", "traveler1");
-  vote("Turkey", "traveler2");
-  vote("Morocco", "traveler3");
+  vote('Turkey', 'traveler1');
+  vote('Turkey', 'traveler2');
+  vote('Morocco', 'traveler3');
 
-  assert.equal(displayResults(), "Poll Results:\nTurkey: 2 votes\nMorocco: 1 votes");
+  assert.equal(
+    displayResults(),
+    'Poll Results:\nTurkey: 2 votes\nMorocco: 1 votes'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -307,8 +314,8 @@ try {
 const poll = new Map();
 
 function addOption(option) {
-  if (!option || option.trim() === "") {
-    return "Option cannot be empty.";
+  if (!option || option.trim() === '') {
+    return 'Option cannot be empty.';
   }
   if (!poll.has(option)) {
     poll.set(option, new Set());
@@ -318,7 +325,6 @@ function addOption(option) {
   }
 }
 
-
 function vote(option, voterId) {
   if (!poll.has(option)) {
     return `Option "${option}" does not exist.`;
@@ -327,26 +333,24 @@ function vote(option, voterId) {
   if (voters.has(voterId)) {
     return `Voter ${voterId} has already voted for "${option}".`;
   } else {
-    voters.add(voterId); 
+    voters.add(voterId);
     return `Voter ${voterId} voted for "${option}".`;
   }
 }
 
 function displayResults() {
-    let results = "Poll Results:\n";
-    for (let [option, voters] of poll.entries()) {
-        results += `${option}: ${voters.size} votes\n`;
-    }
-    return results.trim();
+  let results = 'Poll Results:\n';
+  for (let [option, voters] of poll.entries()) {
+    results += `${option}: ${voters.size} votes\n`;
+  }
+  return results.trim();
 }
 
+addOption('Turkey');
+addOption('Morocco');
+addOption('Spain');
 
-addOption("Turkey");
-addOption("Morocco");
-addOption("Spain");
-
-vote("Turkey", "traveler1");
-vote("Turkey", "traveler2");
-vote("Morocco", "traveler3");
-
+vote('Turkey', 'traveler1');
+vote('Turkey', 'traveler2');
+vote('Morocco', 'traveler3');
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md b/curriculum/challenges/espanol/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
index 5f58b78a78..ad5b97d0cd 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
@@ -1,7 +1,7 @@
 ---
 id: 66f12a88741aeb16b9246c59
 title: Build a Weather App
-challengeType: 14
+challengeType: 25
 dashedName: lab-weather-app
 demoType: onClick
 ---
@@ -27,7 +27,7 @@ You will use a weather API. The output data has the following format:
     "temp_min": 1.72, // min temperature of the day in C
     "temp_max": 3.49, // max temperature of the day in C
     "pressure": 1010, // atmospheric pressure in hPa
-    "humidity": 81, // humidity in %
+    "humidity": 81 // humidity in %
   },
   "visibility": 10000, // distance in meters
   "wind": {
@@ -35,7 +35,7 @@ You will use a weather API. The output data has the following format:
     "deg": 285, // orientation of the wind in degrees
     "gust": 3.13 // gust speed in m/s
   },
-  "name": "London",
+  "name": "London"
 }
 ```
 
@@ -44,6 +44,7 @@ You will use a weather API. The output data has the following format:
 1. You should have a `button` element with an `id` of `get-forecast`.
 
 1. You should have a `select` element with seven `option` elements nested within it. The first option should have an empty string as its text and `value` attribute. The rest should have the following for their text and values (with the value being lowercase):
+
    - New York
    - Los Angeles
    - Chicago
@@ -105,105 +106,112 @@ Inside the `select` element the first child should be an `option` element with a
 
 ```js
 assert.exists(document.querySelector('select > option[value=""]'));
-assert.strictEqual(document.querySelector('select > option:first-child').value, "");
+assert.strictEqual(
+  document.querySelector('select > option:first-child').value,
+  ''
+);
 ```
 
 Inside the `select` element there should be 6 `option` elements, one for each of the following cities: Paris, London, Tokyo, Los Angeles, Chicago, New York.
 
 ```js
-["Paris", "London", "Tokyo", "Los Angeles", "Chicago", "New York"].forEach(city => {
-    const el = document.querySelector(`select > option[value="${city.toLowerCase()}"]`);
+['Paris', 'London', 'Tokyo', 'Los Angeles', 'Chicago', 'New York'].forEach(
+  city => {
+    const el = document.querySelector(
+      `select > option[value="${city.toLowerCase()}"]`
+    );
     assert.exists(el);
-    assert.strictEqual(el.innerText.trim(), city)
-});
+    assert.strictEqual(el.innerText.trim(), city);
+  }
+);
 ```
 
 You should have an `img` element with the id `weather-icon` for displaying the weather icon.
 
 ```js
 async () => {
-    document.querySelector('select').value = "chicago";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("img#weather-icon"));
-}
+  document.querySelector('select').value = 'chicago';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('img#weather-icon'));
+};
 ```
 
 You should have an element with the id `main-temperature` for displaying the main temperature.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#main-temperature"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#main-temperature'));
+};
 ```
 
 You should have an element with the id `feels-like` for displaying what the temperature feels like.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#feels-like"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#feels-like'));
+};
 ```
 
 You should have an element with the id `humidity` for displaying the amount of humidity in air.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#humidity"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#humidity'));
+};
 ```
 
 You should have an element with the id `wind` element for displaying the wind speed.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#wind"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#wind'));
+};
 ```
 
 You should have an element with the id `wind-gust` element for displaying the wind gust.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#wind-gust"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#wind-gust'));
+};
 ```
 
 You should have an element with the id `weather-main` element for displaying the main weather type.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#weather-main"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#weather-main'));
+};
 ```
 
 You should have an element with the id `location` element for displaying the current location.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#location"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#location'));
+};
 ```
 
 You should have a `showWeather` function.
@@ -222,261 +230,288 @@ The `getWeather` function should accept a city as it's only argument and return
 
 ```js
 async () => {
-    try {
-        const city = "chicago";
-        const url = `https://weather-proxy.freecodecamp.rocks/api/city/${city}`;
-        const outputFunction = await getWeather(city);
-        const json = await fetch(url).then(data => data.json());
-        assert.deepEqual(outputFunction, json)
-    } catch (err) {
-        throw new Error(err);
-    }
-}
+  try {
+    const city = 'chicago';
+    const url = `https://weather-proxy.freecodecamp.rocks/api/city/${city}`;
+    const outputFunction = await getWeather(city);
+    const json = await fetch(url).then(data => data.json());
+    assert.deepEqual(outputFunction, json);
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 The `showWeather` function should call the `getWeather` function to get the weather data.
 
 ```js
 async () => {
-    try {
-        let flag = false;
-        const temp = getWeather;
-        getWeather = async (location) => {
-            flag = true;
-            return await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${location}`).then(data => data.json())
-        }
-        await showWeather("london");
-        getWeather = temp;
-        assert.isTrue(flag)
-    } catch (err) {
-        throw new Error(err);
-    }
-}
+  try {
+    let flag = false;
+    const temp = getWeather;
+    getWeather = async location => {
+      flag = true;
+      return await fetch(
+        `https://weather-proxy.freecodecamp.rocks/api/city/${location}`
+      ).then(data => data.json());
+    };
+    await showWeather('london');
+    getWeather = temp;
+    assert.isTrue(flag);
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When New York is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "new york";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'new york';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Chicago is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "chicago";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'chicago';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When London is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "london";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'london';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Tokyo is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "tokyo";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'tokyo';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Los Angeles is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "los angeles";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'los angeles';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 If there is an error, your `getWeather` function should log the error to the console.
@@ -490,11 +525,17 @@ const temp4 = alert;
 async () => {
   try {
     alert = () => {};
-    console.log = obj => {testArr.push(obj.toString())};
-    console.error = obj => {testArr.push(obj.toString())};
-    fetch = source => {throw new Error("This is a test error");}
-    await getWeather("chicago");
-    assert.include(testArr[0], "This is a test error");
+    console.log = obj => {
+      testArr.push(obj.toString());
+    };
+    console.error = obj => {
+      testArr.push(obj.toString());
+    };
+    fetch = source => {
+      throw new Error('This is a test error');
+    };
+    await getWeather('chicago');
+    assert.include(testArr[0], 'This is a test error');
     assert.lengthOf(testArr, 1);
   } finally {
     fetch = temp1;
@@ -502,7 +543,7 @@ async () => {
     console.error = temp3;
     alert = temp4;
   }
-}
+};
 ```
 
 When Paris is selected the app should show an alert with `Something went wrong, please try again later`.
@@ -512,17 +553,19 @@ const testArr = [];
 const temp4 = alert;
 async () => {
   try {
-    alert = (msg) => {testArr.push(msg)};
-    const city = "paris";
+    alert = msg => {
+      testArr.push(msg);
+    };
+    const city = 'paris';
     document.querySelector('select').value = city;
     document.querySelector('#get-forecast').click();
     await new Promise(resolve => setTimeout(resolve, 800));
-    assert.include(testArr[0], "Something went wrong, please try again later");
+    assert.include(testArr[0], 'Something went wrong, please try again later');
     assert.lengthOf(testArr, 1);
   } finally {
     alert = temp4;
   }
-}
+};
 ```
 
 # --seed--
@@ -530,20 +573,15 @@ async () => {
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
+  <head>
+    <meta charset="utf-8" />
     <title>Weather App</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
+  <body></body>
 </html>
-
 ```
 
 ```css
@@ -557,68 +595,66 @@ async () => {
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
+  <head>
+    <meta charset="utf-8" />
     <title>Weather App</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<body>
+  <body>
     <div class="weather-info-wrap">
-        <div id="weather-info">
-            <div id="location"></div>
-            <div class="primary-info">
-                <div class="primary-info-left" id="main-temperature"></div>
-                <div class="primary-info-right">
-                    <img id="weather-icon" >
-                    <div id="weather-main"></div>
-                </div>
+      <div id="weather-info">
+        <div id="location"></div>
+        <div class="primary-info">
+          <div class="primary-info-left" id="main-temperature"></div>
+          <div class="primary-info-right">
+            <img id="weather-icon" />
+            <div id="weather-main"></div>
+          </div>
+        </div>
+        <hr />
+        <div class="secondary-info">
+          <div class="secondary-info-top">
+            <div id="humidity"></div>
+            <div id="feels-like"></div>
+          </div>
+          <div class="secondary-info-bottom">
+            <div class="secondary-info-bottom-left">
+              <div id="wind"></div>
+              <div id="wind-gust"></div>
             </div>
-            <hr >
-            <div class="secondary-info">
-                <div class="secondary-info-top">
-                    <div id="humidity"></div>
-                    <div id="feels-like"></div>
-                </div>
-                <div class="secondary-info-bottom">
-                    <div class="secondary-info-bottom-left">
-                        <div id="wind"></div>
-                        <div id="wind-gust"></div>
-                    </div>
-                    <div class="secondary-info-bottom-right" id="compass">
-                        <span id="compass-arrow">
-                            <span class="arrow-head"></span>
-                        </span>
-                        <span class="compass-direction north"></span>
-                        <span class="compass-direction east"></span>
-                        <span class="compass-direction south"></span>
-                        <span class="compass-direction west"></span>
-                    </div>
-                </div>
+            <div class="secondary-info-bottom-right" id="compass">
+              <span id="compass-arrow">
+                <span class="arrow-head"></span>
+              </span>
+              <span class="compass-direction north"></span>
+              <span class="compass-direction east"></span>
+              <span class="compass-direction south"></span>
+              <span class="compass-direction west"></span>
             </div>
+          </div>
         </div>
+      </div>
     </div>
 
     <div class="btn-wrap">
-        <span>Weather for:</span>
-        <select id="location-selector">
-            <option value=""></option>
-            <option value="new york">New York</option>
-            <option value="los angeles">Los Angeles</option>
-            <option value="chicago">Chicago</option>
-            <option value="paris">Paris</option>
-            <option value="tokyo">Tokyo</option>
-            <option value="london">London</option>
-        </select>
-        <button id="get-forecast">Get Forecast</button>
+      <span>Weather for:</span>
+      <select id="location-selector">
+        <option value=""></option>
+        <option value="new york">New York</option>
+        <option value="los angeles">Los Angeles</option>
+        <option value="chicago">Chicago</option>
+        <option value="paris">Paris</option>
+        <option value="tokyo">Tokyo</option>
+        <option value="london">London</option>
+      </select>
+      <button id="get-forecast">Get Forecast</button>
     </div>
 
     <script type="text/javascript" src="script.js"></script>
-</body>
-
+  </body>
 </html>
 ```
 
@@ -648,7 +684,7 @@ body {
   padding: 20px;
   border-radius: 10px;
   background-color: #6cd488;
-  box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
 }
 
 .btn-wrap > span {
@@ -658,7 +694,7 @@ body {
 }
 
 .btn-wrap > span::first-letter {
-  font-size: 1.3em
+  font-size: 1.3em;
 }
 
 #location-selector {
@@ -682,7 +718,7 @@ body {
   background-color: #eee;
   border-radius: 10px;
   border: 2px solid black;
-  box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
 }
 
 #weather-info {
@@ -781,13 +817,15 @@ body {
   background-color: black;
 }
 
-.north, .south {
+.north,
+.south {
   width: 3px;
   height: 8px;
   left: 50%;
 }
 
-.east, .west {
+.east,
+.west {
   width: 8px;
   height: 3px;
   top: 50%;
@@ -825,20 +863,16 @@ const mainEl = document.getElementById('weather-main');
 const locationEl = document.getElementById('location');
 const arrowEl = document.getElementById('compass-arrow');
 
-getForecastBtn.addEventListener('click', () =>
-  selectEl.value && showWeather(selectEl.value)
+getForecastBtn.addEventListener(
+  'click',
+  () => selectEl.value && showWeather(selectEl.value)
 );
 
 async function showWeather(city) {
   const json = await getWeather(city);
   const {
     weather,
-    main:
-    { 
-      temp,
-      feels_like,
-      humidity
-    },
+    main: { temp, feels_like, humidity },
     wind: { speed, gust, deg = 0 },
     name
   } = json;
@@ -861,7 +895,9 @@ async function showWeather(city) {
 
 async function getWeather(city) {
   try {
-    const response = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`)
+    const response = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    );
 
     if (!response.ok) {
       alert('Something went wrong, please try again later');
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md b/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
index 69365f03d5..dade1e5cbe 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
@@ -2,7 +2,7 @@
 id: 672aa8d65995be62ef1c7515
 title: What Are CSS Animations, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dryjwjTQllk
 dashedName: what-are-css-animations
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md b/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
index ed4b6d0586..7aed75cda6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
@@ -2,7 +2,7 @@
 id: 672cf764cf55a70433590def
 title: What Are Accessibility Concerns Around Using Animations, and How Can prefers-reduced-motion Help?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bKM3ZhO5Sns
 dashedName: what-are-accessibility-concerns-around-using-animations
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
index 267796bc59..562e010a29 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
@@ -2,7 +2,7 @@
 id: 672aa82768e00d600305afc0
 title: What Are Some Tools to Check for Good Color Contrast on Sites?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2qj6LcJ4wSk
 dashedName: what-are-some-tools-to-check-for-good-color-contrast-on-sites
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
index 5a00472b4b..b72ed7b123 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
@@ -2,7 +2,7 @@
 id: 672c35a79fa53e00de9f2a49
 title: "What Are Best Practices for Hiding Content So It Doesn't Become Inaccessible?"
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ycYVairxSdQ
 dashedName: what-are-best-practices-for-hiding-content-so-it-doesnt-become-inaccessible
 ---
 
@@ -90,7 +90,7 @@ When should you hide content on a web page?
 
 ## --answers--
 
-When the content you’re hiding is less important than other content on the page.
+When the content you're hiding is less important than other content on the page.
 
 ### --feedback--
 
@@ -98,7 +98,7 @@ Think about how hiding content affects accessibility and the user experience as
 
 ---
 
-When the content you’re hiding is incorrect.
+When the content you're hiding is incorrect.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
index 173f6f75f9..0753e48d5b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
@@ -2,7 +2,7 @@
 id: 672aa8873d4e25618870764f
 title: What Is Responsive Web Design, and What Is Its Relationship to Tools Like CSS Grid and Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ISOf41vPNJY
 dashedName: what-is-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
index 0ec7c2c62c..f33675391c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
@@ -2,7 +2,7 @@
 id: 672cf05c3ad533eabe1e8197
 title: How Do Media Queries Work, and What Are Some Common Media Types and Features?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1h0QErJG8DE
 dashedName: how-do-media-queries-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
index 8b78e23cc7..8c41d92a3b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
@@ -2,7 +2,7 @@
 id: 672cf06c8f46f9eb04db9832
 title: What Is the Mobile First Approach in Responsive Web Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BuCdyShUzKQ
 dashedName: what-is-the-mobile-first-approach-in-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
index 8f39dba92b..bd51cfa98d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
@@ -2,7 +2,7 @@
 id: 672cf07a2b9796eb49719e03
 title: What Are Media Breakpoints, and What Are Common Breakpoints in Modern Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: R0hiJEAXGIk
 dashedName: what-are-media-breakpoints
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md b/curriculum/challenges/espanol/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
index 8195e78587..135ed5b519 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
@@ -62,7 +62,7 @@ Remember the example given for searching for freeCodeCamp content while excludin
 
 ---
 
-`
+`` ` ``
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
index 1f8865f3c2..b201185a11 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
@@ -94,7 +94,7 @@ Complex video editing features.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ---
 
@@ -106,7 +106,7 @@ Being a raster-based image editor.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ---
 
@@ -114,7 +114,7 @@ Specialized 3D modeling capabilities.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
index 0b6eb0b1b0..b17cee5c3f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
@@ -2,7 +2,7 @@
 id: 6733aa9b006d29f4d11307a5
 title: What Are Some Examples of Common JavaScript Errors?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: e5P8nJkOSMQ
 dashedName: what-are-some-examples-of-common-javascript-errors
 ---
 
@@ -22,15 +22,15 @@ Trying to call a variable like a function.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ---
 
-Trying to use a value that’s out of range.
+Trying to use a value that's out of range.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ---
 
@@ -38,11 +38,11 @@ Writing something incorrectly in your code, like missing a parenthesis or semico
 
 ---
 
-Accessing a variable before it’s declared.
+Accessing a variable before it's declared.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ## --video-solution--
 
@@ -58,7 +58,7 @@ What will happen if you try to call a variable that holds a number as if it were
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ---
 
@@ -66,7 +66,7 @@ The error happens because the variable is being treated like a function when it
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ---
 
@@ -78,7 +78,7 @@ The error happens because the variable is being treated like a function when it
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ## --video-solution--
 
@@ -86,7 +86,7 @@ The error happens because the variable is being treated like a function when it
 
 ## --text--
 
-Which error occurs when you try to access an array index that doesn’t exist?
+Which error occurs when you try to access an array index that doesn't exist?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
index bafabd33d8..2118071aa6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
@@ -2,7 +2,7 @@
 id: 6733bec70d86e13522e98a4f
 title: How Does the Throw Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vNlPchT8nr8
 dashedName: how-does-the-throw-statement-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
index 2623a2c2a9..191090dd59 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
@@ -2,7 +2,7 @@
 id: 6733becf4b0c353553b9bfa4
 title: How Does the Debugger Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gn0q7gXiMRo
 dashedName: how-does-the-debugger-statement-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
index f5c68460bd..cc678b1164 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
@@ -2,7 +2,7 @@
 id: 6733bee844600f35c05b8264
 title: How Does try...catch...finally Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _3whfUfxGYI
 dashedName: how-does-try-catch-finally-work
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which of the following is a common use case for `try…catch…finally` in JavaScript?
+What best describes the `try` block?
 
 ## --answers--
 
-Creating new HTML elements.
+It’s for running code again automatically after an error occurs.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Styling a webpage using CSS.
+It’s for handling errors.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Declaring variables.
+It’s for setup before an error is thrown.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Handling API requests.
+It’s a safe wrapper for code that might throw an error.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
index 49e7be346e..a6d2d7a98d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
@@ -2,7 +2,7 @@
 id: 6733befb703ca6361da3755b
 title: What Are Some Examples of Using Advanced JavaScript Debugging Techniques?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: hHWAQYXRvxs
 dashedName: what-are-some-examples-of-using-advanced-javascript-debugging-techniques
 ---
 
@@ -86,35 +86,35 @@ Think about tracking variables across different parts of the code.
 
 ## --text--
 
-What statement works like a breakpoint in JavaScript, pausing execution for inspection?
+What method can you use to see an interactive list of properties for the JavaScript object you pass in?
 
 ## --answers--
 
-`throw`
+`console.log()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`return`
+`console.table()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`debugger`
+`console.dir()`
 
 ---
 
-`console.log`
+Finding the object in the Network tab and double clicking on it.
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
index a6032fda57..6082d4b9f3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
@@ -2,7 +2,7 @@
 id: 670803abcb3e980233da4768
 title: What are Div Elements and When Should You Use Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: NFAto1m5EhI
 dashedName: what-are-div-elements
 ---
 
@@ -14,35 +14,35 @@ Watch the video and answer the questions below.
 
 ## --text--
 
-What type of element is a `div` element?
+What semantic meaning does a `div` element have?
 
 ## --answers--
 
-An inline-level element.
+The `div` element represents a container for introductory content or a set of navigational links.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-An inline-block element.
+The `div` element defines a footer for a document or section.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-A block-inline element.
+The `div` specifies the main page content and should be unique.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-A block-level element.
+The `div` element has no semantic meaning.
 
 ## --video-solution--
 
@@ -94,35 +94,57 @@ Review the beginning of the video for the correct syntax.
 
 ## --text--
 
-What should you group using a `div` element?
+What is the correct syntax for using a `div` to group elements together?
 
 ## --answers--
 
-Block-level content and larger sections.
+```html
+<div>
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+</div>
+```
 
 ---
 
-Inline texts and smaller sections.
+```html
+<div>
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+<div>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ---
 
-The whole HTML content.
+```html
+<div>
+  <p>I'm a paragraph</p>
+</div>
+<div>
+  <p>I'm another paragraph</p>
+</div>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ---
 
-Images and media files only.
+```html
+<div
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+/>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
index adef974b6d..715cff09bf 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
@@ -2,7 +2,7 @@
 id: 6708143cab2b583ecd3324f5
 title: What Are Attributes, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: zUCIsEDCIMU
 dashedName: what-are-attributes
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
index d3e6ff98df..3fb860e6fd 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
@@ -2,7 +2,7 @@
 id: 6708382cf088b216580a9ff1
 title: What Are IDs and Classes, and When Should You Use Them?
 challengeType: 11
-videoId: yTuzVH6THdg
+videoId: gM7Tngm3QXo
 dashedName: what-are-ids-and-classes
 ---
 
@@ -116,10 +116,6 @@ Only classes can hold multiple separate values.
 
 `id="main heading"`
 
-### --feedback--
-
-Only classes can hold multiple separate values.
-
 ## --video-solution--
 
 4
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
index a75ddd24b2..95b16c7bd7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
@@ -2,7 +2,7 @@
 id: 67083868d5fdcb17bf8c14bd
 title: What Are HTML Entities, and What Are Some Common Examples?
 challengeType: 11
-videoId: VJmx-XzTqg8
+videoId: mVdIq0H_B4E
 dashedName: what-are-html-entities
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
index c80bdb5d87..7ce09ce185 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
@@ -2,7 +2,7 @@
 id: 670838977810401844af6fe0
 title: What Is the Role of the Link Element in HTML, and How Can It Be Used to Link to External Stylesheets?
 challengeType: 11
-videoId: qeGlYqpFRZA
+videoId: Xdyig5C-oSU
 dashedName: what-is-the-role-of-the-link-element-in-html
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
index 2f13df7865..02192951fb 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
@@ -2,7 +2,7 @@
 id: 670838b10ee87a18e5faff62
 title: What Is the Role of the Script Element in HTML, and How Can It Be Used to Link to External JavaScript Files?
 challengeType: 11
-videoId: ZxpITCgbc5Y
+videoId: nNCwy4QUh8Q
 dashedName: what-is-the-role-of-the-script-element-in-html
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
index c039ba2262..e114141bd0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
@@ -2,7 +2,7 @@
 id: 670838e914096b194b0c51aa
 title: What Is an HTML Boilerplate, and Why Is It Important?
 challengeType: 11
-videoId: UKxDoI54eLE
+videoId: IlJEEVOc9o0
 dashedName: what-is-an-html-boilerplate
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
index e49edd740a..102a2cbe50 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
@@ -2,7 +2,7 @@
 id: 670839051794aa19fcef6dc8
 title: What Is UTF-8 Character Encoding, and Why Is It Needed?
 challengeType: 11
-videoId: SuTPQkOpa10
+videoId: T0VimOMROr8
 dashedName: what-is-utf-8-character-encoding
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
index 88345cd681..a8bb5e2f88 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
@@ -2,7 +2,7 @@
 id: 67083952f800051a8a21fcfd
 title: What Is the Role of the Meta Description, and How Does It Affect SEO?
 challengeType: 11
-videoId: aLy7C2fGDQw
+videoId: G-g2KBE05to
 dashedName: what-is-the-role-of-the-meta-description
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
index c1d55001a7..3e836638ed 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
@@ -2,7 +2,7 @@
 id: 6708396caa00e11b597b3365
 title: What Is the Role of Open Graph Tags, and How Do They Affect SEO?
 challengeType: 11
-videoId: wQhsL9NjiuA
+videoId: 94IAhyEfO8I
 dashedName: what-is-the-role-of-open-graph-tags
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
index 4935c3f182..aa50bc64b9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
@@ -2,7 +2,7 @@
 id: 672a51e9e4fd8b8552eeb758
 title: What Is Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i2d9G5g8WxM
 dashedName: what-is-accessibility
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
index 8bd8e80692..daa434c8ab 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
@@ -2,7 +2,7 @@
 id: 672a5310d7e46b8a34d48dfd
 title: What Are Screen Readers, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aowIBtwkwyE
 dashedName: what-are-screen-readers
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
index db18fbb9a4..81c861daed 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
@@ -2,7 +2,7 @@
 id: 672a5326a7606a8a766cbedb
 title: What Are Large Text or Braille Keyboards, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kg-R09kIDiY
 dashedName: what-are-large-text-or-braille-keyboards
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
index 3b5e58c4a5..b9973911ef 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
@@ -2,7 +2,7 @@
 id: 672a533e6041c28ad680eb8f
 title: What Are Alternative Pointing Devices Such as Trackballs, Joysticks, and Touchpads Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vN7C2gexLu0
 dashedName: what-are-alternative-pointing-devices
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
index 745d4d8839..915bac68a2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
@@ -2,7 +2,7 @@
 id: 672a5361ef88158b25fbfba7
 title: What Are Screen Magnifiers Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Voiysxr-Df4
 dashedName: what-are-screen-magnifiers
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
index ea40b20532..fb7b4cc0fc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
@@ -2,7 +2,7 @@
 id: 672a536f8386288b9ed0a154
 title: What Is Voice Recognition Software Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _qT4ce85TLg
 dashedName: what-is-voice-recognition-software
 ---
 
@@ -94,7 +94,7 @@ Dragon.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ---
 
@@ -106,7 +106,7 @@ Voice Control.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ---
 
@@ -114,7 +114,7 @@ Voice Access.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
index 43b4c9643c..398853f05b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
@@ -2,7 +2,7 @@
 id: 672a537f05f3798bd4f57d2d
 title: What Are Some Common Accessibility Auditing Tools to Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BZ37IV7eNeo
 dashedName: what-are-some-common-accessibility-auditing-tools
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
index 5f8450f7ab..9a3dc51b4b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
@@ -2,7 +2,7 @@
 id: 672a538c029f9e8c1687460e
 title: How Does Proper Heading Level Structure Affect Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FqBrK9IAvhI
 dashedName: how-does-proper-heading-level-structure-affect-accessibility
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
index f360bcc4c8..7645015c63 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
@@ -2,7 +2,7 @@
 id: 672a539b887ec68c593cdc4b
 title: What Are Best Practices for Tables and Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aaip_wiDgEw
 dashedName: what-are-best-practices-for-tables-and-accessibility
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
index 988d190b70..889b66fbc2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
@@ -2,7 +2,7 @@
 id: 672a53ae8f1ad28c8a1ed0f0
 title: Why Is It Important for Inputs to Have an Associated Label?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _FWK8pqUUXo
 dashedName: why-is-it-important-for-inputs-to-have-an-associated-label
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
index af986253d7..259c75b9a7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
@@ -2,7 +2,7 @@
 id: 672a53cf67140d8cd85d4b0f
 title: What Is the Purpose of WAI-ARIA, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LNv_JZogKy0
 dashedName: what-is-the-purpose-of-wai-aria
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
index 45f2f251ba..63ce2beb24 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
@@ -2,7 +2,7 @@
 id: 672a549231b8728f7171ed9d
 title: What Are ARIA Roles?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9rEXBdjn5ZQ
 dashedName: what-are-aria-roles
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
index a465acef27..8d209caedb 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
@@ -2,7 +2,7 @@
 id: 672a54a6675c168faa84252d
 title: What Are the Roles of the aria-label and aria-labelledby Attributes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WLb6vAfd_eE
 dashedName: what-are-the-roles-of-the-aria-label-and-aria-labelledby-attributes
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
index 74efdaa36a..26eeeac4db 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
@@ -2,7 +2,7 @@
 id: 672a54bc58319c8fe6f78ad4
 title: What Is the aria-hidden Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QedOQkZOBYc
 dashedName: what-is-the-aria-hidden-attribute
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
index 8a57914143..5f53ca98e3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
@@ -2,7 +2,7 @@
 id: 672a54ce90c19e9038f481d7
 title: What Is the aria-expanded Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EhZHqC1ZE_Q
 dashedName: what-is-the-aria-expanded-attribute
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
index 63fecb64ec..efbf028f5b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
@@ -2,7 +2,7 @@
 id: 672a54dff9dc439089f1a219
 title: What Is the aria-live Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LGkl102m2-s
 dashedName: what-is-the-aria-live-attribute
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
index 58a4119ada..89dc093f3e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
@@ -2,7 +2,7 @@
 id: 672a54f29d783890d1f94740
 title: What Are Some Common ARIA States Used on Custom Control Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: tzoL0L63V5g
 dashedName: what-are-some-common-aria-states-used-on-custom-control-elements
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
index 227f474939..4fc6b1b677 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
@@ -2,7 +2,7 @@
 id: 672a5507d857a891139abc7f
 title: What Is the aria-controls Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: CIjzHpQHKFo
 dashedName: what-is-the-aria-controls-attribute
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
index cfe559fe6e..8789f5eae6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
@@ -2,7 +2,7 @@
 id: 672a551975938a916c74802c
 title: What Is the aria-describedby Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IuYRdE-f28M
 dashedName: what-is-the-aria-describedby-attribute
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
index bcc9fc059b..502b85460a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
@@ -2,7 +2,7 @@
 id: 672a55b5c0c14493328fe36e
 title: When Is the alt Attribute Needed, and What Are Some Examples of Good Alt Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _yKzvDikHOI
 dashedName: when-is-the-alt-attribute-needed
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
index c63035cee6..0afc2ea879 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
@@ -2,7 +2,7 @@
 id: 672a55dd1d86bc939606e204
 title: What Are the Accessibility Benefits for Good Link Text, and What Are Examples of Good Link Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JI_yg4ZivfM
 dashedName: what-are-the-accessibility-benefits-for-good-link-text
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
index 6485aff4a6..0768efbb52 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
@@ -2,7 +2,7 @@
 id: 672a55eb7791559421ff0cd3
 title: What Are Good Ways to Make Audio and Video Content Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KIuKBpihUPg
 dashedName: what-are-good-ways-to-make-audio-and-video-content-accessible
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
index b4e5b4b0c0..69fcc2743c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
@@ -2,7 +2,7 @@
 id: 672a55fbc2d95a9453151caf
 title: What Are Some Ways to Make Web Applications Keyboard Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UE7rKhSKfHs
 dashedName: what-are-some-ways-to-make-web-applications-keyboard-accessible
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
index 173c1708ee..e9ee54a2a9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
@@ -50,35 +50,35 @@ Think about an element that primarily affects text style to highlight when part
 
 ## --text--
 
-Which HTML element is used to emphasize important text?
+When should you use CSS instead of the `i` or `em` elements?
 
 ## --answers--
 
-`em`
+When the text has a special purpose or meaning in the paragraph.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`strong`
+When you want to display text in italics for presentational purposes only.
 
 ---
 
-`i`
+When the text is an idiomatic expression.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`mark`
+When the text needs to be emphasized for importance.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
index c70034f3ea..f8501e6312 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
@@ -50,39 +50,39 @@ Analyze the two types of quotation elements. Think about which one displays the
 
 ## --text--
 
-Which HTML element is used for displaying inline quotations?
+What is the purpose of the `cite` element in HTML?
 
 ## --answers--
 
-`q`
-
----
-
-`blockquote`
+To display inline quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`cite`
+To specify the source URL of a quotation.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`p`
+To mark up the title of a referenced creative work.
+
+---
+
+To display extended quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ## --video-solution--
 
-1
+3
 
 ## --text--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
index 6ca38d68c8..671eaa7226 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
@@ -50,7 +50,7 @@ Think about an element that is specifically designed for shortened words.
 
 ## --text--
 
-What is the primary purpose of the ``abbr` element?
+What is the primary purpose of the `abbr` element?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
index 051b5c4ea8..87f6104018 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
@@ -1,20 +1,50 @@
 ---
 id: 6734e3a9cc78faaf4248d335
 title: What Is the Role of JS Libraries and Frameworks, and Why Are They Used in the Industry?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-role-of-js-libraries-and-frameworks-and-why-are-they-used-in-the-industry
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+JavaScript libraries and frameworks provide pre-built code that streamlines the development process.  While both libraries and frameworks serve to improve productivity and standardize coding practices, they differ in their approach and level of control they provide to developers.
+
+Libraries are generally more focused on providing solutions to specific tasks, such as manipulating the DOM, handling events, or managing AJAX requests.
+
+An example of a JavaScript library is jQuery.
+
+jQuery became very popular in the early 2010s and was widely used to simplify DOM manipulation, event handling, animations, effects, and more. This library also offered a rich ecosystem of plugins, which made it easy to build common web components like datepickers, sliders, and modal dialogs.
+
+Although jQuery is no longer as widely used as it once was, it significantly helped developers by making tasks that were complex in vanilla JavaScript much easier to implement.
+
+Frameworks, on the other hand, provide a more defined structure for building applications. They often come with a set of rules and conventions that developers need to follow.
+
+For example, Angular encourages a component-based architecture with a set of conventions and tools that provide a structured approach to organizing and building applications. Angular gives developers clear guidelines on how to structure components, manage state, handle routing, and interact with services, making it a more opinionated framework.
+
+Other examples of frameworks include Remix and NextJS.
+
+In contrast, React, a UI library, is more flexible and doesn't enforce any particular architectural pattern. React focuses primarily on the view layer and leaves a lot of the choices on application design up to the developers.
+
+Although libraries and frameworks are used across projects of all sizes, The choice between using them often depends on the project's requirements. Libraries offer flexibility for specific functionalities, while frameworks provide a structured approach towards complex applications.
+
+In the industry, libraries and frameworks are widely used for several reasons. They significantly speed up development by providing quick solutions for common problems.
+
+One common problem in JavaScript is working with dates and timezones. But there are libraries out there with built in solutions to help you with date manipulation, timezones, parsing and formatting of dates.
+
+A lot of popular libraries and frameworks are well-tested and maintained by large communities. This means they're often more practical than building the same thing from scratch.
+
+Libraries and frameworks follow best practices and patterns that have been proven effective in real life scenarios. This can lead to more robust and scalable applications.
+
+In conclusion, libraries and frameworks offer quick solutions to common problems, speed up development, and promote best practices. Understanding the differences between libraries and frameworks, and knowing when to use them is a valuable skill for any JavaScript developer.
 
 # --questions--
 
 ## --text--
 
-Why was jQuery a popular library of choice in the early 2010’s?
+Why was jQuery a popular library of choice in the early 2010's?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
index f643612a40..6384efbdf9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
@@ -1,14 +1,32 @@
 ---
 id: 6734e867bbf41cc5b11648c4
 title: What Are Single Page Applications, and What Are Some Issues Surrounding Them?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-single-page-applications-and-what-are-some-issues-surrounding-them
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Unlike traditional multi-page websites, single page applications (SPAs) load only one HTML page and dynamically update the content as the user interacts with the app, without reloading the entire page. This approach can lead to faster, more responsive applications, but it also comes a set of challenges and considerations.
+
+SPAs heavily use JavaScript to manage the application's state and render content. Instead of requesting new HTML pages from the server, SPAs use JavaScript to manipulate the DOM and fetch data asynchronously. This is often done using libraries and frameworks like React, Vue, or Angular, which provide great tools for building complex user interfaces.
+
+SPAs have some common issues. One significant issue is that screen readers may struggle with dynamically updated content. When content changes without a page reload/refresh, screen readers might not notify these changes, which makes our users unaware of updates on our web app.
+
+Another challenge with SPAs is with navigation and browser history. Users expect the back and forward buttons to work as they do on traditional websites. This might not work properly in SPAs because technically, the URL of the web app doesn’t change. Since, the URL of the web app doesn’t change, they can’t bookmark any specific page. Refreshing the page might reset the application to its initial state, rather than maintaining the current view.
+
+SPAs can pose challenges for SEO optimization.
+
+Search engines like Google can have difficulty indexing dynamically loaded content because they may not execute JavaScript properly or may miss content that isn’t included in the initial HTML page. This can lead to pages not being indexed correctly.
+
+However, modern search engines have improved their ability to crawl SPAs, and there are techniques such as server-side rendering (SSR), pre rendering, and the use of SEO-friendly URLs that can help mitigate these issues and improve SEO for SPAs.
+
+Performance is another consideration. SPAs load the entire application in one go, which means that if the loading time increases, users will be seeing a blank screen for a longer period of time. Now consider the scenario of users with slower internet speeds. Overall, the user experience will not be very pleasant.
+
+In conclusion, while Single Page Applications offer many benefits, they also present unique challenges. Developers need to be careful of accessibility, usability, SEO, and performance considerations when building SPAs. By addressing these issues, it's possible to create SPAs that are fast, responsive, and accessible to all users.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
index 41ae2d9b62..5c3163ec9d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
@@ -1,14 +1,30 @@
 ---
 id: 6734e86f590727c5e7e9ec5e
 title: What Is React, and What Is It Commonly Used For?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-react-and-what-is-it-commonly-used-for
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+React is one of the most popular JavaScript libraries for building user interfaces and web applications. Originally developed and maintained by Facebook, React has gained huge popularity in web development due to its efficiency, flexibility, and features.
+
+A fundamental concept in React is the creation of reusable UI components. These components, such as buttons, cards, and avatar components, can be easily reused throughout your application. You can nest these components inside each other to build more complex, dynamic interfaces.
+
+One of the key advantages of React is that these custom components can update and render independently as data changes.
+
+Unlike traditional JavaScript, which requires direct manipulation of the DOM (Document Object Model), React uses a virtual DOM, which improves performance and efficiency. You’ll learn more about the virtual DOM and how it works in upcoming lecture videos.
+
+In addition to reusable components, React also provides a powerful way to manage the state of your application. State refers to the data that determines how a component renders and behaves.
+
+With React, you can easily track and update the state of components, ensuring that the UI reflects the most current data. You will learn more about working with state in future lecture videos.
+
+While there are many libraries within the JavaScript ecosystem, freeCodeCamp will mainly be focused on teaching React because of its wide spread use and demand in the industry.
+
+Over the next few lectures, we will dive deeper into building custom components, managing state, and more.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
index 419372cd3e..c0d9ac8920 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
@@ -1,14 +1,117 @@
 ---
 id: 6734e879c78ee6c61db25b90
 title: What Are Components in React, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-components-in-react-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Components are the building blocks of React applications that allow developers to break down complex user interfaces into smaller, manageable pieces, making it easier to develop and maintain large-scale applications.
+
+The two types of components in React are functional and class based components. In modern React, developers will use functional components and all of the examples we look at today will be functional components.
+
+At a higher level, you can think of component like JavaScript functions that return elements describing the UI.
+
+This UI is described using JSX, a syntax extension for JavaScript that looks similar to HTML but allows you to write UI elements in a more declarative way.
+
+Let's look at an example of a React component:
+
+```js
+function Greeting() {
+  const name = "John"
+  {/* The result will be Hello John*/}
+  return <h1 className="title">Hello {name}</h1>;
+}
+```
+
+In this example, we've defined a component called Greeting. The curly braces `{}` inside the `h1` tags enable us to embed JavaScript expressions, allowing us to access the name variable within the h1 element.
+
+We are also applying a `className` called title to the `h1` element.
+
+But why are we using `className` instead of class like with regular HTML elements?
+
+Well this is because in JavaScript, `class` is a reserved name. So, we need to use `className` instead.
+
+We are also using a comment in JSX showing what the result will be. It is important to note that you can use regular comment syntax like this but it needs to be wrapped in curly braces in order for it to work.
+
+```js
+{/* Block Comments */}
+```
+
+Another thing you might have noticed is that we are using a capital letter at the beginning of the component name. But why can’t we use all lower case letters?
+
+This is because React treats components with a capital letter as custom components, while elements with lowercase letters are considered built-in HTML elements.
+
+When React encounters a lowercase tag (like `<div>` or `<span>`), it assumes it's a standard HTML element. However, if the component name starts with a capital letter, React will treat it as a user-defined component and render it accordingly. This distinction helps React differentiate between native HTML tags and components that you create.
+
+To use this `Greeting` component in our application, we would write something like this:
+
+```js
+<Greeting />
+```
+
+This would render an `<h1>` element with the text `"Hello, John"` to the page. But take a closer look at the syntax here. When we use the component, it ends with a forward slash and then the greater than symbol.
+
+When working with JSX, all tags and uses of components need to be explicitly closed. So if the component or tag does not have any children, then you need to explicitly close it like shown here
+
+```js
+<img />
+<MyComponent />
+```
+
+So far we have only been looking at how to render a single h1 element. But you can actually render multiple elements.
+
+Let’s take a look at the following example code here:
+
+```js
+function Greeting() {
+  const name = "John";
+  {/* This will throw an error */}
+  return <h1>Hello {name}</h1> 
+  <p>Nice to meet you.</p>
+}
+```
+
+We are trying to add another sentence of `"Nice to meet you"` but it is not rendering on the page correctly.
+
+There seems to be an error message instead. The error message says `"Adjacent JSX elements must be wrapped in an enclosing tag."`
+
+The reason why you are getting that error message is because multiple sibling elements need to be wrapped in a parent element. While you could wrap the h1 and p elements in a single div, there is another way to silence the error.
+
+React `<Fragment>`s are used to group elements together.
+
+Here is what the revised example will look like:
+
+```js
+function Greeting() {
+  const name = "John";
+  return (
+    <Fragment>
+      <h1>Hello {name}</h1>
+      <p>Nice to meet you.</p>
+    </Fragment>
+  );
+}
+```
+
+You can also choose to use empty JSX tags which can serve as shorthand for Fragments.
+
+```js
+ function Greeting() {
+  const name = "John";
+  return (
+    <>
+      <h1>Hello {name}</h1>
+      <p>Nice to meet you.</p>
+    </>
+  );
+}
+```
+
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
index 158d5b4c12..cfd23df155 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
@@ -1,14 +1,63 @@
 ---
 id: 6734e88cc46e6dc679420040
 title: What is Vite and How Can It Be Used to Setup a New React Project?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-vite-and-how-can-it-be-used-to-setup-a-new-react-project
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Unlike working with smaller vanilla HTML, CSS, and JavaScript projects, starting a new React project includes a few more steps to ensure that everything runs correctly. Instead of trying to setup of all of the necessary configurations by yourself, there are tools that will do that for you.
+
+One of the most popular tools for setting up projects is Vite. Vite, which means "fast" in French, is a build tool that aims to provide a faster development experience for modern web projects. Vite can be used with React, as well as with other libraries and frameworks like Vue or Svelte. You can even use it with vanilla JavaScript projects.
+
+To create a new project with Vite, you will need to use the command line. If you are using Windows machine, then you can use the Command Prompt or Windows PowerShell. If you are using a Mac, then you can use the Terminal app.
+
+Once you have the command line open, you can use the following command:
+
+```bash
+npm create vite@latest my-react-app -- --template react
+```
+
+This command creates a new React project named `my-react-app` using Vite's React template.
+
+You can then open up the new project and see the React boilerplate code that Vite has provided for you.
+
+The great thing about Vite is that it will only provide the files that are absolutely necessary to get started with your React project.
+
+To actually run the project as is, you will need to install the dependencies using the following commands in the command line:
+
+```bash
+  cd my-react-app
+  npm install
+```
+
+The `cd my-react-app` command ensures that you change to the correct directory where your project is located.
+
+The `npm install` command is used to install the dependencies needed to properly run your React project. Dependencies are libraries or packages that your React project requires in order to function correctly, such as React itself, ReactDOM, or other third-party packages that provide additional functionality.
+
+Running `npm install` will read the `package.json` file in your project directory and install all the dependencies listed there, allowing you to build and run your React app without missing any necessary components.
+
+The `package.json` file is a key configuration file in projects that contains metadata about your project, including its name, version, and dependencies. It also defines scripts, licensing information, and other settings that help manage the project and its dependencies.
+
+Once the dependencies are installed, you should notice a new folder in your project called `node_modules`.
+
+The `node_modules` folder is where all the packages and libraries required by your project are stored. This folder contains the actual code for the dependencies listed in your package.json file, including both your project's direct dependencies and any dependencies of those dependencies.
+
+To run your project, run the `npm run dev` command and open up a new browser tab at `http://localhost:5173/`.
+
+You should see the starter template that Vite has provided for you.
+
+If you need to stop the local server, press `CTRL + C` in the command line.
+
+To actually see the code for this starter template, you can go into your project inside the src folder and you should see the `App.jsx` file.
+
+From there you can start to modify the file, save your changes and see the new changes display in the browser.
+
+And with that, you're ready to begin building your React application!
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
index ea0054f4ca..bbc991edf0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
@@ -1,14 +1,106 @@
 ---
 id: 674ba6876f7ada867135bb95
 title: How Can You Import and Export Components in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-import-and-export-components-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In this lecture, we will take a look at how to import and export components in React.
+
+In this example, we have a `Cat` component that belongs in a file called `Cat.jsx`. For the file extension, we are using the jsx file extension because this file is mainly working with JSX.
+
+```js
+function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+```
+
+This `Cat` component returns a JSX markup with a title and image for a cat called Mr.Whiskers.
+
+If we want to use our `Cat` component in another file, we need to first export it like this:
+
+```js
+function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+
+export default Cat;
+```
+
+We are using the default keyword because this will be the default export from the module. You can also choose to export the component on the same line as the component definition like this:
+
+```js
+export default function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+```
+
+You can choose to import child components in other parent component files. Or import them in the root component file. For this example, we will import the Cat component inside the root component file.
+
+Every React project will have a top-level component, typically called `App.jsx`. This file is usually located in the src directory of your project. You’ll learn more about common project layouts in a future lecture video.
+
+```js
+export default function App() {
+  return (
+    // return component here
+  );
+}
+```
+
+To use the `Cat` component inside the root `App` component, you will need to import it like this:
+
+```js
+import Cat from "./Cat";
+
+export default function App() {
+  return (
+    // return component here
+  );
+}
+```
+
+Now, you can return the `Cat` component inside the `App` component like this:
+
+```js
+import Cat from "./Cat";
+
+export default function App() {
+  return (
+    <Cat />
+  );
+}
+```
+
+As you continue building your own React projects, you’ll become more comfortable organizing components, importing them where needed, and creating sophisticated UIs by composing these modular components.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
index 6ca9e5d940..ce54c281bb 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
@@ -2,7 +2,7 @@
 id: 672d26385dbe73203c4dac81
 title: What Is JavaScript, and How Does It Work with HTML and CSS?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G7lc_Yt2fqY
 dashedName: what-is-javascript
 ---
 
@@ -58,7 +58,7 @@ JavaScript adds more styles to the CSS file.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ---
 
@@ -66,11 +66,11 @@ JavaScript creates a new version of HTML for the page.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ---
 
-JavaScript interacts with the DOM to change content and styles dynamically.
+JavaScript interacts with the page to change content and styles dynamically.
 
 ---
 
@@ -78,7 +78,7 @@ JavaScript only works in the backend.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
index 9c8fdba12f..af13e8e3bb 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
@@ -2,7 +2,7 @@
 id: 672d496eca926b5df8176a67
 title: What Is a Data Type, and What Are the Different Data Types in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DQgf3RxOiQg
 dashedName: what-is-a-data-type
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
index e39d154003..ec58dd387d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
@@ -2,7 +2,7 @@
 id: 672d497cb1a1675e47bf7ea1
 title: What Are Variables, and What Are Guidelines for Naming JavaScript Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: h6ytd29mrrg
 dashedName: what-are-variables
 ---
 
@@ -74,7 +74,7 @@ Remember the rules for starting a variable name and avoiding special characters
 
 ---
 
-`return`
+`const`
 
 ### --feedback--
 
@@ -90,7 +90,7 @@ Why is it important to use descriptive names for your variables?
 
 ## --answers--
 
-It’s required by JavaScript.
+It's required by JavaScript.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
index 046193f28b..887da5e0df 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
@@ -2,7 +2,7 @@
 id: 672d49959621885e9d3e672c
 title: How Do let and const Work Differently When It Comes to Variable Declaration, Assignment, and Reassignment?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ax8XbAiG4Ek
 dashedName: how-do-let-and-const-work
 ---
 
@@ -66,7 +66,7 @@ When you want to track a value that will change during program execution.
 
 ---
 
-When you want to declare a variable but don’t want it to be accessible in a specific block of code.
+When you want to declare a variable but don't want it to be accessible in a specific block of code.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
index 57696daf94..b6d894df10 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
@@ -2,7 +2,7 @@
 id: 672d49a5cf43945ee09e5fba
 title: What Is a String in JavaScript, and What Is String Immutability?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AXinCYvj7h8
 dashedName: what-is-a-string
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
index 6d90d8cd24..f021fff99e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
@@ -2,7 +2,7 @@
 id: 672d49b2fb76df5f1d6117af
 title: What Is String Concatenation, and How Can You Concatenate Strings with Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4bCDHakINH8
 dashedName: what-is-string-concatenation
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
index 38058dd76e..eb62c204cf 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
@@ -2,7 +2,7 @@
 id: 672d49c4e899345f5b33c24c
 title: What Is console.log Used For, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J9CeRj7EBmM
 dashedName: what-is-console-log
 ---
 
@@ -50,7 +50,7 @@ Think about where you can see the results of the `console.log` method.
 
 ## --text--
 
-Which of the following examples correctly uses `console.log` to display the value of a variable?
+Which of the following examples correctly uses `console.log` to display the value of a string?
 
 ## --answers--
 
@@ -110,11 +110,11 @@ Think about the basic structure of `console.log` and where the variable should g
 
 ---
 
-`console.write(age);`
+`console.log("age");`
 
 ### --feedback--
 
-Think about the basic structure of `console.log` and where the variable should go.
+Think about the difference between a variable and a string.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
index db6be4b3f6..5b27976bf6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
@@ -2,7 +2,7 @@
 id: 672d49d93b54b85faa4dbad7
 title: What Is the Role of Semicolons in JavaScript, and Programming in General?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BgZYZV0_-UM
 dashedName: what-is-the-role-of-semicolons
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
index ab6814c50b..5dda4709d8 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
@@ -2,7 +2,7 @@
 id: 672d49e65a1c855fe7bb3fdb
 title: What Are Comments in JavaScript, and When Should You Use Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HyYHnvP_EaM
 dashedName: what-are-comments-in-javascript
 ---
 
@@ -98,7 +98,7 @@ Think about how comments help clarify but should not clutter the code.
 
 ---
 
-Only use comments for complex logic or unclear code.
+Use comments to provide context and leave notes for yourself and other developers.
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md b/curriculum/challenges/espanol/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
index 9273138f57..34f6a8de44 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
@@ -86,42 +86,6 @@ This rule adds space below each list item, not above.
 
 ## --text--
 
-Given the CSS rule `li { margin-bottom: 15px; }`, what effect does this have on list items?
-
-## --answers--
-
-Adds `15px` of space inside each list item.
-
-### --feedback--
-
-This rule affects the space outside the list item, not inside.
-
----
-
-Adds `15px` of space between the content and `border` of each list item.
-
-### --feedback--
-
-This rule affects the space outside the `border` of each list item.
-
----
-
-Adds `15px` of space below each list item.
-
----
-
-Adds `15px` of space above each list item.
-
-### --feedback--
-
-This rule adds space below each list item, not above.
-
-## --video-solution--
-
-3
-
-## --text--
-
 What does the `line-height` property control in CSS?
 
 ## --answers--
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md b/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
index 0982d60a3e..5d1897b9df 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
@@ -2,7 +2,7 @@
 id: 67329fbcfaf5ff5cdaa38a42
 title: What Is the var Keyword, and Why Is It No Longer Suggested to Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ae4bq5IcDfI
 dashedName: what-is-the-var-keyword-and-why-is-it-no-longer-suggested-to-use-it
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md b/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
index bc8a1a6b21..c4decaafbe 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
@@ -2,7 +2,7 @@
 id: 67335f45489c5a11b71d0ed5
 title: What Is Hoisting?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Aa1bLYTu5T8
 dashedName: what-is-hoisting
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
index 39fa9b1772..7e9ac93c18 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
@@ -2,7 +2,7 @@
 id: 6733b072bd8f5b06ccdbd9e2
 title: What Is Asynchronous JavaScript, and How Does It Differ from Synchronous JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ibxm8ApRm8A
 dashedName: what-is-asynchronous-javascript-and-how-does-it-differ-from-synchronous-javascript
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
index 95a85fa90e..6cb9d259b1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
@@ -2,7 +2,7 @@
 id: 67340798c2c1776709d8a5fe
 title: How Does the Async Attribute Work Inside Script Elements, and How Does It Differ from the Defer Attribute?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G0eRfrQzHdM
 dashedName: how-does-the-async-attribute-work-inside-script-elements-and-how-does-it-differ-from-the-defer-attribute
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
index 3a53b7a083..287bc520cc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
@@ -2,7 +2,7 @@
 id: 673407a223891b6734563c89
 title: What Is the Fetch API, and What Are Common Types of Resources That Are Fetched from the Network?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DVq2gXN12tQ
 dashedName: what-is-the-fetch-api-and-what-are-common-types-of-resources-that-are-fetched-from-the-network
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
index ffcc41b7e0..1b6e559cf9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
@@ -2,7 +2,7 @@
 id: 673407be6af21d6766ed4b96
 title: How Does the Fetch API Work with Common HTTP Methods and res.json()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: igua3fllgXc
 dashedName: how-does-the-fetch-api-work-with-common-http-methods-and-res-json
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
index 140a6c6384..0269fc49b0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
@@ -2,7 +2,7 @@
 id: 673407ca21117a67cf9521ca
 title: What Are Promises, and How Does Promise Chaining Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 7BclniIRnUs
 dashedName: what-are-promises-and-how-does-promise-chaining-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
index 963fc7e828..1cd296de72 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
@@ -2,7 +2,7 @@
 id: 673407d56c3dce67fa97969b
 title: What Is Async/Await, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GYf6F2PTMEw
 dashedName: what-is-async-await-and-how-does-it-work
 ---
 
@@ -62,7 +62,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only at the top level of a module.
+At very beginning of your code.
 
 ### --feedback--
 
@@ -70,7 +70,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only inside `async` functions.
+Inside `async` functions.
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
index e4d24c63fd..c98ac06414 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
@@ -2,7 +2,7 @@
 id: 673407e02bcf0d682b9a49a9
 title: How Does the JavaScript Engine Work, and What Is a JavaScript Runtime?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ekNo7Ai_4Uo
 dashedName: how-does-the-javascript-engine-work-and-what-is-a-javascript-runtime
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
index e3a4b550e0..053796abee 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
@@ -2,7 +2,7 @@
 id: 673407eb10ca9d68634e81d9
 title: What Is the Geolocation API, and How Does the getCurrentPosition Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Daytgop2tf0
 dashedName: what-is-the-geolocation-api-and-how-does-the-getcurrentposition-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
index e2d2d17228..e92ab03672 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
@@ -2,7 +2,7 @@
 id: 672d26917a8ab3220c038a42
 title: How Do Comparisons Work with Null and Undefined Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LFaWJYxUkds
 dashedName: how-do-comparisons-work-with-null-and-undefined-data-types
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
index efe7c82d19..6cab8f1804 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
@@ -1,14 +1,109 @@
 ---
 id: 673282bea35dbf129efb63d6
 title: What Are Switch Statements and How Do They Differ from If/Else Chains?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-switch-statements-and-how-do-they-differ-from-if-else-chains
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+`Switch` statements and `if/else` chains are both control flow structures in programming that allow us to execute different code blocks based on certain conditions. However, they have distinct characteristics and use cases.
+
+A `switch` statement evaluates an expression and matches its value against a series of `case` clauses. When a match is found, the code block associated with that `case` is executed.
+
+Here's a basic structure of a `switch` statement:
+
+```js
+switch (expression) {
+  case value1:
+    // code to be executed if expression === value1
+    break;
+  case value2:
+    // code to be executed if expression === value2
+    break;
+  default:
+    // code to be executed if expression doesn't match any case
+}
+```
+
+The `break` statement at the end of each `case` is crucial. It tells the program to exit the `switch` block once a matching `case` has been executed. Without it, the program would continue executing subsequent cases, a behavior known as "fall-through".
+
+`Switch` statements are typically used when you're comparing a single variable against multiple possible values. They're especially useful when you have many potential conditions to check against a single variable.
+
+Here is an example using a `switch` statement for the days of the week:
+
+```js
+let dayOfWeek = 3;
+
+switch (dayOfWeek) {
+    case 1:
+        console.log("It's Monday! Time to start the week strong.");
+        break;
+    case 2:
+        console.log("It's Tuesday! Keep the momentum going.");
+        break;
+    case 3:
+        console.log("It's Wednesday! We're halfway there.");
+        break;
+    case 4:
+        console.log("It's Thursday! Almost the weekend.");
+        break;
+    case 5:
+        console.log("It's Friday! The weekend is near.");
+        break;
+    case 6:
+        console.log("It's Saturday! Enjoy your weekend.");
+        break;
+    case 7:
+        console.log("It's Sunday! Rest and recharge.");
+        break;
+    default:
+        console.log("Invalid day! Please enter a number between 1 and 7.");
+}
+```
+
+`Switch` statements can be more readable and concise when dealing with many possible values for a single variable.
+
+`If/else` statements on the other hand are more flexible. They can evaluate complex conditions and different variables in each clause. This makes them suitable for a wider range of scenarios.
+
+Here is an example of when you might use an `if/else` statement over a `switch` statement:
+
+```js
+let creditScore = 720;
+let annualIncome = 60000;
+let loanAmount = 200000;
+
+let eligibilityStatus;
+
+if (creditScore >= 750 && annualIncome >= 80000) {
+    eligibilityStatus = "Eligible for premium loan rates.";
+} else if (creditScore >= 700 && annualIncome >= 50000) {
+    eligibilityStatus = "Eligible for standard loan rates.";
+} else if (creditScore >= 650 && annualIncome >= 40000) {
+    eligibilityStatus = "Eligible for subprime loan rates.";
+} else if (creditScore < 650) {
+    eligibilityStatus = "Not eligible due to low credit score.";
+} else {
+    eligibilityStatus = "Not eligible due to insufficient income.";
+}
+
+console.log(eligibilityStatus);
+```
+
+In this example, we have a person’s annual income and credit score, and are checking what types of loan they would qualify for.
+
+Since we are dealing with more complex logical evaluations and multiple variables, it is better to use an `if/else` statement here versus a `switch` statement.
+
+It's worth noting that `switch` statements in JavaScript use strict comparison (`===`), which means they don't perform type coercion. This can be an advantage in terms of predictability and avoiding subtle bugs.
+
+In summary, while both `switch` statements and `if/else` chains allow for multiple-branch logic in your code, they have different strengths.
+
+`Switch` statements excel at handling multiple possible values for a single variable, while `if/else` chains offer more flexibility for complex conditions.
+
+The choice between them often comes down to the specific requirements of your code and personal or team coding style preferences.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
index 11fc342586..96d642737c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
@@ -2,7 +2,7 @@
 id: 672aa578a2129554d4675049
 title: What Are the Basic Parts of a Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: SJT6r_ejSqw
 dashedName: what-are-the-basic-parts-of-a-computer
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
index 99c7c12bda..91a1e84380 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
@@ -2,7 +2,7 @@
 id: 672ab82c1a9bbd0e3aabc39d
 title: How Can You Effectively Work With Your Keyboard, Mouse, and Other Pointing Devices
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AcTxNEVccxc
 dashedName: how-to-effectively-work-with-your-keyboard-mouse-and-other-pointing-devices
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
index 9105b060dc..515d189cc8 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
@@ -2,7 +2,7 @@
 id: 672ab83c4297910eade53c2e
 title: What Are the Different Types of Internet Service Providers?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pNR0QzFzSrg
 dashedName: what-are-the-different-types-of-internet-service-providers
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
index 0fcef9d4cc..8e1b267afd 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
@@ -2,7 +2,7 @@
 id: 672ab849aa1ef70eefd29364
 title: What Are Safe Ways to Sign Into Your Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pGoZFEMjC-g
 dashedName: what-are-safe-ways-to-sign-into-your-computer
 ---
 
@@ -78,7 +78,7 @@ Think about the extra layer of security.
 
 ---
 
-To ensure the person trying to access the account is the authorized user.
+It ensures the person trying to access the account is the authorized user.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
index 18c74684ad..0aba68160a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
@@ -2,7 +2,7 @@
 id: 672ab8573f32480f192aaae1
 title: What Are the Different Types of Tools Professional Developers Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FHUfC8cm_AA
 dashedName: what-are-the-different-types-of-tools-professional-developers-use
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
index 1604f7ec9b..43fdc2091c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
@@ -2,7 +2,7 @@
 id: 67329f9e9eb84e5c6a5e4366
 title: What Is a String Object, and How Does It Differ from String Primitive?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _-EJRG7vr-0
 dashedName: what-is-a-string-object-and-how-does-it-differ-from-string-primitive
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
index 772d1bf66e..b81371dcae 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
@@ -2,7 +2,7 @@
 id: 6732c68f4520d160584a6fd2
 title: What Is the toString() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: OYOHw8Xmatw
 dashedName: what-is-the-tostring-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
index a2fe162e72..3bfd6c643e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
@@ -2,7 +2,7 @@
 id: 6732c69d82814160951b1aa7
 title: What Is the Number Constructor, and How Does It Work for Type Coercion?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZY_GdH7FbPI
 dashedName: what-is-the-number-constructor-and-how-does-it-work-for-type-coercion
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
index 9fe8fd7de9..aa9de6ca0f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
@@ -2,7 +2,7 @@
 id: 6732c6ab21031b60d2b0c999
 title: What Are Some Common Practices for Naming Variables and Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: wheRZCpE724
 dashedName: what-are-some-common-practices-for-naming-variables-and-functions
 ---
 
@@ -86,35 +86,35 @@ Remember the prefix we typically use for getter functions.
 
 ## --text--
 
-Which of these is the best name for a constant representing the maximum number of login attempts?
+Which of the following should you do if you’re working in an established codebase and / or with a team?
 
 ## --answers--
 
-`max_attempts`
+Use your text editor's find-and-replace feature to update any function or variable names you come across that could be improved, even it's not related to the task you're working on.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`MAX_LOGIN_ATTEMPTS`
+Stick to the naming conventions for variables and functions that have already been established.
 
 ---
 
-`loginMaxAttempts`
+Come up with your own naming conventions for any new code you write.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`ATTEMPTS_MAX`
+Strictly use the naming conventions covered in this lecture.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
index 96a5d87762..627d73b2a3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
@@ -2,7 +2,7 @@
 id: 6732c6ba2ea42b610b9f9ce1
 title: How Do You Get the Length for an Array, and How Can You Create an Empty Array of Fixed Length?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ezk1SIbBDqw
 dashedName: how-do-you-get-the-length-for-an-array-and-how-can-you-create-an-empty-array-of-fixed-length
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
index fb67a1c812..6aca9b93a9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
@@ -2,7 +2,7 @@
 id: 6732c6c72d3738614e1230a2
 title: What Are Linters and Formatters, and How Can They Help You with Code Consistency?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XDPvu4bk8IA
 dashedName: what-are-linters-and-formatters-and-how-can-they-help-you-with-code-consistency
 ---
 
@@ -106,7 +106,7 @@ Think about when it would be most beneficial to catch potential issues.
 
 ---
 
-As part of the continuous integration pipeline.
+As part of the build process, a plugin for your text editor or IDE, a pre-commit hook before code can be committed to a codebase, and so on.
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
index a7150859dc..781cc1c448 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
@@ -2,7 +2,7 @@
 id: 6732c6d4dec34c61850a1276
 title: What Is Memory Management, and How Does It Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HJF89E-ODlw
 dashedName: what-is-memory-management-and-how-does-it-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
index b93d630963..a5f72166df 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
@@ -2,7 +2,7 @@
 id: 6732c6e281c14a61c4858361
 title: What Are Closures, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J4ZBwMbDAgE
 dashedName: what-are-closures-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
index 38797fe0ea..aafb368aab 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
@@ -2,7 +2,7 @@
 id: 6733aae9d25004f60d1e86f2
 title: What Are Some Ways to Validate Forms Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: azh-Mh6dxyo
 dashedName: what-are-some-ways-to-validate-forms-using-javascript
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
index 614a257d86..ad0285c05d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
@@ -2,7 +2,7 @@
 id: 6733d3a33abdd27cd562bdf2
 title: What Is the Purpose of e.preventDefault?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gBUdCKcBJSg
 dashedName: what-is-the-purpose-of-e-preventdefault
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
index 74b2c72627..31b4d3e0b3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
@@ -2,7 +2,7 @@
 id: 6733d3ab69e94b7df7ee91b0
 title: How Does the Submit Event Work with Forms?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EWGb5yFyQs4
 dashedName: how-does-the-submit-event-work-with-forms
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
index 10957f235f..4c8b910483 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
@@ -1,14 +1,75 @@
 ---
 id: 6733b0451d6be0065430b418
 title: What Is Functional Programming?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-functional-programming
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functional programming is about writing code that is clean, predictable, and easier to test and debug. Two key concepts we'll explore today are pure functions and avoiding side effects.
+
+Let's start with pure functions.
+
+A pure function is a function that, given the same input, will always return the same output, and it doesn't modify anything outside of itself.
+
+Here's an example of a pure function:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+```
+
+This function is pure because it always returns the same result for the same inputs, and it doesn't change anything outside of itself. No matter how many times you call `add(2, 3)`, it will always return `5`, and it won't affect any other part of your program.
+
+Now, let's contrast this with an impure function:
+
+```js
+let total = 0;
+function addToTotal(value) {
+  total += value;
+  return total;
+}
+```
+
+This function is impure because it modifies a variable outside of itself (`total`). The result of `addToTotal(5)` will be different depending on what `total` was before the function was called. This unpredictability can make our code harder to understand and debug.
+
+This brings us to our next important concept and that is side effects.
+
+A side effect is any change that occurs in the state of the program when a function is called. This could include modifying a global variable, writing to a file, or making an API call.
+
+Pure functions have no side effects but impure functions have these.
+
+Avoiding side effects is a key principle of functional programming. When we minimize side effects, our code becomes more predictable and easier to test.
+
+While writing code, our main goal should be to make functions do one thing and they should do it very well without changing other parts of our program.
+
+Here's an example of a function with a side effect:
+
+```js
+function greet(name) {
+  console.log(`Hello, ${name}!`);
+}
+```
+
+This function has a side effect because it interacts with the outside world by logging to the console.
+
+In functional programming, we might rewrite this as:
+
+```js
+function greet(name) {
+  return `Hello, ${name}!`;
+}
+console.log(greet("Alice"));
+```
+
+Now `greet` is a pure function that simply returns a string, and we handle the side effect (logging to the console) separately.
+
+Functional programming encourages us to compose our programs using pure functions by breaking our code into small, predictable pieces. And thus, we can build programs that are easier to understand, test, and maintain.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
index 435dd0013d..39cae08a55 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
@@ -1,14 +1,56 @@
 ---
 id: 6734061fe116df617a564a37
 title: What Is Currying, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-currying-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Currying is a technique where we transform a function that takes multiple arguments into a sequence of functions, each taking a single argument.
+
+Let's start with a basic example. Imagine we have a function that adds two numbers:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+
+console.log(add(3, 4)); // Output: 7
+```
+
+This is a function that takes two arguments and returns their sum. Now, let's see how we can curry this function:
+
+```js
+function curriedAdd(a) {
+  return function(b) {
+    return a + b;
+  }
+}
+
+console.log(curriedAdd(3)(4)); // Output: 7
+```
+
+In this curry converted code, instead of taking two arguments at once, we have a function that takes the first argument and returns another function. This returned function then takes the second argument and performs the addition. We call it like `curriedAdd(3)(4)`, where each pair of parentheses represents a function call.
+
+But why would we want to do this?
+
+Currying allows us to create some special functions easily. For example, we could create a function that always adds five to any number:
+
+```js
+const addFive = curriedAdd(5);
+console.log(addFive(10)); // Output: 15
+console.log(addFive(20)); // Output: 25
+```
+
+Here, `addFive` is a function that's always ready to add five to whatever number we give it. This is a simple example of partial application, where we fix a certain number of arguments to a function, producing another function that takes fewer arguments.
+
+While our examples have focused on functions with two arguments, currying can be applied to functions with any number of arguments.
+
+As you continue your journey in JavaScript, you'll likely find many situations where currying can make your code cleaner and more expressive.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
index 4db556f700..77979f32f6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
@@ -2,7 +2,7 @@
 id: 6733affc29df1304e2c97e88
 title: What Are Classes, and How Do They Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ap99e6plM10
 dashedName: what-are-classes-and-how-do-they-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
index e2e7faaaf7..da3b669de0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
@@ -2,7 +2,7 @@
 id: 673403ca2bb16658309e3632
 title: How Does the This Keyword Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Tt1v6kLAdMo
 dashedName: how-does-the-this-keyword-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
index a59505a833..b83eb10e2e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
@@ -2,7 +2,7 @@
 id: 673403d2aa52d8586a14a269
 title: What Is Class Inheritance, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DNO-xTd5D70
 dashedName: what-is-class-inheritance-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
index 84531b6dff..50e53a924d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
@@ -2,7 +2,7 @@
 id: 673403dbf5c9835898632c84
 title: What Are Static Properties and Methods in Classes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xDIqlqh6_EU
 dashedName: what-are-static-properties-and-methods-in-classes
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
index f4336f8d2d..0280a627cf 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
@@ -2,7 +2,7 @@
 id: 672aa86da9937560d3dfe3d6
 title: What Are Common Use Cases for Using Floats, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xUr2Oh1KE8I
 dashedName: what-are-common-use-cases-for-using-floats
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
index edff7974ad..d9b6146d33 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
@@ -2,7 +2,7 @@
 id: 672c3a84fb8d4613776cc99e
 title: What Is Relative Positioning, and How Does This Differ from the Default Static Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3BO43MUDd8Q
 dashedName: what-is-relative-positioning
 ---
 
@@ -22,7 +22,7 @@ Which of the following is the default positioning for all elements?
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
@@ -30,7 +30,7 @@ Think about what kind of positioning doesn’t need any special CSS declaration.
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
@@ -38,7 +38,7 @@ Think about what kind of positioning doesn’t need any special CSS declaration.
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
index 5b2646ed2c..e81f1e77fc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
@@ -2,7 +2,7 @@
 id: 672c3a8fac7c5613b4bb75de
 title: What Is Absolute Positioning, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KaTb9CL9lMQ
 dashedName: what-is-absolute-positioning
 ---
 
@@ -106,7 +106,7 @@ Consider what the element falls back to when no positioned ancestor is available
 
 ---
 
-Relative to the initial containing block (usually the browser’s viewport).
+Relative to the initial containing block (usually the browser's viewport).
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
index 180cf0866c..703bafa815 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
@@ -2,7 +2,7 @@
 id: 672c3a9d32c56113fcaedf24
 title: What Is Fixed and Sticky Positioning, and How Does It Differ from Absolute Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: H7sJoYv_zmA
 dashedName: what-is-fixed-and-sticky-positioning
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
index 1a25bd0249..b21819ecc3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
@@ -2,7 +2,7 @@
 id: 672c3aa9bc3a481425cb52b3
 title: What Is the Z-Index Property, and How Does It Work to Control the Stacking of Positioned Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IkEM5npJM5E
 dashedName: what-is-the-z-index-property
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
index cccaf8c884..46366eb342 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
@@ -2,7 +2,7 @@
 id: 67329fd6ad99c75d4a4b74e4
 title: What Is a Module in JavaScript, and How Can You Import and Export Modules in Your Program?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mGPyLJLTUpo
 dashedName: what-is-a-module-in-javascript-and-how-can-you-import-and-export-modules-in-your-program
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
index d9ca791db7..1406e683c1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
@@ -1,14 +1,144 @@
 ---
 id: 6733b02d1e556005a544c5e3
 title: What Is Recursion, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-recursion-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let’s learn how recursion works in JavaScript.
+
+Recursion is a complicated feature that allows you to call a function repeatedly until a base-case is reached. Unlike a traditional loop, recursion allows you to handle something with an unknown depth, such as deeply nested objects/arrays, or a file tree. But you can also use it for more basic tasks, such as counting down from a given number.
+
+Let’s construct a function to do exactly that. We’ll call our function recursiveCountdown, and it needs to accept a number. We’ll have it print this number to the console:
+
+```js
+const recursiveCountdown = (number) => {
+  console.log(number);
+};
+```
+
+Now if we call this and pass the number 5, we’ll see the number print to our terminal. But nothing else happens – and the number 5 certainly isn’t a countdown.
+
+Before we start building the recursive portion of our function, we need to establish our base case first. If you don’t have a base case established, your code will run until it exceeds your memory allocation and crashes.
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+For our base case, we want the countdown to stop if the number is less than 1. When we hit that base-case, we can return to break out of the function execution.
+
+Now that we’ve safely prepared a base-case, we can set up the recursion. The key point that makes a function recursive is that it calls itself in its execution. In this case, we want to call the function after we print the number. But in order to count down, our new number needs to be one less:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+    recursiveCountdown(number - 1);
+  };
+
+recursiveCountdown(5); // 
+```
+
+This would log the numbers 5, 4, 3, 2, and 1 to the console.
+
+We do get our five numbers! But what if we wanted to count up instead? Rather than writing an entirely new function, we can swap the order of our log and our recursive call:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    recursiveCountdown(number - 1);
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+This would log the numbers 1, 2, 3, 4, and 5 to the console.
+
+But why does that work? Well, to understand this you need to understand the call stack. The call stack is how JavaScript tracks and resolves function calls. The stack functions as a last-in-first-out queue of sorts. To understand this better, let’s add some logging to our function:
+
+```js
+const recursiveCountdown = (number) => {
+    console.log(`Function execution started for number: ${number}`);
+    if (number < 1) {
+        console.log(`Base case reached, begin resolving stack`);
+        return;
+    }
+    console.log(`Calling recursiveCountdown with number: ${number - 1}`);
+    recursiveCountdown(number - 1);
+    console.log(`Function execution completed for number: ${number}`);
+  };
+
+recursiveCountdown(5);
+```
+
+We’ve added four key statements here. The first log runs when a function call begins executing. The third log runs just before the recursive function is called. And the fourth log runs when the function execution has ended. The result is:
+
+```md
+Function execution started for number: 5
+Calling recursiveCountdown with number: 4
+Function execution started for number: 4
+Calling recursiveCountdown with number: 3
+Function execution started for number: 3
+Calling recursiveCountdown with number: 2
+Function execution started for number: 2
+Calling recursiveCountdown with number: 1
+Function execution started for number: 1
+Calling recursiveCountdown with number: 0
+Function execution started for number: 0
+Base case reached, begin resolving stack
+Function execution completed for number: 1
+Function execution completed for number: 2
+Function execution completed for number: 3
+Function execution completed for number: 4
+Function execution completed for number: 5
+```
+
+But how does this happen? Well, this is where the call stack comes in to play. When we call `recursiveCountdown(5)`, that function call is added to the call stack.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(4)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(4)` gets added to the call stack, on top of the `recursiveCountdown(5)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(3)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(3)` gets added to the call stack, on top of the `recursiveCountdown(4)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(2)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(2)` gets added to the call stack, on top of the `recursiveCountdown(3)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(1)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(1)` gets added to the call stack, on top of the `recursiveCountdown(2)`.
+
+And finally, when that function call reaches the point where it needs to call `recursiveCountdown(0)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(0)` gets added to the call stack, on top of the `recursiveCountdown(1)`.
+
+But `recursiveCountdown(0)` doesn’t call another function – it hits our base case, where it returns early. Because the execution of that function has ended, the function call can be considered “resolved”. When the call is resolved, it’s removed from the stack.
+
+Now our `recursiveCountdown(1)` is no longer waiting on that call – it’s at the top of the stack and can resume executing.
+
+`recursiveCountdown(1)` resolves, is removed from the stack, and allows `recursiveCountdown(2)` to resume execution.
+
+`recursiveCountdown(2)` resolves, is removed from the stack, and allows `recursiveCountdown(3)` to resume execution.
+
+`recursiveCountdown(3)` resolves, is removed from the stack, and allows `recursiveCountdown(4)` to resume execution.
+
+`recursiveCountdown(4)` resolves, is removed from the stack, and allows `recursiveCountdown(5)` to resume execution.
+
+And `recursiveCountdown(5)` resolves and is removed from the stack. Our call stack is now empty, so the recursion is complete!
+
+This is a basic overview of how recursion works in JavaScript. It’s a complicated concept, and you should play around with some code and log statements until you’re comfortable with the behavior of the call stack.
+
+For a little fun fact, we talked about how a lack of a base-case can cause your code to crash when it runs out of memory. This is because the recursion keeps piling more and more function calls into the call stack until the stack overflows. Just like the name of the popular programming community.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
index 7e2662b831..8b15a1fa60 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
@@ -2,7 +2,7 @@
 id: 6732a06aed1b095f57b0bb82
 title: What Is the Change Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 87w0nfXZhss
 dashedName: what-is-the-change-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
index 5eb1995853..d5ef623ff0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
@@ -2,7 +2,7 @@
 id: 67338e93b75977a344cf6d40
 title: How Do Event Bubbling, and Event Delegation Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9yeVpWaYwMU
 dashedName: how-do-event-bubbling-and-event-delegation-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md b/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
index 046c33cb15..a38b58bf7d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
@@ -50,7 +50,7 @@ The name of the feature is a clue to its purpose.
 
 ## --text--
 
-Why is not a good idea to use pure black backgrounds with white text in dark mode?
+Why is it not a good idea to use pure black backgrounds with white text in dark mode?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md b/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
index 96e9d87863..13bcc49923 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
@@ -46,7 +46,7 @@ Think about the user experience
 
 ## --video-solution--
 
-3
+1
 
 ## --text--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md b/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
index 7bf2b03135..b3cc62f425 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
@@ -18,7 +18,7 @@ What is infinite scrolling?
 
 ## --answers--
 
-A design pattern to change the scrollbar on the page.
+A design pattern that changes the scrollbar on the page.
 
 ### --feedback--
 
@@ -26,7 +26,7 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern to change size of the page.
+A design pattern that changes the size of the page.
 
 ### --feedback--
 
@@ -42,15 +42,11 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern that breaks up content into pages.
-
-### --feedback--
-
-Review the beginning of the video when this concept is introduced.
+A design pattern that loads more content as the user scrolls down the page
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
index 501388fb55..6e3678f0a1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What is alignment in design?
+What is the importance of balance in design when placing images?
 
 ## --answers--
 
-The distribution of visual weight in a design.
+To ensure images are the right size.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The order in which elements are viewed on a page.
+To make images accessible to all users
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The placement of elements in relation to each other.
+To create a harmonious design by distributing visual weight.
 
 ---
 
-The size of an image in relation to the space it occupies.
+To improve the resolution of images.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
index bed2785ba2..ad39683131 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
@@ -2,7 +2,7 @@
 id: 6734ddabad59e593a49afafe
 title: Welcome Message from Quincy
 challengeType: 24
-videoId: nVAaxZ34khk
+videoId: KwZkXwDUc1o
 dashedName: welcome-message-from-quincy
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
index 50014e458c..cfa1be8adc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
@@ -2,7 +2,7 @@
 id: 6734e2c5780912abd874e79c
 title: How Does the Certification Process Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: v27_UwsNiUE
 dashedName: how-does-the-certification-process-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
index 2bd0446801..339890c9ab 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
@@ -1,9 +1,9 @@
 ---
 id: 6734e2dcb965e5ac0ea38e0f
-title: How to Develop Effective Learning Habits
+title: How Can You Build Effective Learning Habits and Work Smarter?
 challengeType: 11
-videoId: nVAaxZ34khk
-dashedName: how-to-develop-effective-learning-habits
+videoId: tnp3tOg9oBM
+dashedName: how-can-you-build-effective-learning-habits-and-work-smarter
 ---
 
 # --description--
@@ -14,20 +14,108 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How to Develop Effective Learning Habits question?
+What does the "Pace yourself" tip emphasize as key to making progress through the curriculum?
 
 ## --answers--
 
-Answer 1
+Learning as much as possible all in one day
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+---
+
+Completing the curriculum without breaks
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
 
 ---
 
-Answer 2
+Working a little bit each day
+
+---
+
+Stopping frequently whenever it feels hard
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+## --video-solution--
+
+3
+
+## --text--
+
+What is the main benefit of establishing a coding routine?
+
+## --answers--
+
+It doubles the amount of learning in half the time
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It reduces the need for sleep
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It helps make coding a habit that requires less willpower
+
+---
+
+It eliminates the need for practice or repetition
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+## --video-solution--
+
+3
+
+## --text--
+
+How does the Pomodoro technique help with starting a coding session?
+
+## --answers--
+
+It guarantees you will code for hours without stopping
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It instantly makes you a faster coder by strictly timing every keystroke
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It automatically determines which tasks you should work on, removing the need for planning
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
 
 ---
 
-Answer 3
+It makes it easier to begin coding by committing to just 25 minutes
 
 ## --video-solution--
 
-1
+4
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
new file mode 100644
index 0000000000..60c6525ae0
--- /dev/null
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
@@ -0,0 +1,121 @@
+---
+id: 6763500bd5a85d5898cc21a9
+title: How do Most People Learn Effectively?
+challengeType: 11
+videoId: ybpwBqa56-s
+dashedName: how-do-most-people-learn-effectively
+---
+
+# --description--
+
+Watch the lecture video and answer the questions below.
+
+# --questions--
+
+## --text--
+
+What is the concept called where learning is spread out over time, allowing sleep to reinforce memory structures?
+
+## --answers--
+
+Spaced Repetition
+
+---
+
+Speed Reading
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Memorization
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Passive Review
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+## --video-solution--
+
+1
+
+## --text--
+
+Which learning approach involves switching between different concepts or skills during a single study session to keep your thinking flexible?
+
+## --answers--
+
+Focused Immersion
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Interleaving Practice
+
+---
+
+Highlighting Notes
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Mental Mapping
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+## --video-solution--
+
+2
+
+## --text--
+
+What strategy helps you overcome the illusion of competence by actively testing your understanding through quizzes and exercises?
+
+## --answers--
+
+Passive Listening
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Rereading Notes
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Active Recall
+
+---
+
+Watching Tutorials Only
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+## --video-solution--
+
+3
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md b/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
index b10d5af014..cac2bfd8ad 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
@@ -92,30 +92,30 @@ Which of the following units can be used to set the `width` or `height` of an el
 
 `px`, `%`, and `em`.
 
-### --feedback--
-
-CSS allows various units to set dimensions.
-
 ---
 
-`px`, `vh`, and `vw`.
+`pxx`, `depth`, and `radius`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
-`cm`, `vh`, and `rem`.
+`%%`, `mb`, and `vel`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
 All of the above
 
+### --feedback--
+
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
+
 ## --video-solution--
 
-4
+1
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
index c1a539a0ac..adebb0514c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
@@ -120,13 +120,6 @@ Think about the combinator that targets elements that are direct children of a s
 
 Which CSS rule will style the first `p` element that immediately follows any `h1` element?
 
-```css
-h1 {
-  color: green;
-  font-size: 24px;
-}
-```
-
 ## --answers--
 
 ```css
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md b/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
index 64551994f4..4eed45a28e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
@@ -86,7 +86,7 @@ Consider how inline-block strikes a balance between inline flow and size control
 
 ## --text--
 
-In what situation would an element with d`isplay: inline-block;` behave differently than one with `display: block;`?
+In what situation would an element with `display: inline-block;` behave differently than one with `display: block;`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
index 273ad05c90..dabc6bc4a6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
@@ -14,40 +14,35 @@ Watch the video lecture and answer the questions below.
 
 ## --text--
 
-What will be the output of the following code?
-
-```js
-let numbers = [1, 2, 3, 4, 5];
-console.log(numbers[2]);
-```
+Which of the following is NOT true about JavaScript arrays?
 
 ## --answers--
 
-`2`
+They are zero-indexed.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ---
 
-`3`
+They are an unordered collection of values.
 
 ---
 
-`4`
+They can contain another array as a value.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ---
 
-`5`
+They are dynamic, and their size can change after they're created.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ## --video-solution--
 
@@ -58,38 +53,37 @@ Remember that arrays in JavaScript are zero-indexed.
 What will be the output of the following code?
 
 ```js
-let fruits = ['apple', 'banana'];
-fruits.push('orange');
-console.log(fruits);
+let numbers = [1, 2, 3, 4, 5];
+console.log(numbers[2]);
 ```
 
 ## --answers--
 
-`['apple', 'banana']`
+`2`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ---
 
-`['apple', 'banana', 'orange']`
+`3`
 
 ---
 
-`['banana', 'orange']`
+`4`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ---
 
-`['orange', 'apple', 'banana']`
+`5`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
index cfbae628d8..81ec4e45e7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
@@ -1,14 +1,26 @@
 ---
 id: 6733ab12b60bd7f6b2b0b0c0
 title: How Does the Audio Constructor Work, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-does-the-audio-constructor-work-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the Audio constructor and its common methods.
+
+The `Audio` constructor, like other constructors, is a special function called with the `new` keyword. It returns an HTMLAudioElement, which you can then use to play audio for the user, or append to the DOM for the user to control themselves.
+
+When you call the constructor, you can optionally pass a URL as the (only) argument. This URL should point to the source of the audio file you want to play. Or, if you need to change the source dynamically, you can assign the URL to the `src` property of the returned audio element.
+
+The returned audio element offers various methods for controlling the audio. You'll most likely use the `play()` method, which begins audio playback. There is also the `pause()` method, which pauses the audio playback but preserves the current location in the track allowing `play()` to resume playback from that point.
+
+You might expect there to be a `stop()` method, to pause audio playback and reset the track to the beginning. But instead, you should call `pause()` and set the `currentTime` property directly.
+
+Finally, the `canPlayType()` method can be used to determine if a browser is likely to be able to play your specific audio format. You will learn about audio and video formats in the next lecture.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
index 58373912a7..d967dd3b0d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
@@ -1,14 +1,34 @@
 ---
 id: 6733d8203da84a08a0f5eab4
 title: What Are the Different Types of Video and Audio Formats?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-the-different-types-of-video-and-audio-formats
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the different types of audio and video formats.
+
+You have probably heard of, or even used, a few common ones. If the terms MP3, MP4, MOV, or WebM are familiar to you, those are all different formats for video and audio. And there are quite a few more that are available.
+
+Before we dive in to file formats, we need to talk about MIME types. A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type.
+
+Nearly every file format has a MIME type. HTML, for example, has the type `text/html`. A JSON object has the type `application/json`. Even a Windows `.exe` installer has a MIME type: `application/vnd.microsoft.portable-executable`.
+
+The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
+
+An MP3 file has the MIME type `audio/mp3`. An MP4, however, can have the MIME type `audio/mp4` OR `video/mp4`, depending on whether it's a video file or audio-only. This distinction tells the browser how to handle the file.
+
+There are plenty of other file formats, such as the waveform format WAV, the multipurpose OGG, WMV for the Windows media player, the open source MKV, and many more.
+
+Knowing the differences between these file formats can help you ensure your users get the best experience, but sometimes you can't know what format a user's computer will support (or not support). Thankfully, `video` and `audio` elements both support the `source` element.
+
+With the `source` element, you can specify a file type and `source` and can include multiple different types by using multiple `source` elements. When you do this, the browser will determine the best format to use for the user's current environment.
+
+This takes away the guess work and allows you to focus on building engaging applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
index 48a10a8aea..5011bcafef 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
@@ -1,14 +1,28 @@
 ---
 id: 6733d829d983c008d2db41a1
 title: What Is Codecs and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-codecs-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about codecs and how they work.
+
+If you have worked with videos or audio before, you may have heard about codecs. A codec, short for “encoder/decoder", is an algorithm or software that can convert audio and video between analogue and digital formats.
+
+Codecs can be specified as part of the MIME type. The basic syntax to define a codec is to add a semi-colon after the media type, then `codecs=` and the codec.
+
+For example, an OGG audio file which uses the Vorbis codec might have a MIME type of `audio/ogg; codecs=vorbis`. Or, if a file supports multiple codecs, you can specify them as comma separated, but must surround them with quotes: `video/webm; codecs="vp8, vorbis"`.
+
+But some file types have a much more complicated syntax for codecs. For example, an MP4 might have a codec of `codecs="avc1.4d002a"`, indicating it was encoded with H.264.
+
+But when might you actually use these? Well, you can include them in the `type` attribute for a `source` element. This allows you to specify different codecs for the same format, giving the browser more granular options when determining which format to use for that user's environment.
+
+But you can also use them as part of the MIME type you pass to the global `MediaSource.isTypeSupported()` method. This method accepts a MIME-type, and returns `true` if the environment is likely to support it. Or rather, it returns `false` if it fails to instantiate a buffer for that file type. This approach allows you to programmatically select a source yourself, rather than relying on whatever the browser determines is “best".
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
index 25cc9e69db..ab8985556b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
@@ -1,14 +1,32 @@
 ---
 id: 6733d83630e76f08ff49e6dc
 title: What Is the HTMLMediaElement API and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-htmlmediaelement-api-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The HTMLMediaElement API is a powerful tool to control the behavior of audio and video elements on your page. It extends the base HTMLElement interface, so you have access to the base properties as well as these helpful methods.
+
+You've already explored some of the methods in a previous lecture about the Audio element, such as `play()` and `pause()`. These same methods are available on video elements as well.
+
+There are some other helpful methods, such as the `addTextTrack()` method. This method allows you to specify a text track to associate with the media element which is especially helpful for adding subtitles to a video.
+
+Or the `fastSeek()` method, which allows you to move the playback position to a specific time within the media.
+
+The HTMLMediaElement API also provides access to some new events that a standard element does not have.
+
+The `play` and `pause` events are fired when the media starts and stops playing. The `ended` event fires when the end of the media has been reached.
+
+The `waiting` event fires when playback is automatically paused due to data buffering.
+
+And the `canplay` and `canplaythrough` events fire when the media can be partially played, or played in totality.
+
+The HTMLMediaElement offers a great deal of control over your interactive media, and we've only scratched the surface. I encourage you to explore and experiment with the API to find the best ways to integrate it with your applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
index 025caa8592..7b30a960f7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
@@ -1,14 +1,58 @@
 ---
 id: 6733d852175df50937f06061
 title: How Can You Work with the Media Streams to Capture Video and Audio from a Local Device?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-work-with-the-media-streams-getusermedia-to-capture-video-and-audio-from-a-local-device
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Instead of playing audio and video, you may sometimes want to capture audio or video. The Media Capture and Streams API, or the MediaStream API, allows you to do this.
+
+In order to use the API, however, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the global `navigator` object has a `getUserMedia()` method for you to use.
+
+This method accepts a single `constraints` object which defines the type of media you want to receive. This object has an `audio` and `video` property, reflecting audio and video streams. These properties can be `false`, if you do not want to receive that type of stream, `true` if you do, or objects defining additional constraints.
+
+For example, you can require a specific resolution of video output:
+
+```js
+window.navigator.mediaDevices.getUserMedia({
+  audio: true,
+  video: {
+    width: {
+      min: 1280,
+      ideal: 1920,
+      max: 3840
+    },
+    height: {
+      min: 720,
+      ideal: 1080,
+      max: 2160
+    }
+  }
+});
+```
+
+This constraint object specifies minimum and maximum resolutions for the video feed. The `ideal` property specifies the resolution you'd most like to have – and the stream will provide the resolution closest to your ideal.
+
+Once you've created your MediaStream (assuming the user approves the automated request to access their hardware), you can use the stream data however you need.
+
+Note that `getUserMedia()` returns a Promise, which means you will either need a callback function to consume the stream, or use async/await syntax. You will learn more about Promises and asynchronous programming in future lectures.
+
+Here's a basic example which renders the user's webcam feed to the page.
+
+```js
+const video = document.querySelector("video");
+const stream =
+  await window.navigator.mediaDevices.getUserMedia({ video: true });
+video.srcObject = stream;
+await video.play();
+```
+
+It is worth noting that this API does not offer access to screen capture. You'll learn about that API in the next lecture.
 
 # --questions--
 
@@ -22,7 +66,7 @@ Which method is used to access the user's media devices?
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ---
 
@@ -30,7 +74,7 @@ This method accesses the user’s media devices.
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ---
 
@@ -42,7 +86,7 @@ This method accesses the user’s media devices.
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
index 9a2ccc881f..33008c9aa9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
@@ -1,14 +1,26 @@
 ---
 id: 6733d8606fb893099e3d0df3
 title: What Are Some Other Examples of Video and Audio APIs?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-other-examples-of-video-and-audio-apis
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+You've learned about the HTMLMediaElement and MediaStreams APIs, but there are a few more APIs that can be quite helpful in working with video and audio.
+
+The first is the Screen Capture API. As the name might suggest, this API allows you to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+
+Then there is the MediaStream Recording API. This API works in tandem with the MediaStreams APIs, allowing you to record a MediaStream (or even an HTMLMediaElement directly). It then fires `dataavailable` events with Blob payloads you can write to the local file storage.
+
+Underlying all of this technology is the Media Source Extensions API. The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property, for example.
+
+And finally, the Web Audio API which powers everything audible on the web. This API includes important objects like an `AudioBuffer` (representing a Buffer specifically containing audio data) or the `AudioContext`.
+
+And that wraps up our lectures on audio and video!
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
index 9f69392f93..0080dd6da9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
@@ -74,7 +74,7 @@ It makes the gradient extend to the farthest corner of the element.
 
 ---
 
-It makes the gradient only appear within the element’s `padding`.
+It makes the gradient only appear within the element's `padding`.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
index 49ecdfbbfc..50823d9683 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
@@ -94,15 +94,15 @@ It makes the website look less colorful.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ---
 
-It doesn’t affect users with visual impairments.
+It doesn't affect users with visual impairments.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ---
 
@@ -114,7 +114,7 @@ It requires more CSS code.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
index 7cb6ef94dc..17ccf4a3d7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ab64775d35f78f5238fe
 title: What Does CRUD Stand For, and How Do the Basic Operations Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-does-crud-stand-for-and-how-do-the-basic-operations-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+CRUD is an acronym that stands for Create, Read, Update, and Delete. These are the four operations of persistent storage.
+
+Persistent storage refers to saving data in a way that makes it available even after the power is turned off or the device is restarted.
+
+Understanding how the basic operation of CRUD works is crucial to web development because it forms the foundation for working with databases and building applications where users can add, view, modify, and delete data.
+
+Now, let’s take a look at each part of CRUD more closely
+
+- Create refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
+
+- Read is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+
+- Update involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
+
+- Delete is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+
+CRUD is used when working with databases, the UI, and RESTful APIs. RESTful APIs are a set of conventions for building web services that allow the client to interact with a database or backend system by performing CRUD operations through standard HTTP methods.
+
+HTTP stands for Hypertext Transfer Protocol and it is the foundation for data communication on the web. There are HTTP methods which define the actions that can be performed on resources over the web. The common methods are `GET`, `POST`, `PUT`, `PATCH`, `DELETE`.
+
+You will learn more about RESTful APIs and HTTP in future videos, but here is a quick break down of how CRUD maps to the different HTTP methods.
+
+- `POST` is used to create a new resource.
+
+- `GET` is used to retrieve or read data.
+
+- `PUT` is used to update a resource by replacing it entirely.
+
+- `PATCH` is used to partially update a resource.
+
+- `DELETE` is used to remove a resource.
+
+Here’s an example of how CRUD operations might be represented in code using a simple array in JavaScript:
+
+```js
+let items = [];
+
+// Create
+function createItem(item) {
+  items.push(item);
+}
+
+// Read
+function readItems() {
+  return items;
+}
+
+// Update
+function updateItem(index, newItem) {
+  items[index] = newItem;
+}
+
+// Delete
+function deleteItem(index) {
+  items.splice(index, 1);
+}
+
+// Example Usage
+createItem('Book');
+console.log(readItems()); // ['Book']
+updateItem(0, 'Magazine');
+console.log(readItems()); // ['Magazine']
+deleteItem(0);
+console.log(readItems()); // []
+```
+
+In this example:
+
+- We create an item by pushing it into an array.
+
+- We read the items by returning the array.
+
+- We update an item by modifying the array element at a given index.
+
+- We delete an item by removing it from the array using splice().
+
+This is a basic representation of how CRUD operations work at a conceptual level.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
index dffd025eb2..c60ca2e42e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
@@ -1,14 +1,80 @@
 ---
 id: 6733ff4a9319c8486750886c
 title: What Is localStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-localstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Web Storage API provides a mechanism for browsers to store key-value pairs right within the browser, allowing developers to store information that can be used across different page reloads and sessions.
+
+The two main components in the Web Storage API are `localStorage` and `sessionStorage`.
+
+`localStorage` is the part of the Web Storage API that allows data to persist even after the browser window is closed or the page is refreshed. This data remains available until it is explicitly removed by the application or the user.
+
+`sessionStorage` is another part of the Web Storage API that stores data for the duration of the page session, meaning the data is available as long as the browser tab or window is open. However, unlike `localStorage`, the data in `sessionStorage` is cleared when the tab or window is closed. You will learn more about `sessionStorage` in the next video.
+
+Common use cases for `localStorage` include storing user settings, such as themes or language preferences, remembering form data across browser sessions, and caching small pieces of information to improve the performance of web apps.
+
+Caching refers to storing frequently accessed data in a temporary storage location, known as a cache, so that subsequent requests for that data can be served more quickly without having to recompute or fetch it from a slower data source, such as a database or external server.
+
+Some common `localStorage` methods include the `setItem`, `getItem`, `removeItem` and `clear` methods.
+
+Here is an example of using the `setItem()` method which stores a key-value pair in `localStorage`.
+
+```js
+localStorage.setItem('username', 'JaneDoe');
+```
+
+Then if we want retrieve that value of a given key from `localStorage`, we can use the `getItem()` method.
+
+```js
+let username = localStorage.getItem('username');
+console.log(username); // JaneDoe
+```
+
+To remove an item from `localStorage` using its key, you can use the `removeItem()` method.
+
+```js
+localStorage.removeItem('username');
+```
+
+To clear all data in `localStorage`, you can use the `clear()` method.
+
+```js
+localStorage.clear();
+```
+
+Now, let’s take a look at an example where we use `localStorage` to store the preferred theme of a user.
+
+```js
+// Store the user's theme preference
+localStorage.setItem('theme', 'dark');
+
+// Retrieve the stored theme preference
+const userTheme = localStorage.getItem('theme');
+console.log(userTheme); // 'dark'
+
+// Remove the theme preference
+localStorage.removeItem('theme');
+
+// Clear all localStorage data
+localStorage.clear();
+```
+
+In this example:
+
+- We first store a theme choice (`dark`) for the user.
+
+- We then retrieve that theme and output it to the console.
+
+- Finally, we demonstrate how to remove a specific item or clear all stored data.
+
+`localStorage` is very useful for storing small pieces of data that need to persist between sessions, but it's important to note that `localStorage` should not be used to store sensitive information, such as passwords, because it can pose security risks.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
index b86ad69243..94f7696ea0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
@@ -1,14 +1,86 @@
 ---
 id: 6733ff5814129c48b4fca88e
 title: What Is sessionStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-sessionstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture video, we learned about working with `localStorage` and were briefly introduced to `sessionStorage`.
+
+Recall, that `sessionStorage` is when the data is cleared as soon as the user closes the tab or window in which the web application is running. It’s ideal for situations where data only needs to persist for the length of a single session, such as maintaining form data during navigation or storing temporary state information during a checkout process.
+
+Much like `localStorage`, `sessionStorage` uses key-value pairs to store and retrieve data. The methods used with `sessionStorage` are also the same as `localStorage`, with the only real difference being how long the data is stored.
+
+Here are a few examples of working with the different methods:
+
+- `sessionStorage.setItem()`: Stores a key-value pair in `sessionStorage`.
+
+```js
+sessionStorage.setItem('cart', '3 items');
+```
+
+- `sessionStorage.getItem()`: Retrieves the value of a given key from `sessionStorage`.
+
+```js
+let cart = sessionStorage.getItem('cart');
+console.log(cart); // Outputs: '3 items'
+```
+
+- `sessionStorage.removeItem()`: Removes a specific item from `sessionStorage` using its key.
+
+```js
+sessionStorage.removeItem('cart');
+```
+
+- `sessionStorage.clear()`: Clears all data stored in `sessionStorage`.
+
+```js
+sessionStorage.clear();
+```
+
+Let’s look at an example where we store data in `sessionStorage` which only lasts as long as the browser tab or window is open:
+
+```js
+// Store data in sessionStorage
+sessionStorage.setItem('currentUser', 'JohnDoe');
+
+// Retrieve the stored data
+const user = sessionStorage.getItem('currentUser');
+console.log(user); // 'JohnDoe'
+
+// Remove a specific key from sessionStorage
+sessionStorage.removeItem('currentUser');
+
+// Clear all sessionStorage data
+sessionStorage.clear();
+```
+
+In this example, we:
+
+1. Store the current user’s name (`JohnDoe`) in `sessionStorage`.
+
+2. Retrieve and display it.
+
+3. Remove the item associated with the key `currentUser`.
+
+4. Clear all `sessionStorage` data.
+
+The key difference from `localStorage` is that as soon as the user closes the tab, all stored session data will be lost.
+
+`sessionStorage` is particularly useful in scenarios like:
+
+- Storing temporary data such as form entries during a multi-page form process.
+
+- Storing temporary selections or preferences that don’t need to persist across sessions.
+
+- Maintaining state on a single-page application that doesn’t need to be remembered once the tab is closed.
+
+`sessionStorage` ensures that once the user leaves the page, the session data is cleared, which is great for scenarios where you don’t want to hold onto information beyond the current session.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
index ebd5dca539..125dde804d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
@@ -1,14 +1,70 @@
 ---
 id: 6733ff6f02dde548ebe4a6d5
 title: What Are Cookies, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cookies-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Cookies, also known as web cookies or browser cookies, are small pieces of data that a server sends to a user's web browser. These cookies are stored on the user's device and sent back to the server with subsequent requests.
+
+Cookies are essential in helping web applications maintain state and remember user information, which is especially important since HTTP is a stateless protocol.
+
+Cookies can store a variety of information such as user preferences, session data, or tracking information.
+
+Cookies are always stored as name-value pairs. This means each cookie has a name (key) and an associated value.
+
+For example, a cookie might store a user's session ID like this: `sessionId=abc123`. The key is `sessionId`, and the value is `abc123`. Each time the browser communicates with the server, the browser sends these cookies in the form of name-value pairs.
+
+When a user visits a website, the server can send one or more cookies to the user's browser by including a Set-Cookie header in the HTTP response. A header is a key-value pair that provides additional information about the HTTP request or response. You will learn more about HTTP requests and responses in future lectures.
+
+Once the cookies are set, the browser stores them and automatically includes them in the Cookie header with every subsequent request to the same domain. This allows the server to access the stored cookies and use them for things like maintaining user sessions or tracking preferences.
+
+Here’s an example of how a cookie is set in an HTTP response:
+
+```http
+Set-Cookie: sessionId=abc123; Expires=Wed, 21 Oct 2021 07:28:00 GMT; Secure; HttpOnly
+```
+
+The browser will store the cookie, and in future requests to the same server, it will include the cookie in the `Cookie` header:
+
+```http
+Cookie: sessionId=abc123
+```
+
+The server can then read the cookie and use the stored session ID to retrieve information about the user, such as whether they are logged in.
+
+Here is a breakdown of the different types of cookies.
+
+- Session Cookies only last for the duration of the user's session on the website. Once the user closes the browser or tab, the session cookie is deleted. These cookies are typically used for tasks like keeping a user logged in during their visit.
+
+- Persistent Cookies have an expiration date and remain stored on the user's device until that date is reached. Persistent cookies are often used for remembering user preferences or login details across sessions.
+
+- Secure Cookies are only sent over HTTPS, ensuring that they cannot be intercepted by an attacker in transit.
+
+- HttpOnly Cookies cannot be accessed or modified by JavaScript running in the browser, making them more secure against cross-site scripting (XSS) attacks. cross-site scripting (XSS) attacks happen when an attacker injects malicious scripts into a web page that is viewed by other users. These scripts can then execute in the context of the victim's browser, potentially stealing cookies, session data, or performing other malicious actions without the user's knowledge or consent. By marking cookies as HttpOnly, they are protected from being accessed via JavaScript, reducing the risk of such attacks.
+
+You can create cookies via server responses using the `Set-Cookie` header or through JavaScript using `document.cookie`.
+
+Here's an example of setting a cookie using JavaScript:
+
+```js
+document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2021 23:59:59 GMT; path=/";
+```
+
+This command sets a cookie named `username` with the value `"JohnDoe"` that will expire at the end of 2021. You can update an existing cookie by simply setting it again with a new value.
+
+To delete a cookie, you set its expiration date in the past:
+
+```js
+document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
+```
+
+This will remove the `username` cookie from the browser.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
index ca5ce5c517..dfb09c49e7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
@@ -1,14 +1,34 @@
 ---
 id: 6733ff8d06376149474a0c0d
 title: What Is the Cache API, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-cache-api-and-how-does-that-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Cache API is used to store network requests and responses, making web applications work more efficiently and even function offline. It is part of the broader Service Worker API and is crucial for creating Progressive Web Apps (PWAs) that can work under unreliable or slow network conditions.
+
+Before we continue with the Cache API, we first need to understand how service workers, PWAs, and network requests work on a basic level.
+
+A Network request is a request made by a web browser or application to a server to retrieve data or resources over the internet. For example, when you visit a website, your browser sends a network request to the web server to get the files (such as HTML, images, or videos) needed to display the page.
+
+A service worker is a special type of JavaScript file that runs in the background of a web application, separate from the main browser thread. It acts as a middleman between the web page and the network, allowing developers to intercept network requests, cache resources, and handle things like push notifications or background sync.
+
+A PWA, or Progressive Web App, is a type of web application that uses modern web technologies to provide a native app-like experience on the web. PWAs are designed to work reliably on any device, regardless of network conditions, and can be accessed through a browser or installed on a user's device like a traditional app.
+
+Now that we have a better understanding of service workers, PWAs, and network requests, we can dive deeper into the Cache API.
+
+The Cache API is a storage mechanism that stores `Request` and `Response` objects. When a request is made to a server, the application can store the response and later retrieve it from the cache instead of making a new network request. This reduces load times, saves bandwidth, and improves the overall user experience.
+
+The browser provides a storage area known as Cache Storage, where developers can save key-value pairs of network requests and their corresponding responses.
+
+With the Cache-Control header, developers can specify how long a cached resource should remain stored, as well as whether it should be revalidated or served directly from the cache.
+
+By using the Cache API, developers can build offline-first web applications, allowing a PWA, for example, to serve cached assets when the user is disconnected from the network.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
index a6ec2d038a..88ab457a3e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
@@ -1,14 +1,55 @@
 ---
 id: 6733ff9d2fb9c449af68ad99
 title: What Are Some Negative Patterns Associated with Client-Side Storage?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-negative-patterns-associated-with-client-side-storage
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Client-side storage allows websites to store data on a user's device. However, like many technologies, it can be misused.
+
+Let’s explore some negative patterns associated with client-side storage, focusing on cookies and their misuse for tracking and fingerprinting.
+
+Let's start with cookies.
+
+In an earlier lecture video, you learned that cookies are data stored on a user's device when they visit a web app. A common misuse of cookies is excessive tracking.
+
+Websites use cookies to track a user's interactions with a web app, creating a history of their digital activities. This is done for targeted advertising but can raise significant privacy concerns.
+
+For example, a shopping website might use a tracking cookie like this:
+
+```js
+document.cookie = "userID=123; path=/; expires=Thu, 18 Dec 2024 6:00:00 UTC";
+```
+
+This code sets a cookie named `userID` with a value of `123`. The cookie will be sent with every request to the website, allowing it to track the user's actions. While this might seem harmless, imagine hundreds of websites sharing this information – it could create a very detailed picture of your online life and choices.
+
+Another concerning practice is browser fingerprinting.
+
+This technique uses client-side information to create a unique "fingerprint" of a user's browser. Websites have the ability to gather information about your browser version, installed plugins, screen resolution, and other data to uniquely identify you.
+
+Here's a simple example of how a website can create a fingerprint of you:
+
+```js
+let fingerprintExample = navigator.userAgent + screen.width + screen.height;
+console.log(fingerprintExample);
+```
+
+This code combines your browser's user agent with your screen dimensions. While this is a basic example, real fingerprinting methods are much more complex and can be highly accurate in identifying users.
+
+Local Storage can also be misused as some websites use it to store sensitive information insecurely. For instance:
+
+```js
+localStorage.setItem('userPassword', 'someonesPasswordHere');
+```
+
+This code stores a user's password in Local Storage. This is a serious security risk as the data in Local Storage is not encrypted and can be accessed easily.
+
+In conclusion, while client-side storage offers many benefits, it's crucial to use it responsibly. As you continue your web development journey, always consider the privacy and security of your users' data on the client side.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
index 0cb2fd4f26..c4a0c18da7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
@@ -1,14 +1,46 @@
 ---
 id: 6733ffacd0ad1e49ec2af051
 title: How Can You Use Cookies to Store Arbitrary Data, Normally Controlled by HTTP Headers?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-use-cookies-to-store-arbitrary-data-normally-controlled-by-http-headers
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+As you learned in previous lectures, cookies are simple data that websites can store on a user's device.
+
+However, you can actually store more complex data structures in cookies. One common method is to use JSON to store objects or arrays. Here's an example:
+
+```js
+const userData = {
+  name: "John Doe",
+  age: 30,
+  role: "admin"
+};
+
+document.cookie = "userInfo=" + JSON.stringify(userData) + "; path=/";
+```
+
+In this example, we're creating an object with user data, converting it to a JSON string, and then storing it in a cookie. When we want to retrieve this data, we can parse the JSON string into an object using `JSON.parse()`.
+
+Now, you might be wondering about the “HTTP headers” aspect of our topic. Typically, cookies are set by the server using HTTP headers.
+
+For example, a server might send a header like this:
+
+```http
+Set-Cookie: username=John Doe; expires=Thu, 31 Dec 2024 6:00:00 IST; path=/
+```
+
+This header tells the browser to set a cookie.
+
+We can also set cookies directly in the browser using JavaScript. This is useful for storing data that doesn't need to be sent to the server immediately.
+
+Please note that cookies have a size limit of around 4KB, and storing too much data in them may slow down your web app.
+
+Storing large amounts of data in cookies can increase network traffic as cookies are sent with every HTTP request.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
index 5c8014fb7e..b9402a6abf 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ffb59c62ee4a23522efe
 title: What Is IndexedDB, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-indexeddb-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+IndexedDB is a tool for storing structured data in the browser. This is built into modern web browsers, allowing web apps to store and fetch JavaScript objects efficiently.
+
+Unlike other storage mechanisms like localStorage, which is limited to storing strings, IndexedDB can store JavaScript objects, files, and pretty much any other type of data. This makes it easy for web applications that need to work with large and complex data structures.
+
+Now, let's look at how IndexedDB works.
+
+The first step is to open a database. Here's an example:
+
+```js
+let request = indexedDB.open("Sample DB", 1);
+
+request.onerror = function(event) {
+  console.log("Error opening database");
+};
+
+request.onsuccess = function(event) {
+  let db = event.target.result;
+  console.log("Database opened successfully");
+};
+```
+
+In this code, we're opening a database named `"Sample DB"` with version 1. We provide two callback functions: one for handling errors, and another for when the database is successfully opened. The 'db' object we get in the success callback is what we'll use to interact with the database.
+
+If you check the browser dev tools application interface, you will see your `Sample DB` in the `IndexedDb` section has been opened. Once you have your database open, you can start working with object stores.
+
+Object stores in IndexedDB are similar to tables in traditional databases. They hold the actual data you want to store. Here's how to create an object store:
+
+```js
+request.onupgradeneeded = function(event) {
+  let db = event.target.result;
+  let objectStore = db.createObjectStore("customers", { keyPath: "id" });
+};
+```
+
+This code creates an object store named `"customers"` with `"id"` as its key path. The key path is like a primary key in a traditional database - it's used to uniquely identify each record.
+
+To add data to our object store, we'd do something like this. The `db` in this example represents the IndexedDB database instance.
+
+```js
+let transaction = db.transaction(["customers"], "readwrite");
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.add({ id: 1, name: "John Doe", email: "john@example.com" });
+
+request.onerror = function(event) {
+  console.log("Error adding data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Data added successfully");
+};
+```
+
+This code adds a new customer to our `"customers"` object store. We start a transaction (which is how we group database operations), get a reference to our object store, and then add our data.
+
+Retrieving data works in a similar way. We start a transaction, get our object store, and then use methods like `get` to retrieve data:
+
+```js
+let transaction = db.transaction(["customers"]);
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.get(1);
+
+request.onerror = function(event) {
+  console.log("Error retrieving data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Customer:", request.result);
+};
+```
+
+This code retrieves the customer with `id` `1` from our `"customers"` object store.
+
+One of the key features of IndexedDB is that it's asynchronous.
+
+This means that when you interact with IndexedDB, operations don't block the main thread of the web application. This ensures that your web application remains responsive even when dealing with large amounts of data.
+
+While IndexedDB provides powerful capabilities, it has a steeper learning curve compared to other simpler storage API options which can be challenging for beginners. However, for applications that need to handle large amounts of structured data on the client-side, IndexedDB offers unparalleled capabilities.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
index d2079aea91..5a307fc8bd 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
@@ -1,14 +1,30 @@
 ---
 id: 6733ffc7353af34a61ed683a
 title: What Are Cache and Service Workers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cache-service-workers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Caching is the process of storing copies of files in a temporary storage location so they can be accessed more quickly.
+
+When you visit a website, your browser can save certain files (such as images, CSS, and JavaScript) locally. This means that the next time you visit the same site, it can load these files from your device instead of fetching them again from a server, making the site load faster.
+
+A Service Worker is a script that runs in the background, separate from your web page. It can intercept network requests, access the cache, and enable the web app to work offline. It is a key component of Progressive Web Apps.
+
+So, how do Cache and Service Workers work together in Progressive Web Apps?
+
+PWAs are web apps that can offer an app-like experience. They can work offline, send push notifications, and even be installed on the home screen of a mobile device or computer.
+
+When a user first visits a PWA, the Service Worker can cache important files.
+
+Users can continue to use the app offline, and when they come back online, any upcoming changes can be synced with the server.
+
+The combination of caching and Service Workers enables web apps to provide a fast and reliable experience even in poor network conditions.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
index efbc82e4fd..1eb9879c22 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
@@ -2,7 +2,7 @@
 id: 672d45583fd75a504136fbbb
 title: How to Install Visual Studio Code onto Your Computer
 challengeType: 11
-videoId: hWa_PgsNSw0
+videoId: JuxdN8OWllk
 dashedName: how-to-install-visual-studio-code-onto-your-computer
 ---
 
@@ -86,15 +86,15 @@ The lecture describes several ways to install VSCode on Mac, but one common meth
 
 ## --text--
 
-On Linux, what command would you use to install VSCode using the Arch Linux package manager?
+What command would you use to install VSCode using Homebrew?
 
 ## --answers--
 
-`sudo apt-get install code`
+`sudo brew -i code`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
@@ -102,19 +102,19 @@ The lecture provides a specific command for Arch Linux users.
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
-`sudo pacman -S code`
+`brew install --cask visual-studio-code`
 
 ---
 
-`sudo dnf install code`
+`homebrew install vscode`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
index 556fcb7ff4..600de23b15 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
@@ -2,7 +2,7 @@
 id: 672d266034b5242126271995
 title: What Is ASCII, and How Does It Work with charCodeAt() and fromCharCode()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMi4lKr0FRw
 dashedName: what-is-ascii-and-how-does-it-work-with-charcodeat-and-fromcharcode
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
index ec5398c2d2..20964ee3e9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
@@ -2,7 +2,7 @@
 id: 67326c0d7bef01c539120766
 title: How Can You Test if a String Contains a Substring?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XBva3_87hWg
 dashedName: how-can-you-test-if-a-string-contains-a-substring
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
index 3bc56fab66..a63b7b0b65 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
@@ -2,7 +2,7 @@
 id: 67326c15b3b2f0c5827927cc
 title: How Can You Extract a Substring from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xLKJvMJKYAU
 dashedName: how-can-you-extract-a-substring-from-a-string
 ---
 
@@ -18,7 +18,7 @@ What will the following code output?
 
 ```js
 let text = "JavaScript is awesome!";
-let result = text.slice(0, 10);
+let result = text.slice(0, 9);
 
 console.log(result);
 ```
@@ -97,7 +97,7 @@ What will the following code return?
 
 ```js
 let sentence = "Learning JavaScript is fun!";
-let extracted = sentence.slice(9, -4);
+let extracted = sentence.slice(9, -5);
 
 console.log(extracted);
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
index 573a12eb0e..27ac63c416 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
@@ -2,7 +2,7 @@
 id: 67326c1fdaf9c0c5ad1a2589
 title: How Can You Change the Casing for a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KOaGZ2IXzV0
 dashedName: how-can-you-change-the-casing-for-a-string
 ---
 
@@ -53,7 +53,7 @@ Think about how `toUpperCase()` affects the entire string.
 What will the following code output?
 
 ```js
-javascriptCopy codelet phrase = "JavaScript is Fun!";
+let phrase = "JavaScript is Fun!";
 console.log(phrase.toLowerCase());
 ```
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
index d4e7bd05cf..ca543e6e1f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
@@ -2,7 +2,7 @@
 id: 67326c29dcd98fc5ecc49779
 title: How Can You Replace Parts of a String with Another?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: '-Ft7Whs9xRY'
 dashedName: how-can-you-replace-parts-of-a-string-with-another
 ---
 
@@ -50,35 +50,42 @@ Think about what happens when there are multiple instances of the word you are t
 
 ## --text--
 
-How can you replace all instances of a word in a string?
+What will the following code output?
+
+```js
+let phrase = "freeCodeCamp is awesome!";
+let updatedPhrase = phrase.replace("freecodecamp", "fCC");
+
+console.log(updatedPhrase);
+```
 
 ## --answers--
 
-Use a `for` loop.
+`"fcc is awesome!"`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ---
 
-Use `replace()` with a case-sensitive string.
+`"fCC is awesome!"`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ---
 
-Use `replace()` with a global regular expression.
+`"freeCodeCamp is awesome!"`
 
 ---
 
-Use `replaceAll()` instead of `replace()`.
+`undefined`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
index 77e5f3679d..72f62596d9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
@@ -2,7 +2,7 @@
 id: 67326c3392068ec6184a0c95
 title: How Can You Repeat a String x Number of Times?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G78i7JW70hE
 dashedName: how-can-you-repeat-a-string-x-number-of-times
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
index 3e2c98fa43..dfbebc9e65 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
@@ -2,7 +2,7 @@
 id: 67326c3c3ab931c644cea05b
 title: How Can You Trim Whitespace from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: qVjDfh-K2SY
 dashedName: how-can-you-trim-whitespace-from-a-string
 ---
 
@@ -95,7 +95,9 @@ console.log(str.trimEnd());
 
 ## --answers--
 
-`"Code"`
+```js
+"Code"
+```
 
 ### --feedback--
 
@@ -103,11 +105,15 @@ Consider which part of the string is affected by `trimEnd()`.
 
 ---
 
-`" Code"`
+```js
+"   Code"
+```
 
 ---
 
-`"Code "`
+```js
+"Code   "
+```
 
 ### --feedback--
 
@@ -115,7 +121,9 @@ Consider which part of the string is affected by `trimEnd()`.
 
 ---
 
-`" Code "`
+```js
+" Code "
+```
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
index 3d3eaaed93..58f8257052 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
@@ -2,7 +2,7 @@
 id: 672aa8ac4631d1623ec5cd86
 title: What Is CSS Grid, and How Does It Differ from Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: uh0EzmmlpwQ
 dashedName: what-is-css-grid
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
index bba9197b3c..6a3f64997f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
@@ -2,7 +2,7 @@
 id: 673226732b19aa1cacd0a75c
 title: How Can You Create Flexible Grids with the fr Unit?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: frGW2L836GU
 dashedName: how-can-you-create-flexible-grids-with-the-fr-unit
 ---
 
@@ -91,7 +91,7 @@ What happens when you use `grid-template-columns: 1fr 1fr 1fr 1fr;` in a CSS gri
 
 ## --answers--
 
-The container will have four columns, each taking up 10% of the container’s width.
+The container will have four columns, each taking up 10% of the container's width.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
index cb9240fab1..fa6512ecaa 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
@@ -2,7 +2,7 @@
 id: 6732267ecab2151ced471cd4
 title: How Can You Create Gaps Between Tracks in a Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f8jbUFfvZ_Q
 dashedName: how-can-you-create-gaps-between-tracks-in-a-grid
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
index 2b14792c8f..0a5ab5c32a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
@@ -2,7 +2,7 @@
 id: 6732268d05c3661d32a0fee8
 title: How Can You Repeat Track Listings in a Grid Layout?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: d2wi5br6o0E
 dashedName: how-can-you-repeat-track-listings-in-a-grid-layout
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
index 55dead81ed..bcaf3ee8ef 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
@@ -2,7 +2,7 @@
 id: 6732269a7aa2ca1d6b6574fe
 title: What Is the Difference Between an Implicit and Explicit Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QMqRqHE_t8k
 dashedName: what-is-the-difference-between-an-implicit-and-explicit-grid
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
index 73675c2b62..4f96da8225 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
@@ -2,7 +2,7 @@
 id: 673226a62eb2121da41a3d68
 title: What Is the minmax() Function and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rpWiq2k2B_8
 dashedName: what-is-the-minmax-function-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
index afe98aad00..8f51dffeaa 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
@@ -2,7 +2,7 @@
 id: 673226afcd33991dd751937a
 title: How Do the grid-column and grid-row Properties Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZKlcAue2j_U
 dashedName: how-do-the-grid-column-and-grid-row-properties-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
index 06d6182cc8..02c9ce264a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
@@ -2,7 +2,7 @@
 id: 673226b97d4a731e0577ae93
 title: How Can You Position Items on the Grid Using the grid-template-areas Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PV83v-6vxKw
 dashedName: how-can-you-position-items-on-the-grid-using-the-grid-template-areas-property
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What do the `grid-column` and `grid-row` properties specify in a grid layout?
+How do you design a grid layout with the `grid-template-areas` property?
 
 ## --answers--
 
-The size of the grid container.
+With comma separated values like `1 / 4` to represent the different rows and columns of the layout.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The alignment of the entire grid.
+With comma separated values like `header` and `footer`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The horizontal and vertical placement of grid items.
+With strings of space-separated values to represent the different rows and columns of the layout.
 
 ---
 
-The size of grid tracks.
+With space-separated values like `2fr 1fr 1fr`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
index b7cf9657aa..5888765c6d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
@@ -2,7 +2,7 @@
 id: 672aa7e03c2e365e906e5733
 title: What Is Overflow in CSS, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: iqnkHaVCLww
 dashedName: what-is-overflow-in-css
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
index d97065c696..c892ba2327 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
@@ -2,7 +2,7 @@
 id: 672bcc8ccc976fd791610f43
 title: What Is the CSS Transform Property, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pC59ipGpaDk
 dashedName: what-is-the-css-transform-property
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
index 8ac6e6e23d..7b4f0292ae 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
@@ -2,7 +2,7 @@
 id: 672bcc9c4a6dd6d7dd3e6357
 title: What Is the CSS Box Model, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: oBIIFdfLGos
 dashedName: what-is-the-css-box-model
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
index 12c059731c..2892dd8fd7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
@@ -2,7 +2,7 @@
 id: 672bccae6e556cd81cef6af2
 title: What Is Margin Collapsing, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: MMWBC8duT_0
 dashedName: what-is-margin-collapsing
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
index 80888cea82..d1ba6e030a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
@@ -2,7 +2,7 @@
 id: 672bccc8ea33bad87abb3c56
 title: What Is the Difference Between content-box and border-box?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eKqNs2XXG14
 dashedName: what-is-the-difference-between-content-box-and-border-box
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
index 0df4558a03..04b27c6b43 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
@@ -2,7 +2,7 @@
 id: 672bccdb8f1823d8c60f914c
 title: What Is a CSS Reset, and What Are Some Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2VPFQpukQV8
 dashedName: what-is-a-css-reset
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
index c5ee4a0846..0f5889f3cc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
@@ -2,7 +2,7 @@
 id: 672bccebe1fc82d911c3f078
 title: What Is the CSS Filter Property, and What Are Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9ta8m4T9KYc
 dashedName: what-is-the-css-filter-property
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
index 50cd496e23..8a53a50148 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
@@ -2,7 +2,7 @@
 id: 672aa8985acb7361e656f94c
 title: What Are CSS Custom Properties, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rG9-26gM3eU
 dashedName: what-are-css-custom-properties
 ---
 
@@ -86,7 +86,7 @@ Think about the function used to reference custom properties in CSS.
 
 ## --text--
 
-What is a key advantage of using CSS custom properties over preprocessor variables?
+What is something you should be aware of when using CSS custom properties?
 
 ## --answers--
 
@@ -94,27 +94,27 @@ They can be used with older versions of CSS.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ---
 
-They can be manipulated using JavaScript at runtime.
+They might not be supported by older browsers.
 
 ---
 
-They are faster to process than preprocessor variables.
+They can lead to faster page speeds.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ---
 
-They can hold more complex values than preprocessor variables.
+They increase repetition in your stylesheets.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
index 3781b2687d..a97c67aeec 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
@@ -2,7 +2,7 @@
 id: 672cf3ca326da9f63683e236
 title: What Is the @property Rule, and How Does It Work with Fallbacks?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lFwXJzcJ9fg
 dashedName: what-is-the-at-property-rule
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
index 3e86207006..d9706a50d9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
@@ -1,14 +1,136 @@
 ---
 id: 6734e3ceee2da4b0301719b7
 title: How Do You Pass Props from Parent to Child Component in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-you-pass-props-from-parent-to-child-component-in-react
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lectures, we learned how to build small components in React like this:
+
+```js
+function Greeting() {
+  const developerName = "Jessica";
+  return <h1>Hi {developerName}!</h1>;
+}
+```
+
+We can choose to nest this component inside another parent component or the root component like this:
+
+```js
+function App() {
+  return <Greeting />;
+}
+
+function Greeting() {
+  const developerName = "Jessica";
+  return <h1>Hi {developerName}!</h1>;
+}
+```
+
+While this code will run fine and display the result of Hi Jessica! on the screen, it is not that flexible of a component.
+
+What if we wanted to display a different name like Naomi, Tom, or Oliver?
+
+This is where React props comes in.
+
+Props, which is short for properties, is the way for Parent components to pass data down to the child component.
+
+Props can be of any type: strings, numbers, booleans, objects, or arrays.
+
+Let’s update our example from earlier to now accept a `name` prop:
+
+```js
+function App() {
+  return <Greeting name="Jessica" />;
+}
+
+export default App;
+
+function Greeting(props) {
+  console.log(props);
+  return <h1>Hi {props.name}!</h1>;
+}
+```
+
+For the child component called `Greeting` we are now using `props.name` instead of hardcoding the name `"Jessica"`. We are also logging props to the console which is showing as an object.
+
+Then inside of the parent App component, we are passing the value to the name prop so it can be passed down to the child.
+
+The result will be the same on the screen like earlier, but now we have created a more flexible component.
+
+Now we have the ability to reuse the child component several times and pass in different names each time.
+
+```js
+function App() {
+  return (
+    <>
+      <Greeting name="Naomi" />
+      <Greeting name="Tom" />
+      <Greeting name="Jessica" />
+      <Greeting name="Oliver" />
+    </>
+  );
+}
+```
+
+You can also choose to use object destructuring in the props to make it more readable.
+
+Here's how you could rewrite the `Greeting` component:
+
+```js
+function Greeting({ name }) {
+  return <h1>Hi {name}!</h1>;
+}
+```
+
+This code achieves the same result but makes it clearer which props the component is expecting to receive.
+
+Sometimes, you can have a lot of properties that you have to pass as props. Instead of passing them one by one, you can use the spread operator (`...`), after converting them to an object.
+
+Here is an example of a new child component called `DeveloperCard`:
+
+```js
+function DeveloperCard({ name, age, country }) {
+  return (
+    <div className="developer-card">
+      <h1>Developer: {name}</h1>
+      <p>Age: {age}</p>
+      <p>Country: {country}</p>
+    </div>
+  );
+}
+```
+
+This `DeveloperCard` component accepts three props: `name`, `age`, and `country`.
+
+In the parent `App` component, we can use the spread syntax to pass all the properties from an object as individual props to the child component.
+
+```js
+function App() {
+  const developerObj = {
+    name: "Alice",
+    age: 30,
+    country: "USA",
+  };
+
+  return (
+    <div className="App">
+      <DeveloperCard {...developerObj} />
+    </div>
+  );
+}
+```
+
+This is particularly useful when working with arrays of objects and passing multiple sets of properties to child components. For example, you might have a list of developers where each object in the array has the same structure but represents a different person.
+
+You will learn more about how to render lists in React in future lectures.
+
+Using props in React makes your components more flexible and reusable, allowing you to build more complex UIs. However, it's important to note that props are immutable, meaning they cannot be changed once passed to a component. If you need to handle user input and modify data, you should use state instead. You'll learn more about managing state in future lectures.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
index 59701e4b40..25b6b6c3bf 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
@@ -1,14 +1,71 @@
 ---
 id: 673500abfe36cd015b67b1b7
 title: How Does Conditional Rendering Work in React Components?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-does-conditional-rendering-work-in-react-components
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Conditional rendering in React allows you to create dynamic user interfaces. It is used to show different content based on certain conditions or states within your application.
+
+The most common approaches of using Conditional rendering includes using if statements, the ternary operator, and `logical AND (&&)` operator.
+
+The simplest form of conditional rendering uses an if statement.
+
+Here's an example:
+
+```js
+function Greeting({ isLoggedIn }) {
+  if (isLoggedIn) {
+    return <h1>Welcome back!</h1>;
+  }
+  return <h1>Please sign in</h1>;
+}
+```
+
+In this example, the `Greeting` component checks the `isLoggedIn` prop. If it's true, it returns a welcome message, otherwise, it prompts the user to sign in.
+
+Here is an example using the Greeting component inside of the parent App component.
+
+```js
+function App() {
+  return (
+    <div className="App">
+      <Greeting isLoggedIn={false} />
+    </div>
+  );
+}
+```
+
+For simpler conditions, the ternary operator (?) is often used directly within JSX. It allows for inline conditional rendering, which can make your code more concise:
+
+```js
+function Greeting({ isLoggedIn }) {
+  return <h1>{isLoggedIn ? "Welcome back!" : "Please sign in."}</h1>;
+}
+```
+
+This code achieves the same result as the previous example but in a more compact form. The ternary operator checks isLoggedIn and renders the appropriate message.
+
+Another common pattern for conditional rendering is using the `logical AND (&&)` operator. This is particularly useful when you want to render something or nothing based on a condition:
+
+```js
+function Notification({ message }) {
+  return (
+    <div>
+      {message && <p>{message}</p>}
+    </div>
+  );
+}
+```
+
+In this example, the paragraph element with the message is only rendered if the `message` prop is truthy. If `message` is falsy (meaning it is an empty string, `null`, or `undefined`), nothing is rendered to the screen.
+
+By mastering these techniques of conditional rendering, you can build more interactive and user-friendly applications that adapt to changing data and user interactions.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
index 957731e786..bf14742e40 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
@@ -1,14 +1,80 @@
 ---
 id: 673500b41af8500191febedc
 title: How Do You Render Lists in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-you-render-lists-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Rendering lists is a fundamental task in React web apps, and is used for displaying data to users. In React, the `map()` method is used to transform an array of data into an array of JSX elements that can be rendered in the UI.
+
+Here is an example of a component called `FruitList` that displays a list of fruits:
+
+```js
+function FruitList() {
+  const fruits = ['Apple', 'Banana', 'Cherry', 'Date'];
+  return (
+    <ul>
+      {fruits.map(fruit => <li>{fruit}</li>)}
+    </ul>
+  );
+}
+```
+
+In this example, the `map()` function iterates over each item in the fruits array. For each fruit, it creates a new `<li>` element containing the fruit's name. The newly created array of `<li>` elements is then displayed inside the `<ul>` parent tags.
+
+However, when rendering lists in React, it is important not to forget the key prop to each element in the list. The key must always be unique and it helps React identify which items have changed, been added, or been removed, which is essential for efficient rendering and updating the list.
+
+Let's modify our example to include keys:
+
+```js
+function FruitList() {
+  const fruits = ["Apple", "Banana", "Cherry", "Date"];
+  return (
+    <ul>
+      {fruits.map((fruit, index) => (
+        <li key={`${fruit}-${index}`}>{fruit}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+In this refactored example, we are creating a unique key for each list item by concatenating the fruit name with its index. This ensures that each list item has a distinct key, which helps React efficiently manage and update the list when items are added, removed, or reordered.
+
+React's also allows you to render more complex structures. For instance, you might have an array of objects representing users, each with multiple properties that you want to display:
+
+```js
+function UserList() {
+  const users = [
+    { id: "user-001-employee", name: "Alice", email: "alice@example.com" },
+    { id: "user-002-employee", name: "Bob", email: "bob@example.com" },
+    { id: "user-003-employee", name: "John", email: "john@example.com" },
+  ];
+  return (
+    <div>
+      {users.map((user) => (
+        <div key={user.id}>
+          <h3>{user.name}</h3>
+          <p>{user.email}</p>
+        </div>
+      ))}
+    </div>
+  );
+}
+```
+
+In this example, we're creating a more complex JSX structure for each user, displaying both their name and email. We're using the user's id as the key, which is a good practice.
+
+In conclusion, rendering lists in React involves converting arrays of data into JSX elements, typically using the `map()` function.
+
+Always remember to provide a unique key for each list item to help React manage the updating and rendering roles.
+
+With these techniques, you can create flexible, efficient, and dynamic lists in your React applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
index 42fc4bdbd4..ac21642908 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
@@ -1,14 +1,81 @@
 ---
 id: 673500bfe1f41601c1ddb1a2
 title: How Do Inline Styles Work in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-inline-styles-work-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In React, inline styles are used to apply CSS styles directly to React elements within your JSX code instead of defining them in separate CSS files.
+
+React's approach to inline styles involves using JavaScript objects to define styles, rather than traditional CSS strings. This means that instead of writing styles as you would in a CSS file, you create a JavaScript object where the keys are camelCased versions of CSS property names, and the values are the strings of CSS values.
+
+Here is an example of how you can use inline styles for a `Button` component:
+
+```js
+function Button({ buttonText }) {
+  const defaultStyles = {
+    backgroundColor: "#007BFF",
+    color: "white",
+    border: "none",
+    borderRadius: "4px",
+    padding: "10px 20px",
+    fontSize: "16px",
+    fontWeight: "bold",
+    cursor: "pointer",
+    transition: "background-color 0.3s ease",
+  };
+
+  return <button style={defaultStyles}>{buttonText}</button>;
+}
+```
+
+In this example, we define a style object called defaultStyles. We then apply these styles to a button element using the style attribute. React takes care of applying these styles to the element when it renders.
+
+You can also choose to pass in an object directly to the style attribute. Here is what a revised example would look like:
+
+```js
+function Button({ buttonText }) {
+  return (
+    <button
+      style={{
+        backgroundColor: "#007BFF",
+        color: "white",
+      }}
+    >
+      {buttonText}
+    </button>
+  );
+}
+```
+
+Sometimes you might want to pass in an object directly if there are only a few properties like shown here. Otherwise, passing in a name to an object would be better like in the first example.
+
+It's important to note that while CSS property names are typically written in kebab-case (like font-size), in React's inline styles, we use camelCase (like fontSize). This is because the style object is a JavaScript object, and kebab-case names are not valid as object keys in JavaScript without using quotes.
+
+A great advantage of inline styles in React is that they support dynamic styling based on a component state or props. For example:
+
+```js
+function DynamicButton({ isActive }) {
+  const buttonStyles = {
+    backgroundColor: isActive ? "green" : "red",
+    color: "white",
+    padding: "10px 15px",
+    border: "none",
+    cursor: "pointer",
+  };
+
+  return <button style={buttonStyles}>Login</button>;
+}
+```
+
+In this example, the button's background color changes based on the isActive prop. This kind of dynamic styling can be powerful for creating interactive and responsive user interfaces.
+
+In summary, inline styles in React provide a powerful way to apply and manipulate styles directly within your components. They use JavaScript objects instead of CSS strings, require camelCased property names, and can easily incorporate dynamic values. They're an essential tool in a React developer's toolkit, especially for creating highly customized and interactive user interfaces.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
index 2dece399e2..f6409110e6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
@@ -2,7 +2,7 @@
 id: 672d264645e289208e562f10
 title: What Is Dynamic Typing in JavaScript, and How Does It Differ from Statically Typed Languages?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IOKsF08zioQ
 dashedName: what-is-dynamic-typing-in-javascript-and-how-does-it-differ-from-statically-typed-languages
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
index ad8edaae65..b3dd9cdb9c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
@@ -2,7 +2,7 @@
 id: 6732518a8627876f4fcd18a4
 title: How Does the typeof Operator Work, and What Is the typeof null Bug in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DDHu5VDlkPM
 dashedName: how-does-the-typeof-operator-work-and-what-is-the-typeof-null-bug-in-javascript
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the `typeof` operator return when used on a `string` in JavaScript?
+What does the `typeof` operator return when used on a string in JavaScript?
 
 ## --answers--
 
@@ -86,7 +86,7 @@ Recall the unexpected behavior when checking the type of `null`.
 
 ## --text--
 
-How does `typeof` behave when checking the type of a `number`?
+How does `typeof` behave when checking the type of a number?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
index 92714c7a4e..57287c577f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
@@ -2,7 +2,7 @@
 id: 6733aafb9c0802f66cc1e056
 title: How Does the JavaScript Data Object Work, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aFGXBwkmNqg
 dashedName: how-does-the-javascript-data-object-work-and-what-are-some-common-methods
 ---
 
@@ -54,11 +54,11 @@ If you use the `getMonth` method and it returns `4`, which month is being repres
 
 ## --answers--
 
-`April`
+`May`
 
 ---
 
-`May`
+`April`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
index d00bcaffc3..c803fed955 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
@@ -2,7 +2,7 @@
 id: 6733d608654c17868e01c0a2
 title: What Are the Different Ways to Format Dates?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 67I6H8Vce2E
 dashedName: what-are-the-different-ways-to-format-dates
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
index 8942cd8356..683f59ec45 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
@@ -38,7 +38,7 @@ Think about the file name that looks complicated.
 
 ---
 
-products.html
+`products.html`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
index 28f4518c0d..5b9a32f397 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
@@ -1,14 +1,117 @@
 ---
 id: 672d269da46786225e3fe3fd
 title: What Is the Purpose of Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-purpose-of-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functions are reusable pieces of code that perform a specific task or calculate a value. Think of functions as a machine that takes some input, does some operations on it, and then produces an output.
+
+Here is an example of declaring a function:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+```
+
+In this example, we have declared a function called `greet`.  Inside that function, we have a `console.log` that logs the message `"Hello, Jessica!"`.
+
+If we tried to run this code, we would not see the message appear in the console. This because we need to call the function.
+
+A function call, or or invocation, is when we actually use or execute the function. To call a function, you will need to reference the function name followed by a set of parentheses:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+
+greet(); // "Hello, Jessica!"
+```
+
+Now the message of `"Hello, Jessica!"` will be logged to the console.
+
+But what if we wanted the message to say `"Hello, Nick!"` or `"Hello, Anna!"`?
+
+We don’t want to write a new function each time we greet a different user. Instead, we can create a reusable function that uses function parameters and arguments.
+
+Parameters act as placeholders for the values that will be passed to the function when it is called. They allow functions to accept input and work with that input.
+
+Arguments are the actual values passed to the function when it is called.
+
+Here is an updated version of the greet function that uses parameters and arguments:
+
+```js
+function greet(name) {
+  console.log("Hello, " + name + "!");
+}
+
+greet("Alice"); // Hello, Alice!
+greet("Nick"); // Hello, Nick!
+```
+
+The name serves as the parameter while the strings `"Alice"` and `"Nick"` serve as the arguments. Now we have a reusable function that can be used dozens of times throughout our code with different arguments.
+
+When a function finishes its execution, it will always return a value. By default, the return value will be `undefined`.
+
+Here is an example:
+
+```js
+function doSomething() {
+    console.log("Doing something...");
+}
+
+let result = doSomething();
+console.log(result); // undefined
+```
+
+If you need your function to return a specific value, then you will need to use the `return` statement.
+
+Here is an example of using a `return` statement to return the sum of two values:
+
+```js
+function calculateSum(num1, num2) {
+  return num1 + num2;
+}
+
+console.log(calculateSum(3, 4)); // 7
+```
+
+Often times you will be using the `return` statement, because you can use that value that was output from the function later on in your code.
+
+So far, we’ve been working with named functions, but you can also create what’s called an anonymous function.
+
+An anonymous function is a function without a name that can be assigned to a variable like this:
+
+```js
+const sum = function (num1, num2) {
+  return num1 + num2;
+};
+
+console.log(sum(3, 4)); // 7
+```
+
+In this example, we have a `const` variable called `sum` and we are assigning it an anonymous function that returns the sum of `num1` and `num2`.  We are then able to call `sum` and pass in the numbers `3` and `4` to get the result of `7`.
+
+Functions support default parameters, allowing you to set default values for parameters. These default values are used if the function is called without an argument for that parameter. Here’s an example:
+
+```js
+function greetings(name = "Guest") {
+  console.log("Hello, " + name + "!");
+}
+
+greetings(); // Hello, Guest!
+greetings("Anna"); // Hello, Anna!
+```
+
+In this example, if no argument is provided for name, it defaults to `Guest`.
+
+In summary, functions allow you to write reusable and organized code. They can take inputs (parameters), perform actions, and return outputs.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
index 2ac2ecd8ce..9aabaaa2f9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
@@ -1,14 +1,112 @@
 ---
 id: 673284d5e52ef81a2169b097
 title: What Are Arrow Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-arrow-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture, you learned how to work with functions, which are reusable pieces of code that help make your code more modular, easier to maintain, and more efficient.
+
+All previous examples used the regular function syntax, like this:
+
+```js
+function greetings(name) {
+  console.log("Hello, " + name + "!");
+}
+```
+
+But another way to write functions in JavaScript is to create an arrow function expression.
+
+Here is how you can refactor the previous example to use arrow function syntax instead:
+
+```js
+const greetings = (name) => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+In this revised example, we are creating a const variable called `greetings` and assigning it an anonymous function.
+
+Most of the syntax will look familiar to you except for the missing `function` keyword and the addition of the arrow `=>` between the `name` parameter and the function body.
+
+If your parameter list only has one parameter in it, then you can remove the parentheses like this:
+
+```js
+const greetings = name => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+If your arrow function has no parameters, then you must use the parentheses like this:
+
+```js
+const greetings = () => {
+  console.log("Hello");
+};
+```
+
+When first learning about functions, you had to wrap the function body in curly braces.
+
+But if your function body only contains a single line of code, you can remove the curly braces like this:
+
+```js
+const greetings = name => console.log("Hello, " + name + "!");
+```
+
+It is important to note that removing the parentheses and curly braces for regular function syntax will not work. You will get errors if you tried to do something like this:
+
+```js
+// This will produce syntax errors 
+function greetings name console.log("Hello, " + name + "!");
+```
+
+These types of one line functions only work if you are using the arrow function syntax.
+
+Another key concept is the `return` statement.
+
+Here is an example of using the arrow function syntax to calculate the area:
+
+```js
+const calculateArea = (width, height) => {
+  const area = width * height;
+  return area;
+};
+
+console.log(calculateArea(5, 3)); // 15
+```
+
+We are creating a variable inside the function called `area` and then returning that variable. But we could clean up our code a bit and return the calculation itself:
+
+```js
+const calculateArea = (width, height) => {
+  return width * height;
+};
+```
+
+If you tried to remove the curly braces and place the calculation on the same line, then you would get an `Uncaught SyntaxError: Unexpected token 'return'  message`.
+
+```js
+const calculateArea = (width, height) => return width * height;
+```
+
+The reason why you are getting this error, is because you need to remove the `return` statement. When you remove that `return` statement, the error will disappear and the function will still implicitly return the calculation.
+
+```js
+const calculateArea = (width, height) => width * height;
+```
+
+So when should you use the arrow function syntax?
+
+Well, it depends.
+
+Many developers use it consistently in their personal projects. However, when working on a team, the choice usually depends on whether the existing codebase uses regular functions or arrow functions.
+
+In future lectures, we’ll cover when to use arrow functions and when to avoid them.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
index 87e98db0a0..ffe92fe9c0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
@@ -1,14 +1,76 @@
 ---
 id: 673284e7244c0c1a649121b9
 title: What Is Scope in Programming, and How Does Global, Local, and Block Scope Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-scope-in-programming-and-how-does-global-local-and-block-scope-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Scope in programming refers to the visibility and accessibility of variables in different parts of your code. It determines where variables can be accessed or modified.
+
+In JavaScript, understanding scope is crucial for writing clean, efficient, and bug-free code. There are three main types of scope: global scope, local scope, and block scope.
+
+Global scope is the outermost scope in a JavaScript program. Variables declared in the global scope are accessible from anywhere in your code, including within functions and blocks. These variables are often called global variables.
+
+While global variables can be convenient, they should be used sparingly as they can lead to naming conflicts and make your code harder to maintain.
+
+Here's an example of a global variable:
+
+```js
+let globalVar = "I'm a global variable";
+
+function printGlobalVar() {
+    console.log(globalVar);
+}
+
+printGlobalVar(); // Output: "I'm a global variable"
+```
+
+In this example, `globalVar` is declared in the global scope and can be accessed inside the `printGlobalVar` function.
+
+Local scope, on the other hand, refers to variables that are only accessible within a function.
+
+Here's an example of local scope:
+
+```js
+function greet() {
+    let message = "Hello, local scope!";
+    console.log(message);
+}
+
+greet(); // Output: "Hello, local scope!"
+console.log(message); // This will throw an error
+```
+
+In this code, `message` is a local variable within the `greet` function. It can be used inside the function, but trying to access it outside the function will result in an error.
+
+Block scope is a concept introduced with the let and const keywords in ES6. A block is any code section within curly braces `{}`, such as in `if` statements, `for` loops, or `while` loops. The concept of loops will be taught in an upcoming lecture.
+
+Variables declared with `let` or `const` inside a block are only accessible within that block. Here's an example of block scope:
+
+```js
+if (true) {
+    let blockVar = "I'm in a block";
+    console.log(blockVar); // Output: "I'm in a block"
+}
+console.log(blockVar); // This will throw an error
+```
+
+In this example, `blockVar` is only accessible within the `if` block. Trying to access it outside the block will result in an error.
+
+Understanding these different types of scope is essential for managing variable accessibility and avoiding unintended side effects in your code.
+
+Global variables should be used sparingly, as they can lead to naming conflicts and make your code harder to maintain.
+
+Local variables help to keep different parts of your code isolated, which is especially useful in larger programs.
+
+Block scoping with `let` and `const` provides even finer control over variable accessibility, helping to prevent errors and make your code more predictable.
+
+Mastering these basic concepts of global, local, and block scope will provide a solid foundation for understanding more advanced topics.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
index 6c407d3ce4..1aae18e36b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
@@ -2,7 +2,7 @@
 id: 67329ffd75010f5ddeb4ea13
 title: What Is a Callback Function, and How Does It Work with the forEach Method?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ye6d69RVeqY
 dashedName: what-is-a-callback-function-and-how-does-it-work-with-the-foreach-method
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
index e922b881c1..fe5a9fbf34 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
@@ -2,7 +2,7 @@
 id: 67336296a3c1591da81856c2
 title: What Are Higher-Order Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dj9Pt4tODfA
 dashedName: what-are-higher-order-functions
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
index 816314c512..ff9c6d9631 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
@@ -1,14 +1,65 @@
 ---
 id: 673362a34edda41dedf87623
 title: What Is the Map Method, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-map-method-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The `map` method is a powerful and widely used function in JavaScript that operates on arrays. It is designed to create a new array by applying a given function to each element of the original array.
+
+This method does not modify the original array but instead returns a new array containing the results of the function applied to each element.
+
+Here is an example of using the `map` method on an array of numbers:
+
+```js
+const numbers = [1, 2, 3, 4, 5];
+const doubled = numbers.map((num) => num * 2);
+console.log(numbers); // [1,2,3,4,5]
+console.log(doubled); // [2,4,6,8,10]
+```
+
+To create a new array where each number is doubled, we are using the `map` method. The `map` method accepts a callback function where the function is called on every single element in the array.
+
+In this case, each number in the array will be multiplied by 2. The result will be a new array of the numbers 2,4,6,8,10.
+
+The callback function can accept up to three arguments.
+
+The first argument is the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element) => {
+  console.log("Element:", element);
+  return element * 2;
+});
+```
+
+The second argument is the index of the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  return element * 2;
+});
+```
+
+The third argument is the array where `map` is being called on.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index, array) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  console.log("Array:", array);
+  return element * 2;
+});
+```
+
+Understanding and effectively using the map method can significantly improve your ability to work with arrays in JavaScript. In future lecture videos, we'll dive deeper into more advanced uses of map and explore how it can be a powerful tool for building dynamic and efficient programs.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
index f859943167..c4b05e8119 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
@@ -2,7 +2,7 @@
 id: 673362b3f763ae1e38e17df7
 title: What Is the Filter Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EaVyNFI53Mk
 dashedName: what-is-the-filter-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
index be1d5e441f..bea6d82f98 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
@@ -2,7 +2,7 @@
 id: 673362be2f70c21e65bc5459
 title: What Is the Reduce Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: fxgwdO-Eii8
 dashedName: what-is-the-reduce-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
index 538b78c844..f721c1d624 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
@@ -2,7 +2,7 @@
 id: 673362cbb475e21eab726506
 title: What Is Method Chaining, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bsCkwxZ4sho
 dashedName: what-is-method-chaining-and-how-does-it-work
 ---
 
@@ -116,7 +116,7 @@ console.log(result);
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
index 540d92a0f8..99550b28a5 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
@@ -2,7 +2,7 @@
 id: 673362d7f94d551edb532d24
 title: How Does the Sort Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eA5HGl-qsdA
 dashedName: how-does-the-sort-method-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
index 6ec357a968..12db447450 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
@@ -2,7 +2,7 @@
 id: 673362e43d57b51f1ad2d466
 title: How Do the every() and some() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ELHJGK4IyqU
 dashedName: how-do-the-every-and-some-methods-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
index ab1b8a6f1a..02f33dec43 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
@@ -86,36 +86,36 @@ A tool that checks the validity of HTML.
 
 ## --text--
 
-Which of these is not an example of an HTML validator?
+Which of these is an example of an HTML validator?
 
 ## --answers--
 
-W3.org HTML validator.
+W3.org HTML validator
 
-### --feedback--
+---
 
-Look out for the option that is not an HTML validator.
+CSS Lint
 
----
+### --feedback--
 
-JS World HTML Validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-Prettier Code Formatter.
+JavaScript Debugger
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-JSONFormatter.org HTML Validator.
+Photoshop
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ## --video-solution--
 
-2
+1
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
index 22712e9c17..950d3b1275 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
@@ -1,6 +1,6 @@
 ---
 id: 6716744f7245947a3dd60009
-videoId: D4PO-NUqmzg
+videoId: zf4bbN-hYOg
 title: What Are the Different Target Attribute Types, and How Do They Work?
 challengeType: 11
 dashedName: what-are-the-different-target-attribute-types
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
index 40e0a83659..7bc6e9ff7d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
@@ -1,6 +1,6 @@
 ---
 id: 671682dd88e461a8e2620f38
-videoId: hpEmssjWh-0
+videoId: bxr4p5Ik4js
 title: What Is the Difference Between Absolute and Relative Paths?
 challengeType: 11
 dashedName: what-is-the-difference-between-absolute-and-relative-paths
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
index f708e3445a..ca5d07c2a3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
@@ -1,6 +1,6 @@
 ---
 id: 6716830dbaf95da9564f2e3b
-videoId: nVAaxZ34khk
+videoId: GTgzy4wPXcM
 title: What Is the Difference Between Slashes, a Single Dot, and Double Dot in Path Syntax?
 challengeType: 11
 dashedName: what-is-the-difference-between-slashes-a-single-dot-and-double-dot-in-path-syntax
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
index e02d8909a7..68a1cf656d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
@@ -1,6 +1,6 @@
 ---
 id: 67168323932391a9ee0d3a9e
-videoId: O86-AxNc0nU
+videoId: ztu_9h2ZJrA
 title: What Are the Different Link States, and Why Are They Important?
 challengeType: 11
 dashedName: what-are-the-different-link-states
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
index 676a886137..816424d2dd 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
@@ -2,7 +2,7 @@
 id: 67329f7f3d1bd75c17896c66
 title: How Do Loops and Iteration Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2h4RsvyUDH4
 dashedName: how-do-loops-and-iteration-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
index 26e85ea235..4f6e763e6d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
@@ -2,7 +2,7 @@
 id: 6732c04638420641dcca2e6e
 title: How Does the For...of Loop Work, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3EvkUpl4IQs
 dashedName: how-does-the-for-of-loop-work-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
index cbd715bf2a..4462c37abc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
@@ -2,7 +2,7 @@
 id: 6732c05595ca7d422b9e55ff
 title: What Is the For...in Loop, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: K0dZ8f9AZt4
 dashedName: what-is-the-for-in-loop-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
index 11eeb943ca..651015d2e4 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
@@ -2,7 +2,7 @@
 id: 6732c06654ea3442724284fe
 title: What Is a While Loop, and How Does It Differ from the Do...while Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 93KL4Ou1eXU
 dashedName: what-is-a-while-loop-and-how-does-it-differ-from-the-do-while-loop
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
index 80429b20e1..9e1bd6c97d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
@@ -2,7 +2,7 @@
 id: 6732c07238355642a9781dfb
 title: What Are the Break and Continue Statements Used for in Loops?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: U3gATVuQTxQ
 dashedName: what-are-the-break-and-continue-statements-used-for-in-loops
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
index ede42b9287..9327c83582 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
@@ -2,7 +2,7 @@
 id: 6733ab269b378bf724c9ac71
 title: What Are Sets in JavaScript, and How Does It Differ from WeakSets?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4XFTr08_hog
 dashedName: what-are-sets-in-javascript-and-how-does-it-differ-from-weaksets
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
index f09c5a8158..977210422e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
@@ -2,7 +2,7 @@
 id: 6733dd694f91d61a5272b4ac
 title: What Is the Map Object, and How Does It Differ from WeakMaps?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2hHKZBPJQRY
 dashedName: what-is-the-map-object-and-how-does-it-differ-from-weakmaps
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
index 72278f888a..28deeb7f56 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
@@ -2,7 +2,7 @@
 id: 672d26809d388621ad1ecd43
 title: How Does isNaN Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lxK56X8Rr1M
 dashedName: how-does-isnan-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
index cb6dd13339..ccae567b85 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
@@ -2,7 +2,7 @@
 id: 6732808f3221720adc833e81
 title: How Do the parseFloat() and parseInt() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5Q_BlR2NKYk
 dashedName: how-do-the-parsefloat-and-parseint-methods-work
 ---
 
@@ -74,7 +74,7 @@ Consider how `Number.parseInt()` handles leading whitespace and non-digit charac
 
 ---
 
-42
+`42`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
index 2daec965f3..b371fd65d2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
@@ -2,7 +2,7 @@
 id: 673280a1c29d0a0b17316e56
 title: What Is the toFixed() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4GnMICoBC1Y
 dashedName: what-is-the-tofixed-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
index 099c339146..ca24f48370 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
@@ -2,7 +2,7 @@
 id: 672d266e014ef8216df987d2
 title: What Is the Number Type in JavaScript, and What Are the Different Types of Numbers Available?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ccHZ7e8z4SM
 dashedName: what-is-the-number-type-in-javascript-and-what-are-the-different-types-of-numbers-available
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
index ea0aa4ac2f..a9f1a0d033 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
@@ -2,7 +2,7 @@
 id: 673271884bf678d8b9c64f56
 title: What Are the Different Arithmetic Operators in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: guUVaI-X7Gk
 dashedName: what-are-the-different-arithmetic-operators-in-javascript
 ---
 
@@ -14,107 +14,117 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How can you check if a number is even using the `modulus` operator in JavaScript?
+Which of the following operators should you use to subtract one number from another?
 
 ## --answers--
 
-Use the `modulus` operator and check if the remainder is equal to `0` using strict equality (`===`).
+`+`
 
----
+### --feedback--
 
-Use the `modulus` operator and check if the remainder is greater than `1`.
+Think about the symbol typically used for subtraction.
 
-### --feedback--
+---
 
-Consider what remainder an even number gives when divided by `2`.
+`-`
 
 ---
 
-Use the `modulus` operator and ignore the remainder.
+`*`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ---
 
-Use the `modulus` operator and check if the remainder is equal to 1.
+`/`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ## --video-solution--
 
-1
+2
 
 ## --text--
 
-Which of these statements best describes operator precedence in JavaScript?
+What’s the output of the following code?
+
+```js
+const result = 4 / 0;
+console.log(result);
+```
 
 ## --answers--
 
-Addition and subtraction have the highest precedence.
+`Infinity`
 
-### --feedback--
+---
 
-Consider which operations are executed first in a mathematical expression.
+`4`
 
----
+### --feedback--
 
-Exponentiation has the highest precedence, followed by multiplication, division, and remainder.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-Multiplication and division have lower precedence than addition and subtraction.
+`1`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-All operators have the same precedence.
+`16`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ## --video-solution--
 
-2
+1
 
 ## --text--
 
-How do you use the subtraction operator in JavaScript to find the difference between two numbers?
+What’s the output of the following code?
+
+```js
+const remainder = 5 % 3;
+console.log(remainder);
+```
 
 ## --answers--
 
-Use the plus sign (`+`) to subtract numbers.
+`15`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the minus sign (`-`) to subtract a smaller number from a bigger number.
+`2`
 
 ---
 
-Use the multiplication sign (`*`) to perform subtraction.
+`3`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the division sign (`/`) to find the difference.
+`1.6666666666666667`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
index 8bd8a87d00..0dddc6cbb0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
@@ -2,7 +2,7 @@
 id: 67327195e77b1bd90bdd49d7
 title: What Happens When You Try to Do Calculations with Numbers and Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KPFskFoAzUA
 dashedName: what-happens-when-you-try-to-do-calculations-with-numbers-and-strings
 ---
 
@@ -14,35 +14,39 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = 3 + "19";
+```
 
 ## --answers--
 
-JavaScript throws an error.
+JavaScript ignores the string and only performs the operation on the number.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript ignores the boolean and only performs the operation on numbers.
+JavaScript throws an error when you try to mix strings and numbers in arithmetic.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
+JavaScript converts the number `3` into the string `"3"`, concatenates the two strings, and assigns the value `"319"` to `result`.
 
 ---
 
-JavaScript converts the boolean to a string before performing the operation.
+JavaScript converts the string `"19"` into the number `19`, performs the operation, and assigns the value `22` to `result`.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ## --video-solution--
 
@@ -50,71 +54,75 @@ Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --text--
 
-What happens when you perform arithmetic operations like subtraction, multiplication, or division with a string and a number in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = "6" - 4;
+```
 
 ## --answers--
 
-JavaScript ignores the string and only performs the operation on the number.
+Conversion fails and JavaScript returns `NaN`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript throws an error when you try to mix strings and numbers in arithmetic.
+JavaScript converts the number `4` into the string `"4"`, concatenates the two strings, and assigns the value `"64"` to `result`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript converts the string into a number before performing the operation, a process called type coercion.
+The value `Infinity` is assigned to `result`.
 
----
+### --feedback--
 
-JavaScript converts the number into a string before performing the operation.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
-### --feedback--
+---
 
-Think about how JavaScript handles different data types in math operations.
+JavaScript converts the string `"6"` into the number `6`, performs the operation, and assigns the value `2` to `result`.
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
-How does JavaScript handle arrays or objects in arithmetic operations?
+What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
 
 ## --answers--
 
-It throws an error.
+JavaScript throws an error.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It performs the arithmetic operation normally without any conversion.
+JavaScript ignores the boolean and only performs the operation on numbers.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It converts the array or object to a string and then concatenates it with the number.
+JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
 
 ---
 
-It ignores the array or object and only operates on the number.
+JavaScript converts the boolean to a string before performing the operation.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
index fcaf6be9d2..1ee9d0a810 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
@@ -2,7 +2,7 @@
 id: 6732719e2e3ad4d947410b65
 title: How Does Operator Precedence Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pnXCNw4fCyU
 dashedName: how-does-operator-precedence-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
index a704f909f3..24d3384157 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
@@ -2,7 +2,7 @@
 id: 673271a8998ddfd97578d095
 title: How Do the Increment and Decrement Operators Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: byGvO4RC26w
 dashedName: how-do-the-increment-and-decrement-operators-work
 ---
 
@@ -66,7 +66,7 @@ Prefix (`++value` or `--value`).
 
 ---
 
-Either prefix or postfix, it doesn’t matter.
+Either prefix or postfix, it doesn't matter.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
index 254a230c4b..c80280ece1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
@@ -2,7 +2,7 @@
 id: 673271b4213033d9b661c70e
 title: What Are Compound Assignment Operators in JavaScript, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _OotACioDZs
 dashedName: what-are-compound-assignment-operators-in-javascript-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
index 0b701c7098..a75801d30b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
@@ -2,7 +2,7 @@
 id: 673271c7581a27d9dd78f6d6
 title: What Are Booleans, and How Do They Work with Equality and Inequality Operators?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PmbDO3GXcO4
 dashedName: what-are-booleans-and-how-do-they-work-with-equality-and-inequality-operators
 ---
 
@@ -110,7 +110,7 @@ Think about how JavaScript handles different types with regular equality.
 
 ---
 
-It throws an error if the types don’t match.
+It throws an error if the types don't match.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
index 35faec0329..015656c81e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
@@ -2,7 +2,7 @@
 id: 673271dffbc34fda31da9515
 title: What Are Comparison Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1E_U3oP18sA
 dashedName: what-are-comparison-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
index 4652149991..12b88aab00 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
@@ -2,7 +2,7 @@
 id: 673271e8e3d43bda89f723b3
 title: What Are Unary Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VTY8Y9qfvTs
 dashedName: what-are-unary-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
index b9e0fb151d..d43333545d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
@@ -2,7 +2,7 @@
 id: 673271f39f124ddac28866d5
 title: What Are Bitwise Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Wga6bSebwFg
 dashedName: what-are-bitwise-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
index 7c78e6ce54..525aa9fc34 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
@@ -2,7 +2,7 @@
 id: 673271fd11d063daf0cf8d20
 title: What Are Conditional Statements, and How Do If/Else If/Else Statements Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 6BZn4rKzpJ8
 dashedName: what-are-conditional-statements-and-how-do-if-else-if-else-statements-work
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What’s a compact way to write simple `if`/`else` statements?
+What's a compact way to write simple `if`/`else` statements?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
index 215b6cbcee..7ecb9e7567 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
@@ -2,7 +2,7 @@
 id: 6732720e95f6a0db526a2e4d
 title: What Are Binary Logical Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bFo2p8aD9Y8
 dashedName: what-are-binary-logical-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
index 78b4665618..aae68540df 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
@@ -2,7 +2,7 @@
 id: 67327217e70ee0db7913b255
 title: What Is the Math Object in JavaScript, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1VUy-I4sNKQ
 dashedName: what-is-the-math-object-in-javascript-and-what-are-some-common-methods
 ---
 
@@ -86,7 +86,7 @@ Think about how it chooses to round up or down based on the decimal value.
 
 ## --text--
 
-What’s the difference between `Math.min()` and `Math.max()`?
+What's the difference between `Math.min()` and `Math.max()`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
index 49f6d5682f..cc96327f7b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
@@ -2,7 +2,7 @@
 id: 67329f737126b75bcb949e13
 title: What Is an Object in JavaScript, and How Can You Access Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JNFs7YHLRFQ
 dashedName: what-is-an-object-in-javascript-and-how-can-you-access-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
index 333f83cc67..fa14e74eb0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
@@ -2,7 +2,7 @@
 id: 6732b721eb98f224868b44a6
 title: How Can You Remove Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sz2K-rYNjSI
 dashedName: how-can-you-remove-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
index a084a126cf..2e03b3f962 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
@@ -2,7 +2,7 @@
 id: 6732b72961f94324bd6390de
 title: How to Check If an Object Has a Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i1MpmDeRZ_0
 dashedName: how-to-check-if-an-object-has-a-property
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
index 0aa3e00632..401d654fbc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
@@ -2,7 +2,7 @@
 id: 6732b73509f71f24ef05e86e
 title: How Do You Work with Accessing Properties from Nested Objects and Arrays in Objects?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f7uZdVLZuCA
 dashedName: how-do-you-work-with-accessing-properties-from-nested-objects-and-arrays-in-objects
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
index 292eae0920..5216609e44 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
@@ -2,7 +2,7 @@
 id: 6732b73d25cc01251b778043
 title: What Is the Difference Between Primitive and Non-Primitive Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: c-jyZdhWIYk
 dashedName: what-is-the-difference-between-primitive-and-non-primitive-data-types
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
index 2b10ff9d72..76679f6501 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
@@ -2,7 +2,7 @@
 id: 6732b749b8aad125523dcda5
 title: What Is the Difference Between Functions and Object Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Jufe8vG8TVo
 dashedName: what-is-the-difference-between-functions-and-object-methods
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
index 2b1deddd94..7391daa6b7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
@@ -2,7 +2,7 @@
 id: 6732b758194c97257d23fc72
 title: What Is the Object() Constructor, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: o-AsC8Z7Vng
 dashedName: what-is-the-object-constructor-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
index 679086182c..b372a2c458 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
@@ -2,7 +2,7 @@
 id: 6732b76c03f7d825c7fc74ee
 title: What Is the Optional Chaining Operator, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: s9EDuy0Djco
 dashedName: what-is-the-optional-chaining-operator-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
index bb70d7f5dc..4ddaf22bae 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
@@ -2,7 +2,7 @@
 id: 6732b77adf9de12617a2dbb3
 title: What Is Object Destructuring, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMS8vSutlUc
 dashedName: what-is-object-destructuring-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
index ad76569333..062c850d52 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
@@ -2,7 +2,7 @@
 id: 6732b788046862264eeb1c39
 title: What Is JSON, and How Do You Access Values Using Bracket and Dot Notation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8x6vJarVy_o
 dashedName: what-is-json-and-how-do-you-access-values-using-bracket-and-dot-notation
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
index 4ab4b3c290..75a87253e8 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
@@ -2,7 +2,7 @@
 id: 6732b79c6aa77826855a3f11
 title: How Do JSON.parse() and JSON.stringify() Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gjnT8byXAc0
 dashedName: how-do-json-parse-and-json-stringify-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
index eaec498023..fdc907c950 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
@@ -2,7 +2,7 @@
 id: 6733aad43b3ebff588a26fb5
 title: What Are Regular Expressions, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: yyawAbHw9Mw
 dashedName: what-are-regular-expressions-and-what-are-some-common-methods
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
index 2d1fa9529f..78c2a2ef8c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
@@ -2,13 +2,13 @@
 id: 6733c5ba834ded4bb067e67c
 title: What Are Some Common Regular Expression Modifiers Used for Searching?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 0ZGj-WNbB98
 dashedName: what-are-some-common-regular-expression-modifiers-used-for-searching
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+Watch the video lecture and answer the questions below.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
index b0a3ae0b1b..6460808907 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
@@ -1,14 +1,139 @@
 ---
 id: 6733c5c549775c4be710237c
 title: How Can You Match and Replace All Occurrences in a String?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-match-and-replace-all-occurrences-in-a-string
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn how to match or replace all occurrences of a pattern in a string.
+
+You have previously learned about the `replace` and `match` methods, as well as the global `g` modifier. Now you can combine that knowledge to handle all patterns in a string.
+
+Let's recall our original `match` code.
+
+```js
+const regex = /freeCodeCamp/;
+const match = "freeCodeCamp".match(regex);
+console.log(match);
+```
+
+And our resulting `match` object:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-1.png)
+
+But what if we have a string with multiple occurrences of `freecodecamp` to match? Let's take a look at how `match` behaves with that. We'll throw in our old replace example too, just to compare.
+
+```js
+const regex = /freecodecamp/;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-2.png)
+
+Oh no! `Match` only returned the first match, and `replace` only replaced the first match. This is because, by default, `match` and `replace` only operate against the first pattern occurrence.
+
+Thankfully, you can avoid this by using the global modifier on your regular expression. Let's add that to ours:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And confirm the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-3.png)
+
+That worked! Our `replace` call replaced all of the lowercase `freecodecamp` strings, and our `match` method matched both of them.
+
+What's interesting here is that when you use the global modifier with match, you lose the extra information about capture groups and string indicies that would come in the `match` array.
+
+Thankfully, 2019's ECMAScript update brought us two new methods: `matchAll` and `replaceAll`.
+
+Like their singular counterparts, these methods accept a string or regular expression, and `replaceAll` also accepts a second argument as the string to replace with. But unlike the previous methods, `replaceAll` and `matchAll` will throw an error if you give them a regular expression without the global modifier.
+
+Let's update our code to use these new methods:
+
+```js
+const pattern = "freecodecamp";
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(pattern);
+const replaced = str.replaceAll(pattern, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And our result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-4.png)
+
+Good news! Our `replaceAll` worked exactly as we wanted – it replaced all occurrences of the lowercased `freecodecamp` with the properly camelCased version. But what is that empty object?
+
+Well, `matchAll` returns a special type of object called an Iterator, which the freeCodeCamp console isn't prepared to handle. If we peek in our browser console:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-5.png)
+
+The Iterator has a `next` method, which we can call to get the next value. Let's go ahead and call `matched.next()`, and log the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-6.png)
+
+There's our match array! `.next()` gives us an object with two values: done, which is false when there are more elements available in the iterator, and value which is the value we just iterated over.
+
+So, if we call it one more time:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+const replaced = str.replaceAll(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+console.log(matched.next());
+console.log(matched.next());
+```
+
+Wait, why does it say done is still `false`? There should only be two matches in the array, right?
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-7.png)
+
+Let's call it a third time and see what we get:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-8.png)
+
+`done` is finally `true`, but why is that value `undefined`? Well, as it turns out, the `matchAll` iterator is lazy. It doesn't find all of your matches at once. It only finds a match when you tell it to by calling `next()`.
+
+As long as it finds a match, it isn't "done". Once it fails to find a match and brings back `undefined`, it is "done". This may seem inconvenient, but it can be quite helpful when your regular expression is computationally expensive.
+
+If your example is less so, like ours, you can skip that feature and extract all of the matches at once by converting it to an array. This is achieved by calling `Array.from()` and passing your iterator as the argument.
+
+Let's update our code to use that – we'll go ahead and clean up our replaceAll calls since we know that works.
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+console.log(Array.from(matched))
+```
+
+And we finally get our array of matches:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-9.png)
+
+These powerful methods can help you manipulate and extract data from strings without having to sacrifice performance or readability.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
index 01e94f5248..f2bd25ca44 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
@@ -1,14 +1,120 @@
 ---
 id: 6733c5d0048bb74c18431296
 title: What Are Character Classes, and What Are Some Common Examples?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-character-classes-and-what-are-some-common-examples
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about character classes in regular expressions, including some common examples.
+
+Character classes are a special syntax you can use to match sets or subsets of characters.
+
+The first character class you should learn is the wild card class.
+
+The wild card is represented by a period or dot (`.`), and matches any single character except line breaks. To allow the wildcard class to match line breaks, remember that you would need to use the `s` flag.
+
+A regular expression that matched the letter `A` followed by one single character might look like:
+
+```js
+const regex = /a./;
+```
+
+This can be helpful when you are looking for specific patterns in a string, but don't know what might be between those two patterns. But you can also use character classes to narrow down your matches.
+
+For example, what if you wanted to match a numerical character? You might have to write out every possible digit, separating them with the `|` or operator:
+
+```js
+const regex = /0|1|2|3|4|5|6|7|8|9/;
+```
+
+A character class exists for this exact pattern, and gives you a shorthand syntax for writing the same thing. In this case, the character class is written as a backslash (`\`)followed by a `d` character:
+
+```js
+const regex = /\d/;
+```
+
+This regular expression will match the exact same pattern as our previous expression: a single numerical character anywhere in the string.
+
+Now consider a regular expression which also needs to match any letter character `a` through `z`. You could write out each individual character separated by the or operator. Or you could use another character class.
+
+The `\w` class, which is a backslash followed by a `w`, represents any word character.
+
+```js
+const regex = /\w/;
+```
+
+A word character is defined as any letter, from `a` to `z`, or a number from `0` to `9`, or the underscore (`_`) character.
+
+The inclusion of the underscore might seem strange, but consider the naming conventions for variables – variable names can often include underscores, so `\w` is designed to match that as well.
+
+There is one more special character class to consider: the white-space class `\s`, represented by a backslash followed by an `s`. This character class will match any white space, including new lines, spaces, tabs, and special unicode space characters.
+
+These special character classes can be negated. To negate one of these character classes, instead of using a lowercase letter after the backslash, use the uppercase equivalent.
+
+```js
+const regex = /\D/;
+```
+
+This regular expression, for example, does not match a numerical character. Instead, it matches any single character that is not a numerical character.
+
+Negating the `\w` class would match any character that is not `a` to `z`, `0` to `9`, or an underscore, and negating the `\s` character class would match any character that is not a white-space.
+
+But what if you wanted to match more specific subsets of characters?
+
+Maybe you're a professor grading papers, and you need to make sure your grades are valid. A valid grade can be `A`, `B`, `C`, `D`, or `F`. You can use square brackets to construct your own character class:
+
+```js
+const regex = /[abcdf]/;
+```
+
+This regular expression will match a single character that is in the list "`a`, `b`, `c`, `d`, or `f`".
+
+What about checking only grades that pass? A passing grade would be an `A`, `B`, `C`, or `D`. You can modify your character class to stop matching "`f`" by removing that character from the list:
+
+```js
+const regex = /[abcd]/;
+```
+
+You may have noticed now that our character class consists only of consecutive characters. `A`, `B`, `C`, and `D` are all directly next to each other in the alphabet. For numbers, consecutive characters might be `4`, `5`, and `6`.
+
+When you have consecutive characters, you can create a range using the hyphen character.
+
+Using a range, we can turn our regular expression into a shorter syntax while matching the exact same pattern.
+
+```js
+const regex = /[a-d]/;
+```
+
+Remember that regular expressions are case-sensitive by default. This means our character class will only match the lowercase variants of `a`, `b`, `c`, and `d`. You could use the `i` flag to achieve this, but you can also bake it directly into your character class by including the uppercase variants:
+
+```js
+const regex = /[a-zA-Z]/;
+```
+
+You can also mix digits and numbers in your character class. For example, if you wanted the behavior of the `\w` class without the underscore, you could construct your own:
+
+```js
+const regex = /[a-zA-Z0-9]/;
+```
+
+Note that if you want your character class to match a literal hyphen, you need to place a hyphen at the beginning or end of the class.
+
+```js
+const regex = /[-a-zA-Z0-9]/;
+```
+
+And finally, you can include special character classes in your custom class. Maybe you want to include a hyphen in the set matched by `\w`:
+
+```js
+const regex = /[-\w]/;
+```
+
+Character classes are a powerful tool that gives you incredible control over your pattern matching.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
index eb2c447e81..73e040d0fd 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
@@ -1,14 +1,76 @@
 ---
 id: 6733c5dc74176e4c496d09e6
 title: What Are Lookaheads and Lookbehind Assertions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about lookahead and lookbehind assertions in regular expressions.
+
+Lookahead and lookbehind assertions allow you to match specific patterns based on the presence or lack of surrounding patterns. There are four variations of these assertions.
+
+First is the positive lookahead assertion. This assertion will match a pattern when the pattern is followed by another pattern.
+
+To construct a positive lookahead, you need to start with the pattern you want to match. Then, use parentheses to wrap the pattern you want to use as your condition. After the opening parenthesis, use `?=` to define that pattern as a positive lookahead.
+
+This pattern will only match the word `free` if it is followed by `code`.
+
+```js
+const regex = /free(?=code)/i;
+```
+
+Let's test the behavior of our pattern:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-1.png)
+
+Notice how only the string where `free` is immediately followed by `code` passes the test.
+
+But what if you want to match the presence of `free` when it is NOT followed by `code`? You can turn your positive lookahead into a negative lookahead, to invert the behavior. To do this, change your `?=` to `?!`:
+
+```js
+const regex = /free(?!code)/i;
+```
+
+Let's test this against our same strings:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-2.png)
+
+As expected, the results are reversed. The only string that fails is the first string, where `free` is immediately followed by `code`.
+
+Lookbehind assertions function similarly to lookahead assertions, except that instead of matching conditionally based on a following pattern, they match conditionally based on a preceding pattern. Let's take a look at a positive lookbehind.
+
+A positive lookbehind is denoted with `?<=` instead of `?=`. Let's make our regular expression match `code` when it is preceded by `free`:
+
+```js
+const regex = /(?<=free)code/i;
+```
+
+Just like with our positive lookahead, our positive lookbehind matches the first string because `code` is immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-3.png)
+
+To match `code` when it is NOT preceded by `free`, we can use a negative lookbehind. A negative lookbehind is defined by replacing `?<=` with `?<!`:
+
+```js
+const regex = /(?<!free)code/i;
+```
+
+This would match any occurrence of `code` that is NOT immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-4.png)
+
+Remember that `Regex.prototype.test` only confirms whether a string matches the regular expression. Let's use our negative lookbehind with `String.prototype.match` to see how assertions affect that:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-5.png)
+
+Notice how even though our regular expression uses a lookbehind to check for the presence of free, it does not match free. The only text included in the match is code.
+
+Lookaheads and lookbehinds are incredibly useful for conditionally matching text without impacting the returned value of your match.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
index 81911dc2bb..a74847861a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
@@ -1,14 +1,104 @@
 ---
 id: 6733c5e54e3a154c8078ed48
 title: What Are Regex Quantifiers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-regex-quantifiers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about quantifiers in regular expressions.
+
+Consider a scenario where you want to match a four-digit identification code. You know you can use the `\d` character class, so you might write that four times. And to avoid any extraneous characters, you'd include both the start and end anchors.
+
+```js
+const regex = /^\d\d\d\d$/;
+```
+
+And this does work – it will match four numerical characters. But rather than having to write out the same class multiple times, you can give it a quantifier.
+
+Quantifiers are defined by curly braces containing one or two numbers. Let's use a quantifier in our pattern:
+
+```js
+const regex = /^\d{4}$/;
+```
+
+Notice how our quantifier contains only the number `4`. This syntax means "match the previous character exactly four times". Let's see how that behaves:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-1.png)
+
+The pattern only matches the string with exactly four digits, because we have used the anchors and our quantifier only allows exactly four digits. But maybe the identification code only needs to be a minimum of four digits.
+
+To allow for four or more digits, add a comma after the number in your quantifier:
+
+```js
+const regex = /^\d{4,}$/;
+```
+
+Now, our syntax allows the pattern to match four or more digits. Let's test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-2.png)
+
+A seven-digit identifier is rather long. These identifiers should have a maximum of 6 digits, and a minimum of 4 digits. To achieve this, you can add a second number to your quantifier after the comma.
+
+```js
+const regex = /^\d{4,6}$/;
+```
+
+And now our pattern no longer matches the seven-digit identifier, because it is greater than our six-digit maximum.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-3.png)
+
+Note that you cannot use this syntax to set a maximum alone – you must always set a minimum. But if you set the minimum to `1`, you can effectively achieve the same result.
+
+We've received updated requirements from our users. Identifiers can now optionally start with a letter. We already know the character class for this, so let's add that to our regular expression.
+
+```js
+const regex = /^[a-zA-z]\d{4,6}$/;
+```
+
+But now we mandate the presence of a letter. How can we make it optional?
+
+You could use the quantifier syntax with `0` as the minimum and `1` as the maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,1}\d{4,6}$/;
+```
+
+But there's actually a special shorthand quantifier for a single optional character – the question mark. Let's replace our quantifier with the question mark:
+
+```js
+const regex = /^[a-zA-Z]?\d{4,6}$/;
+```
+
+We should validate the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-4.png)
+
+Our pattern now allows for a single optional letter, followed by four to six digits.
+
+Unfortunately, we've just realized we read the requirements wrong. We need to allow for any number of letters before the numbers. We can use our quantifier with a `0` minimum and no defined maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,}\d{4,6}$/;
+```
+
+But our pattern is getting long again. Thankfully, there's another short-hand for "match the previous character zero or more times" –  the asterisk symbol. Let's replace our quantifier with that in the pattern, and test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-5.png)
+
+Now we successfully match any identifier with zero or more letters followed by four to six numbers. But it turns out this is crashing our system – we actually have to require at least one letter.
+
+Again, we could use a quantifier with a minimum of one and no defined maximum, or we could use yet another special syntax – the plus symbol:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-6.png)
+
+Now the identifiers that do not start with at least one letter fail, regardless of how many numbers there are.
+
+You can use quantifiers to greatly enhance the brevity and readability of your regular expressions.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
index d579b39149..177a6e602e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
@@ -1,14 +1,123 @@
 ---
 id: 6733c5f20cc9584cada942a4
 title: What Are Capturing Groups and Backreferences, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-capturing-groups-and-backreferences-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about capturing groups and back references in regular expressions.
+
+A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+
+Let's capture the `code` from our `freeCodeCamp` regular expression. To do that, we'll enclose `code` in parentheses and define it as a capture group.
+
+```js
+const regex = /free(code)camp/i;
+```
+
+To confirm the behavior, we can test it against a `freecodecamp` string:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-1.png)
+
+But this doesn't actually make use of our captured group. Instead, let's take a look at the result of using `match`:
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".match(regex));
+```
+
+Here we can see that our `match` array has a second element, which is the portion of the string which was captured by our capture group.
+
+Notice how the capture group matches the exact pattern `code`, where a character class would match a single character from the list `c`, `o`, `d`, and `e`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-2.png)
+
+But how can we actually use this? Well, capture groups are often used when replacing contents of a string. Let's set up some code to do that. We're going to turn `freecodecamp` into `paidcodeworld`.
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".replace(regex, "paidcodeworld"));
+```
+
+This works on its own, but what if we didn't know how many `o`'s were in "`code`"? If we need a quantifier for one or more `o`'s…
+
+```js
+const regex = /free(co+de)camp/i;
+console.log("freecoooooooodecamp".replace(regex, "paidcodeworld"));
+```
+
+We're getting `paidcodeworld` as our result. We want to preserve the number of `o`'s, so we need to reuse what was captured by the regular expression.
+
+This is where a backreference comes in. Instead of hardcoding the "`code`" portion of our replacement string, we can reference the captured group directly.
+
+In a replace call, you achieve a backreference by using a dollar sign (`$`) followed by the number of the capture group to use.
+
+In our case, that would be `$1`, since code is captured in the first capture group.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-3.png)
+
+We have now successfully preserved an unknown number of `o` characters when converting `freecodecamp` into `paidcodeworld`. But backreferences aren't just limited to the replace call. You can actually use them directly in a regular expression.
+
+This would allow you to match a previously captured pattern later on in the regular expression.
+
+Let's say we want to match `freecodecamp` twice, with the same number of `o`'s, but anywhere in the string.
+
+First, we need to separate them with our wildcard character, and allow any number of characters to match that wildcard:
+
+```js
+const regex = /free(co+de)camp.*free(co+de)camp/i;
+```
+
+This current expression won't ensure that the number of `o` characters is the same, however. To achieve that, we need to replace the second capture group with a reference to the first.
+
+Inside a regular expression, a backreference is denoted with a backslash followed by the number of the capture group:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-4.png)
+
+And with that, we can see that a string with the correct number of `o`'s matches, while a string with two different numbers of `o`'s does not.
+
+This syntax is great, but can quickly get confusing when you are referencing multiple capture groups. Thankfully, instead of using numbers, you can give your groups names.
+
+To define a named capture group, you add a question mark (`?`) followed by the name enclosed in less than and greater than signs to the beginning of the group. Let's name our capture group "`code`":
+
+```js
+const regex = /free(?<code>co+de)camp.*free\1camp/i;
+```
+
+Now we can update our backreference in the regular expression to refer to this group. A named back reference starts with a backslash followed by the letter `k` in JavaScript. Then you add the name, again enclosed in less than and greater than signs. Let's take a look at that:
+
+```js
+const regex = /free(?<code>co+de)camp.*free\k<code>camp/i;
+```
+
+Now if we check our `test` call, we can see that we still pass:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-5.png)
+
+To use our named capture group in a `replace` call, we'd insert a dollar sign into the string, followed by the name enclosed in less than and greater than signs:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-6.png)
+
+Finally, sometimes you want to create a group of characters, but don't need the captured result.
+
+Let's say we want to match either `freecodecamp` or `freecandycamp`. You could create two patterns separated by an OR assertion:
+
+```js
+const regex = /freecodecamp|freecandycamp/i;
+```
+
+But this can become quite lengthy for larger-scale regular expressions. Instead, you can create a non-capturing group around the characters that you need to OR:
+
+```js
+const regex = /free(?:code|candy)camp/i;
+```
+
+A non-capturing group does not store the `code|candy` match separately in memory. You can't backreference a non-capturing group. But it can be helpful for creating alternate patterns without sacrificing readability or performance.
 
 # --questions--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
index a4a8ad2676..e095474bc9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
@@ -2,7 +2,7 @@
 id: 672d2654f78cbf20e0ba4501
 title: What Is Bracket Notation, and How Do You Access Characters from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VFYqtU7nzFo
 dashedName: what-is-bracket-notation-and-how-do-you-access-characters-from-a-string
 ---
 
@@ -14,35 +14,35 @@ Watch the video lecture and answer the questions below.
 
 ## --text--
 
-What is the index of the character `"b"` in the string `"JavaScript"`?
+What is the index of the character `"r"` in the string `"JavaScript"`?
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-4
+`4`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-6
+`6`
 
 ---
 
-8
+`8`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
index e87598789a..d77b4ebf06 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
@@ -2,7 +2,7 @@
 id: 673263d58da27ea7809963bf
 title: What Are Template Literals, and What Is String Interpolation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kISWzkA7gKg
 dashedName: what-are-template-literals-and-what-is-string-interpolation
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
index 7f8e998bad..11b9eee8ca 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
@@ -2,7 +2,7 @@
 id: 673263df0eb568a7b450f2fc
 title: How Do You Create a Newline in Strings and Escape Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gOLjFbJnTIM
 dashedName: how-do-you-create-a-newline-in-strings-and-escape-strings
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
index e206886e65..d9f2af9f09 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
@@ -2,7 +2,7 @@
 id: 673263e80dd43da7df3ae565
 title: How Can You Find the Position of a Substring in a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: k2QaBPHl_00
 dashedName: how-can-you-find-the-position-of-a-substring-in-a-string
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the inde`xOf method return if the substring is not found in the string?
+What does the `indexOf` method return if the substring is not found in the string?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
index 1b8a21ef05..f9a8aca0d7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
@@ -2,7 +2,7 @@
 id: 673263f4a5899da8124542fd
 title: What Is the Prompt Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lgAEO6_vNPQ
 dashedName: what-is-the-prompt-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
index 294d534ea7..1ebbeaf280 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
@@ -2,7 +2,7 @@
 id: 6732a0472f52015e511f8e58
 title: What Is an API, and What Are Web APIs?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VRF7NItXm2c
 dashedName: what-is-an-api-and-what-are-web-apis
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
index 16170eb501..0706815738 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
@@ -2,7 +2,7 @@
 id: 67336894ae148431a870694d
 title: What Is the DOM, and How Do You Access Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EKgxoZ9IzmQ
 dashedName: what-is-the-dom-and-how-do-you-access-elements
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
index 8ab10de1e3..b3ce6616d2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
@@ -2,7 +2,7 @@
 id: 6733689f9f31dd31e7d9c789
 title: How Do DOM Nodes Exist Relative to Each Other in the DOM Tree?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5G2ZQrgrBYU
 dashedName: how-do-dom-nodes-exist-relative-to-each-other-in-the-dom-tree
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
index 6ec55e771b..4c895162b4 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
@@ -2,7 +2,7 @@
 id: 673368b1cf26253212a3cfb2
 title: What Is the querySelectorAll() Method, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: F4WZUBQL9Js
 dashedName: what-is-the-queryselectorall-method-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
index 265c328c08..4a54c53466 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
@@ -2,7 +2,7 @@
 id: 673368c0161e6b326a7e03f0
 title: How Do You Create New Nodes Using innerHTML() and createElement()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WypY2jRcCe0
 dashedName: how-do-you-create-new-nodes-using-innerhtml-and-createelement
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
index 9e62c66aba..a6d1db635e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
@@ -2,7 +2,7 @@
 id: 673368ccf52205329b729378
 title: What Is the Difference Between innerText, textContent, and innerHTML?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: A94NbhbAows
 dashedName: what-is-the-difference-between-innertext-textcontent-and-innerhtml
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
index cbe6a12eeb..e351964522 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
@@ -2,7 +2,7 @@
 id: 673368d97e8ce232cdcd6b68
 title: How Do You Add and Remove Nodes from the DOM with appendChild() and removeChild()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8xXQxXlvY8A
 dashedName: how-do-you-add-and-remove-nodes-from-the-dom-with-appendchild-and-removechild
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
index 74922f6a9b..74f45f28a3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
@@ -2,7 +2,7 @@
 id: 673368e7bd043f331919514d
 title: How Do the Navigator, Window, and Document Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: O0SWih5pv9U
 dashedName: how-do-the-navigator-window-and-document-work
 ---
 
@@ -86,7 +86,7 @@ This property helps you find out where the browser is currently navigating.
 
 ## --text--
 
-How can you access the document interface properties without explicitly using the document object?
+How can you access the `document` interface properties without explicitly using the `window` object?
 
 ## --answers--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
index 8cd8e5a377..7629627226 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
@@ -2,7 +2,7 @@
 id: 673368f272706633516e4873
 title: How Do You Add Attributes with setAttribute()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ciq88lYTHUc
 dashedName: how-do-you-add-attributes-with-setattribute
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
index 29685e3f0c..43297a9d9c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
@@ -2,7 +2,7 @@
 id: 673368fbe12a2b337645053d
 title: What Is the Event Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UVBsIxxvgBg
 dashedName: what-is-the-event-object
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
index 9ee0cbff26..4edba2d484 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
@@ -2,7 +2,7 @@
 id: 673369067f824d33a90a0534
 title: How Does the addEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XxKBdnCPtoU
 dashedName: how-does-the-addeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
index a1a328af6e..e9b250c03d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
@@ -2,7 +2,7 @@
 id: 673369101e5c4a33db0e8a02
 title: How Does the removeEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 59HUIkhJqnc
 dashedName: how-does-the-removeeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
index 649e029b5a..5c6f0e783d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
@@ -2,7 +2,7 @@
 id: 6733691d88e3053414689276
 title: What Are Inline Event Handlers, and Why Is It Best Practice to Use addEventListener Instead?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JbTSvver-y8
 dashedName: what-are-inline-event-handlers-and-why-is-it-best-practice-to-use-addeventlistener-instead
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
index 96b1b97410..f7243586c2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
@@ -2,7 +2,7 @@
 id: 6733692ffe1da034469f7917
 title: How Do You Manipulate Styles Using Element.style and Element.classList?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i07QkMVN15o
 dashedName: how-do-you-manipulate-styles-using-elementstyle-and-elementclasslist
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which property would you use to directly change the color of an element’s text using JavaScript?
+Which property would you use to directly change the color of an element's text using JavaScript?
 
 ## --answers--
 
@@ -94,7 +94,7 @@ The menu will be permanently visible.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ---
 
@@ -102,7 +102,7 @@ The menu will be permanently hidden.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ---
 
@@ -114,7 +114,7 @@ The menu will display an error message.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
index 7a7f0eacd8..974cade79d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
@@ -2,7 +2,7 @@
 id: 6733693bfce9a43489a355db
 title: What Is the DOMContentLoaded Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sEsyYH_SAb8
 dashedName: what-is-the-domcontentloaded-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
index f91118e250..621c1e59e7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
@@ -2,7 +2,7 @@
 id: 6733694805a85d34ced08a9b
 title: How Do the setTimeout and setInterval Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GSWSPc2SGTg
 dashedName: how-do-the-settimeout-and-setinterval-methods-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
index aac8cb2b93..5c5aef01fc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
@@ -2,7 +2,7 @@
 id: 67336956340e8a34fbd5d9f3
 title: What Is the requestAnimationFrame() API, and How Can It Be Used to Set Up an Animation Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mfnow4GWCo4
 dashedName: what-is-the-requestanimationframe-api-and-how-can-it-be-used-to-set-up-an-animation-loop
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
index d208cf6666..71deddcef0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
@@ -2,7 +2,7 @@
 id: 6733696567d2273540aa6033
 title: What Is the Web Animations API, and How Does It Relate to CSS Animation Properties?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pVVcaDEIzvs
 dashedName: what-is-the-web-animations-api-and-how-does-it-relate-to-css-animation-properties
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
index c9790ec773..35c21edee9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
@@ -2,7 +2,7 @@
 id: 6733697661182d357fc643d2
 title: What Is the Canvas API, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EbfxtG26HR0
 dashedName: what-is-the-canvas-api-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
index 68be5ca416..a347ece764 100644
--- a/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
+++ b/curriculum/challenges/espanol/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
@@ -2,7 +2,7 @@
 id: 673369829e232835c2732656
 title: How Do You Open and Close Dialog Elements Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: W6gusPmPGo4
 dashedName: how-do-you-open-and-close-dialog-elements-using-javascript
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md b/curriculum/challenges/espanol/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
index f3cf1121c0..0f867d3ad9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
@@ -237,23 +237,23 @@ Which selector is correct to target all siblings of an `img`?
 
 #### --text--
 
-What statement is TRUE about `block` elements?
+What statement is TRUE about block-level elements?
 
 #### --distractors--
 
-Blockline elements don't start on new lines.
+Block-level elements don't start on new lines.
 
 ---
 
-Blockline elements only takes up as much as it needs.
+Block-level elements only takes up as much as it needs.
 
 ---
 
-Blockline elements come with no margin.
+Block-level elements come with no margin.
 
 #### --answer--
 
-Blockline elements start on a new line with margin before and after the element.
+Block-level elements start on a new line with margin before and after the element.
 
 ### --question--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md b/curriculum/challenges/espanol/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
index 5f185147da..6102eaa31d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
@@ -61,23 +61,23 @@ An element without child nodes or an end tag.
 
 #### --text--
 
-What is an inline level element?
+Which of the following is a correct value for the `id` attribute?
 
 #### --distractors--
 
-An element that takes up the entire horizontal space and always starts a new line.
+`id="main@content"`
 
 ---
 
-An element used to display images.
+`id="main content"`
 
 ---
 
-An element used to embedding videos on the page.
+`id="123content"`
 
 #### --answer--
 
-An element that only takes up the width and height of its inner content.
+`id="main-content"`
 
 ### --question--
 
@@ -369,23 +369,23 @@ Which of the following is an example of a boolean attribute?
 
 #### --text--
 
-What is a block level element?
+Which of the following is a correct syntax for the `img` element?
 
 #### --distractors--
 
-An element used to display tables.
+`<img src="image.jpg" alt="Description of the image"></img>`
 
 ---
 
-An element used to display modals.
+`<img source="image.jpg" desc="Description of the image"></img>`
 
 ---
 
-An element that only takes up the width and height of its inner content.
+`<img src="image.jpg" desc="Description of the image">`
 
 #### --answer--
 
-An element that takes up the entire horizontal space and always starts a new line.
+`<img src="image.jpg" alt="Description of the image">`
 
 ### --question--
 
@@ -525,23 +525,23 @@ HTML represents the content and structure for a web page.
 
 #### --text--
 
-What is the difference between inline and block level elements?
+Which image license works for the public domain?
 
 #### --distractors--
 
-Block-level elements are used to group images only, while inline elements group list items.
+JPG
 
 ---
 
-Inline elements are always larger in size compared to block-level elements.
+Creative Commons
 
 ---
 
-Block-level elements flow within the content of a line, while inline elements start on a new line.
+BSD
 
 #### --answer--
 
-Block-level elements occupy the full width available, while inline elements only occupy as much width as necessary.
+CC0
 
 ### --question--
 
@@ -679,23 +679,23 @@ Which element is used to add audio to your HTML document?
 
 #### --text--
 
-What does the `required` attribute do?
+Where is the content represented on the page placed in an HTML document?
 
 #### --distractors--
 
-It specifies the `width` for a form.
+In between the `head` and the `body` elements.
 
 ---
 
-It specifies the `color` of a form input.
+Within the `repr` element.
 
 ---
 
-It specifies the `type` for the input.
+Within the `script` element.
 
 #### --answer--
 
-It specifies that an input must be filled out before a form submission.
+Within the `body` element.
 
 ### --question--
 
@@ -855,23 +855,23 @@ Which of the following is the correct syntax for a paragraph element?
 
 #### --text--
 
-What does the `iframe` element stand for?
+What does the name of the `iframe` element stand for?
 
 #### --distractors--
 
-The `Inline Framing component`.
+Inline Framing
 
 ---
 
-The `Inner Frame element`.
+Inner Frame
 
 ---
 
-The `Inline video element`.
+Inline video
 
 #### --answer--
 
-The `Inline Frame element`.
+Inline Frame
 
 ### --question--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md b/curriculum/challenges/espanol/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
index 4e2b1a0dfb..8e578e4f09 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
@@ -475,7 +475,7 @@ ol[type~="1"] { font-weight: bold; }
 
 #### --text--
 
-Suppose, on freeCodeCamp’s forum, each discussion has a `data-status` attribute that could be `"open"` or `"closed"`. You want to highlight all open discussions. How would you select these discussions?
+Suppose, on freeCodeCamp's forum, each discussion has a `data-status` attribute that could be `"open"` or `"closed"`. You want to highlight all open discussions. How would you select these discussions?
 
 #### --distractors--
 
@@ -535,7 +535,7 @@ textarea[maxlength] { border-color: darkred; }
 
 #### --text--
 
-Suppose, on freeCodeCamp’s course catalog, each course has a `data-completion` attribute representing the percentage completed. You want to style courses where this attribute ends with `"100"`, indicating full completion. Which selector would work?
+Suppose, on freeCodeCamp's course catalog, each course has a `data-completion` attribute representing the percentage completed. You want to style courses where this attribute ends with `"100"`, indicating full completion. Which selector would work?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md b/curriculum/challenges/espanol/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
index 81c35bbb28..7558dd38a0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
@@ -69,7 +69,7 @@ Which of the following is NOT a valid value for the `list-style-type` property?
 
 ---
 
-`lower-greek`
+`disc`
 
 ---
 
@@ -193,23 +193,23 @@ The background stays fixed while the content scrolls
 
 #### --text--
 
-Which of the following is NOT a valid `border-style` value?
+Which of the following is a valid `border-style` value?
 
 #### --distractors--
 
-`solid`
+`wave`
 
 ---
 
-`dotted`
+`triple`
 
 ---
 
-`groove`
+`zig zag`
 
 #### --answer--
 
-`triple`
+`dotted`
 
 ### --question--
 
@@ -237,23 +237,23 @@ Use the `:active` pseudo-class
 
 #### --text--
 
-Which property is used to define the width of a border?
+What is the correct CSS property to create an outline around an element, besides using the `border` property?
 
 #### --distractors--
 
-`border-size`
+`border-wide`
 
 ---
 
-`border-thickness`
+`box-shadow`
 
 ---
 
-`border-spacing`
+`border-img`
 
 #### --answer--
 
-`border-width`
+`outline`
 
 ### --question--
 
@@ -281,7 +281,7 @@ Which value for the `background-repeat` property ensures the image repeats horiz
 
 #### --text--
 
-What’s the purpose of the `border-radius` property?
+What's the purpose of the `border-radius` property?
 
 #### --distractors--
 
@@ -391,29 +391,29 @@ Which of these is NOT a valid border value?
 
 #### --text--
 
-What does the `border-collapse` property do when applied to table elements?
+How can you ensure that gradients used in web design are accessible?
 
 #### --distractors--
 
-It removes the table borders
+Use only two colors in the gradient
 
 ---
 
-It adds spacing between borders
+Use gradients only for decorative purposes
 
 ---
 
-It makes the border invisible
+Avoid using gradients in the background
 
 #### --answer--
 
-It merges adjacent table cell's borders into one
+Ensure sufficient contrast between the gradient and any text.
 
 ### --question--
 
 #### --text--
 
-Which value for the `background-size` property will resize the background image to fit within the container while preserving the image’s aspect ratio?
+Which value for the `background-size` property will resize the background image to fit within the container while preserving the image's aspect ratio?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md b/curriculum/challenges/espanol/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
index b020872416..0ee4e9ffcf 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
@@ -43,7 +43,7 @@ What does `100vw` cover in terms of screen width?
 
 #### --distractors--
 
-100% of the screen width answer
+100% of the screen width
 
 ---
 
@@ -149,7 +149,7 @@ On a typical screen with 96 DPI resolution, how many points (`pt`) are in 1 pixe
 
 #### --text--
 
-If the screen height is `800px`, what would `50vh` be?
+If the viewport height is `800px`, what would `50vh` be?
 
 #### --distractors--
 
@@ -175,19 +175,19 @@ What does setting an element's width to `100%` mean?
 
 #### --distractors--
 
-It takes up the full width of the document
+It takes up the full width of the document.
 
 ---
 
-It takes up the full width of the screen
+It takes up the full width of the screen.
 
 ---
 
-It takes up `100px`
+It takes up `100px`.
 
 #### --answer--
 
-It takes up the full width of its parent
+It takes up the full width of its parent.
 
 ### --question--
 
@@ -197,19 +197,19 @@ What happens with `calc(10px + 20%)` in CSS?
 
 #### --distractors--
 
-Adds `10px` to `10%` of the document width
+It adds `10px` to `10%` of the document width.
 
 ---
 
-Always equals `30px`
+It always equals `30px`.
 
 ---
 
-Adds `10px` to `20%` of the screen width
+It adds `10px` to `20%` of the screen width.
 
 #### --answer--
 
-Adds `10px` to `20%` of the parent's width
+It adds `10px` to `20%` of the parent's width.
 
 ### --question--
 
@@ -285,19 +285,19 @@ How does `calc(10vh + 50px)` work for height?
 
 #### --distractors--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport width.
 
 ---
 
-Adds `10px` to `50%` of the parent's height
+It adds `10px` to 50% of the parent's height.
 
 ---
 
-Adds `10vh` to `50%` of the document
+It adds `10vh` to 50% of the document width.
 
 #### --answer--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport height.
 
 ### --question--
 
@@ -351,19 +351,19 @@ What does `calc(50% + 20px)` do for width?
 
 #### --distractors--
 
-Adds `50%` of the screen width plus `20px`
+It adds `20px` to 50% of the screen width.
 
 ---
 
-Adds `50px` to the screen width
+It adds `50px` to the screen width.
 
 ---
 
-Adds `50%` of the height plus `20px`
+It adds `50%` of the height to `20px`.
 
 #### --answer--
 
-Adds `50%` of the parent's width plus `20px`
+It adds `50%` of the parent's width to `20px`.
 
 ### --question--
 
@@ -373,19 +373,19 @@ What's the key difference between `rem` and `em` in CSS?
 
 #### --distractors--
 
-`rem` is only used for fonts
+`rem` is only used for fonts.
 
 ---
 
-`rem` is for width, em is for fonts
+`rem` is for width, `em` is for fonts.
 
 ---
 
-`rem` is always smaller than `em`
+`rem` is always smaller than `em`.
 
 #### --answer--
 
-`rem` is based on the root font size, `em` is based on the parent's font size
+`rem` is based on the root font size, `em` is based on the parent's font size.
 
 ### --question--
 
@@ -395,19 +395,19 @@ How does `calc(100px + 10%)` work for width?
 
 #### --distractors--
 
-Adds `10%` of the screen width to `100px`
+It adds `10%` of the screen width to `100px`.
 
 ---
 
-Adds `10%` of the height to `100px`
+It adds `10%` of the height to `100px`.
 
 ---
 
-Adds `100px` to `10%` of the document
+It adds `100px` to `10%` of the document.
 
 #### --answer--
 
-Adds `10%` of the parent's width to `100px`
+It adds `10%` of the parent's width to `100px`.
 
 ### --question--
 
@@ -417,19 +417,19 @@ What does setting an element's width to auto do in CSS?
 
 #### --distractors--
 
-Sets the width to `100%`
+It sets the width to `100%`.
 
 ---
 
-Sets the width to `50%` of the viewport
+It sets the width to `50%` of the viewport.
 
 ---
 
-Sets the width to `0px`
+It sets the width to `0px`.
 
 #### --answer--
 
-Allows the browser to determine the width based on the content and container
+It allows the browser to determine the width based on the content and container.
 
 ### --question--
 
@@ -439,17 +439,17 @@ What happens when you use `calc(30vh - 10px)` for height?
 
 #### --distractors--
 
-Subtracts `10px` from the parent's height
+It subtracts `10px` from the parent's height.
 
 ---
 
-Subtracts `30px` from the screen height
+It subtracts `30px` from the screen height.
 
 ---
 
-Adds `30%` of the parent's height minus `10px`
+It adds `30%` of the parent's height minus `10px`.
 
 #### --answer--
 
-Subtracts `10px` from `30%` of the viewport height
+It subtracts `10px` from `30%` of the viewport height.
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md b/curriculum/challenges/espanol/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
index 042848b722..6c8140bf6d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
@@ -83,7 +83,7 @@ The space between individual letters
 
 #### --text--
 
-What’s the most common way to add Google Fonts to a website?
+What's the most common way to add Google Fonts to a website?
 
 #### --distractors--
 
@@ -209,7 +209,7 @@ It gives the page more visual variety
 
 #### --answer--
 
-It ensures a consistent experience in case the custom font doesn’t load
+It ensures a consistent experience in case the custom font doesn't load
 
 ### --question--
 
@@ -329,11 +329,11 @@ In the `text-shadow` property, how do the horizontal and vertical offsets affect
 
 #### --distractors--
 
-They control the shadow’s color
+They control the shadow's color
 
 ---
 
-They define the shadow’s blur radius
+They define the shadow's blur radius
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md b/curriculum/challenges/espanol/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
index bcc7ed4e71..eab6ee36ca 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
@@ -285,7 +285,7 @@ What does the `finally` block do in a `try...catch` statement?
 
 #### --distractors--
 
-Only executes if there’s an error
+Only executes if there's an error
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md b/curriculum/challenges/espanol/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
index 00c53dd4a5..e3ab555833 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
@@ -61,23 +61,23 @@ Scale
 
 #### --text--
 
-What design tool in Figma would you use to combine multiple elements together without flattening the layers of the elements?
+Which of the following sites would most likely benefit from using breadcrumbs?
 
 #### --distractors--
 
-Frames
+A single-page portfolio site.
 
 ---
 
-Blocks
+A complex e-commerce site with multiple categories and subcategories.
 
 ---
 
-Class
+A simple blog with only a few posts.
 
 #### --answer--
 
-Groups
+A complex e-commerce site with multiple categories and subcategories.
 
 ### --question--
 
@@ -193,23 +193,23 @@ Making the headline of the page larger than other text that comprise the body or
 
 #### --text--
 
-Which Figma tools allows users to specify a region on the screen they would like to export?
+What is a common goal of conducting exit interviews in user research?
 
 #### --distractors--
 
-Frames
+To increase the number of new users.
 
 ---
 
-Section
+To test new features with existing users
 
 ---
 
-Blocks
+To gather data for A/B testing.
 
 #### --answer--
 
-Slice
+To understand the factors causing user churn.
 
 ### --question--
 
@@ -281,45 +281,45 @@ Dark colors and muted light colors for contrast in dim lighting conditions
 
 #### --text--
 
-What is one good design practice when considering color palettes for a design?
+How can user research impact user requirements?
 
 #### --distractors--
 
-Using a variety of colors with strong saturation and contrast
+It has no impact on user requirements.
 
 ---
 
-Focus on vibrancy and saturation and place many non complementary hues
+It only affects non-functional requirements.
 
 ---
 
-Using many complementary colors together
+It only affects functional requirements.
 
 #### --answer--
 
-Limit colors and focus on using shades, tones, and tints of one color and add another hue three spaces away from that color
+It can help define and refine user requirements based on user feedback.
 
 ### --question--
 
 #### --text--
 
-What is one reason why the rule of thirds is important?
+Why is it important for a design brief to be reviewed and approved by all stakeholders before the project begins?
 
 #### --distractors--
 
-Creates symmetry in the composition by dividing it equally
+To ensure everyone is aware of the project's social media strategy.
 
 ---
 
-By dividing up the composition, it eliminates visual hierarchy
+To finalize the color palette and design elements.
 
 ---
 
-Objects at the edge of the composition get more focus
+To determine the project's marketing budget.
 
 #### --answer--
 
-Breaks the composition apart into 9 equal parts, where objects placed on the dividing lines provide focus and hierarchy to the composition
+To confirm that all stakeholders agree on the project's objectives and requirements.
 
 ### --question--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md b/curriculum/challenges/espanol/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
index d3615d14e9..6a20dd01ac 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
@@ -395,7 +395,7 @@ What does the submit event do by default?
 
 #### --distractors--
 
-It validates the form but doesn’t submit it
+It validates the form but doesn't submit it
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md b/curriculum/challenges/espanol/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
index f89abcae04..bad816f377 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
@@ -157,7 +157,7 @@ When we work on an open-source repository, it becomes easy to detract from the p
 
 ---
 
-By using GitHub or any other repository management tool, it’s easy to develop robust ignorance of the project.
+By using GitHub or any other repository management tool, it's easy to develop robust ignorance of the project.
 
 ---
 
@@ -197,11 +197,11 @@ What is the correct way to contribute to other people's repositories?
 
 #### --distractors--
 
-`git add -> git commit -> git clone -> git push`
+`git add`, `git commit`, `git clone`, `git push`
 
 ---
 
-`git clone -> git commit -> git add -> git push`
+`git clone`, `git commit`, `git add`, `git push`
 
 ---
 
@@ -209,7 +209,7 @@ None of the options
 
 #### --answer--
 
-`git clone -> git add -> git commit -> git push`
+`git clone`, `git add`, `git commit`, `git push`
 
 ### --question--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md b/curriculum/challenges/espanol/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
index ae72f3b4c0..0b7b3e0703 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
@@ -173,7 +173,7 @@ To add tabs.
 
 #### --answer--
 
-To control keyboard navigation order and allow programmatic focus on elements that aren’t accessible via keyboard.
+To control keyboard navigation order and allow programmatic focus on elements that aren't accessible via keyboard.
 
 ### --question--
 
@@ -205,7 +205,7 @@ What is the difference between the attributes `aria-label` and `aria-labelledby`
 
 #### --distractors--
 
-The `aria-label`and `aria-labelledby` attributes serve the same purpose.
+The `aria-label` and `aria-labelledby` attributes serve the same purpose.
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
index 9cfe16961e..0dfe06296f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
@@ -460,7 +460,7 @@ The subclass cannot create new instances.
 
 #### --answer--
 
-The superclass’s constructor will be used by default.
+The superclass's constructor will be used by default.
 
 ### --question--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
index 1f529807fd..04ccf94347 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
@@ -117,7 +117,7 @@ const person = {
 
 #### --text--
 
-Which of the following property key can only be used with a bracket notation as opposed to dot notation?
+Which of the following property keys can only be used with a bracket notation as opposed to dot notation?
 
 #### --distractors--
 
@@ -425,19 +425,19 @@ Which of the following is true for an object sealed with `Object.seal`?
 
 #### --distractors--
 
-Values of existing properties cannot be changed
+Values of existing properties cannot be changed.
 
 ---
 
-Values of existing properties can be changed but doing this will unseal the object
+Values of existing properties can be changed but doing this will unseal the object.
 
 ---
 
-New properties can be added but existing properties can not be removed
+New properties can be added but existing properties can not be removed.
 
 #### --answer--
 
-New properties cannot be added and existing properties cannot be removed
+New properties cannot be added and existing properties cannot be removed.
 
 ### --question--
 
@@ -447,19 +447,19 @@ Which of the following is true for an object frozen with `Object.freeze`?
 
 #### --distractors--
 
-New properties can be added but existing properties can not be removed
+New properties can be added but existing properties can not be removed.
 
 ---
 
-New properties can be added but doing this will unfreeze the object
+New properties can be added but doing this will unfreeze the object.
 
 ---
 
-Values of existing properties can be changed but doing this will unfreeze the object
+Values of existing properties can be changed but doing this will unfreeze the object.
 
 #### --answer--
 
-Values of existing properties cannot be changed
+Values of existing properties cannot be changed.
 
 ### --question--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
index 7128948cae..3ba595809d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
@@ -89,7 +89,7 @@ An object containing information about the (sub)string the regular expression ma
 
 ---
 
-Null, the method `test` only validates if the given regular expression is valid.
+`null`, the method `test` only validates if the given regular expression is valid.
 
 #### --answer--
 
@@ -305,7 +305,7 @@ The lookbehind should be placed to the left of the main pattern of the regular e
 
 #### --text--
 
-Which quantifier matches preceding element zero or one times?
+Which quantifier matches the preceding element zero or one times?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
index f678caf28f..b8c343bfbe 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
@@ -21,19 +21,19 @@ What is the return value for the `includes()` method?
 
 #### --distractors--
 
-If the substring is found within the string, the method returns the string otherwise, it returns `undefined`.
+If the substring is found within the string, the method returns the string. Otherwise, it returns `undefined`.
 
 ---
 
-If the substring is found within the string, the method returns `true` otherwise, it returns and empty string.
+If the substring is found within the string, the method returns `true`. Otherwise, it returns an empty string.
 
 ---
 
-If the substring is found within the string, the method returns the string otherwise, it returns `null`.
+If the substring is found within the string, the method returns the string. Otherwise, it returns `null`.
 
 #### --answer--
 
-If the substring is found within the string, the method returns `true` otherwise, it returns `false`.
+If the substring is found within the string, the method returns `true`. Otherwise, it returns `false`.
 
 ### --question--
 
@@ -165,7 +165,7 @@ It displays a confirmation box with a message.
 
 #### --answer--
 
-It displays a dialog box that prompts the user for input.
+It displays a dialog box that waits for the user input.
 
 ### --question--
 
@@ -205,7 +205,7 @@ developer[2];
 
 #### --text--
 
-How can you obtain the ASCII index of a character in a string?
+How can you obtain the ASCII value of a character in a string?
 
 #### --distractors--
 
@@ -309,23 +309,23 @@ How can you check if the string `"JavaScript"` contains a specific substring?
 
 #### --text--
 
-Which method extracts a substring from the string `"JavaScript"`?
+Which of the following extracts the substring `"Script"` from the string `"JavaScript"`?
 
 #### --distractors--
 
-`"JavaScript".remove()`
+`"JavaScript".remove(3)`
 
 ---
 
-`"JavaScript".extract()`
+`"JavaScript".extract(4)`
 
 ---
 
-`"JavaScript".cut()`
+`"JavaScript".cut(3)`
 
 #### --answer--
 
-`"JavaScript".slice()`
+`"JavaScript".slice(4)`
 
 ### --question--
 
@@ -463,7 +463,7 @@ How do you remove whitespace from the beginning and end of a string?
 
 #### --text--
 
-Which of the following is the correct syntax for escaping strings?
+Which of the following is the correct syntax for escaping quotes?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
index 9d37ab0df0..26f2f65df7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
@@ -51,7 +51,7 @@ Which of the following is NOT a JavaScript data type?
 
 ---
 
-`bigint`
+`bigInt`
 
 #### --answer--
 
@@ -87,19 +87,19 @@ Which of the following is a conventional variable name in JavaScript?
 
 #### --distractors--
 
-`let my_var;`
+`my_var;`
 
 ---
 
-`let my-var;`
+`my-var;`
 
 ---
 
-`let MyVar;`
+`MyVar;`
 
 #### --answer--
 
-`let myVar;`
+`myVar;`
 
 ### --question--
 
@@ -109,11 +109,11 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --distractors--
 
-`let` is block scoped, `const` is not.
+`const` cannot be re-assigned nor re-declared. `let` can be re-assigned and re-declared.
 
 ---
 
-`const` is block scoped, `let` is not.
+`const` can be re-assigned and re-declared. `let` cannot be re-assigned nor re-declared.
 
 ---
 
@@ -127,23 +127,28 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --text--
 
-What is the difference between local and global scope in JavaScript?
+What would be the outcome of the following code?
+
+```js
+let name = "Andy";
+name[0] = "M";
+```
 
 #### --distractors--
 
-Variables declared in local scope can be accessed from anywhere in the program.
+The value of `name` would be `"MAndy"`.
 
 ---
 
-Variables declared in global scope can only be accessed from inside a function.
+The value of `name` would be `"Mndy"`.
 
 ---
 
-Variables declared in global scope cannot be re-declared.
+The value of `name` would still be `"Andy"`.
 
 #### --answer--
 
-Variables declared in global scope can be accessed from anywhere in the program.
+It would throw an error.
 
 ### --question--
 
@@ -193,7 +198,7 @@ Adds the string `world` to the variable `hello`, and prints it out in the consol
 
 #### --answer--
 
-Creates a third empty string, copies the values of both strings to it, and finally reassigns the `hello` variable to the third string and prints it out in the console.
+Creates a new string that is made of the values of `hello` and `" world"` combined together, and assigns this new string back to `hello` and then prints it out in the console.
 
 ### --question--
 
@@ -375,32 +380,23 @@ Which of the following declares a variable in JavaScript that cannot be changed?
 
 #### --text--
 
-In the code below, which variable is in the global scope in JavaScript:
-
-```js
-let a = 0;
-
-if (a < 10) {
-  let b = 1;
-  return a + b;
-}
-```
+Which of the following is a valid variable name in JavaScript?
 
 #### --distractors--
 
-Variable `b` is in the global scope.
+`tart@n`
 
 ---
 
-Both variables `a` and `b` are in the global scope.
+`4cats`
 
 ---
 
-None of the variables are in the global scope.
+`!!dogs`
 
 #### --answer--
 
-Variable `a` is in the global scope, and can be accessed from anywhere in the program.
+`$number`
 
 ### --question--
 
@@ -428,79 +424,65 @@ Which of the following is NOT a valid string concatenation method in JavaScript?
 
 #### --text--
 
-What will be the output of the following code:
-
-```js
-let hello = "hello";
-if (true) {
-  let world = "world";
-}
-console.log(hello + " " + world);
-```
+Which of the following variable names uses camelCase correctly?
 
 #### --distractors--
 
-`hello world`
+`a_long_variable_name`
 
 ---
 
-`helloworld`
+`alongvariableName`
 
 ---
 
-`hello`
+`ALongVariableName`
 
 #### --answer--
 
-`ReferenceError: world is not defined`
+`aLongVariableName`
 
 ### --question--
 
 #### --text--
 
-What will be the output of the code below:
-
-```js
-const x = 0;
-while (x < 10) x++;
-console.log(x);
-```
+Which chatacter JavaScript uses to mark the end of a statement?
 
 #### --distractors--
 
-`10`
+`:`
 
 ---
 
-`0`
+`,`
 
 ---
 
-`1 2 3 4 5 6 7 8 9 10`
+`.`
 
 #### --answer--
 
-`TypeError: Assignment to constant variable.`
+`;`
 
 ### --question--
 
 #### --text--
 
-Given the string `freeCodeLamp`, which JavaScript string method can be used to turn it into `freeCodeCamp`?
+Which of the following is NOT a JavaScript data type?
 
 #### --distractors--
 
-`"freeCodeLamp"[8] = "C";`
+`Symbol`
 
 ---
 
-`"freeCodeLamp".charAt(8) = "C";`
+`Boolean`
 
 ---
 
-`"freeCodeLamp".indexOf("L") = "C";`
+`Null`
 
 #### --answer--
 
-`"freeCodeLamp".replace("L", "C");`
+`Float`
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md b/curriculum/challenges/espanol/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
index 7579004a67..9ea0ef0e53 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
@@ -153,7 +153,7 @@ What is a typical use case of the `ruby` element?
 
 #### --distractors--
 
-It specifies the document’s character encoding.
+It specifies the document's character encoding.
 
 ---
 
@@ -201,7 +201,7 @@ It styles text with custom fonts.
 
 ---
 
-It specifies the document’s character encoding.
+It specifies the document's character encoding.
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md b/curriculum/challenges/espanol/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
index 19470e6d1b..9e01e081b0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
+++ b/curriculum/challenges/espanol/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
@@ -47,7 +47,7 @@ It makes the text input focusable with a keyboard.
 
 ---
 
-It hides the input’s placeholder text.
+It hides the input's placeholder text.
 
 ---
 
@@ -55,7 +55,7 @@ It removes the default browser styling for inputs.
 
 #### --answer--
 
-It ensures padding and borders are included in the element’s width and height.
+It ensures padding and borders are included in the element's width and height.
 
 ### --question--
 
@@ -77,7 +77,7 @@ It automatically adjusts the font size.
 
 #### --answer--
 
-It ensures the input doesn’t stretch too wide on larger screens.
+It ensures the input doesn't stretch too wide on larger screens.
 
 ### --question--
 
@@ -87,7 +87,7 @@ Why should you add `:focus` styles to text inputs?
 
 #### --distractors--
 
-It hides the input’s border.
+It hides the input's border.
 
 ---
 
@@ -289,7 +289,7 @@ When you want to fully customize the form control's style.
 
 ---
 
-When the browser’s default styles are hard to override.
+When the browser's default styles are hard to override.
 
 ---
 
@@ -417,7 +417,7 @@ What issue can arise when using `overflow: hidden;` on form elements?
 
 #### --distractors--
 
-It improves the form’s overall accessibility.
+It improves the form's overall accessibility.
 
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md b/curriculum/challenges/espanol/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
index 110593e646..e9e7d19999 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
@@ -13,12 +13,28 @@ Review the concepts below to prepare for the upcoming quiz.
 
 - **What is CSS?**: Cascading Style Sheets (CSS) is a markup language used to apply styles to HTML elements. CSS is used for colors, background images, layouts and more.
 - **Basic Anatomy of a CSS Rule**: A CSS rule is made up of two main parts: a selector and a declaration block. A selector is a pattern used in CSS to identify and target specific HTML elements for styling. A declaration block applies a set of styles for a given selector, or selectors.
+
+Here is the general syntax of a CSS rule:
+
+```css
+selector {
+    property: value;
+}
+```
+
 - **`meta name="viewport"` Element**: This `meta` element gives the browser instructions on how to control the page's dimensions and scaling on different devices, particularly on mobile phones and tablets.
 - **Default Browser Styles**: Each HTML element will have default browser styles applied to them. This usually includes items like default margins and paddings.
 
 ## Inline, Internal, and External CSS
 
 - **Inline CSS**: These styles are written directly within an HTML element using the `style` attribute. Most of the time you will not be using inline CSS due to separation of concerns.
+
+Here is an example of inline CSS:
+
+```html
+<p style="color: red;">This is a red paragraph.</p>
+```
+
 - **Internal CSS**: These styles are written within the `<style>` tags inside the `<head>` section of an HTML document. This can be useful for creating short code examples, but usually you will not need be using internal CSS.
 - **External CSS**: These styles are written in a separate CSS file and linked to the HTML document using the `<link>` element in the `<head>` section. For most projects, you will use an external CSS file over internal or inline CSS.
 
@@ -113,6 +129,8 @@ ul ~ p {
 
 - **`margin` Property**: This property is used to apply space outside the element, between the element's border and the surrounding elements.
 - **`padding` Property**: This property is used to apply space inside the element, between the content and its border.
+- **`margin` Shorthand**: The `margin` property can be set using the shorthand syntax, which allows you to set the margin for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
+- **`padding` Shorthand**: The `padding` property can also be set using the shorthand syntax, which allows you to set the padding for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
 
 ## CSS Specificity
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md b/curriculum/challenges/espanol/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
index 07d30165b2..874ee70ae2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
@@ -12,7 +12,9 @@ Review the concepts below to prepare for the upcoming quiz.
 ## HTML Basics
 
 - **Role of HTML**: Foundation of web structure.
-- **Block-level elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold over HTML elements.
+- **HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
+- **`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold over HTML elements.
+- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
 - **Attributes**: Adding metadata and behavior to elements.
 
 ## Identifiers and Grouping
@@ -28,12 +30,12 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: Basic structure of a webpage.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
 
-- **Meta tags (`description`)**: How it impacts SEO.
+- **Meta tags (`description`)**: Providing a short description for the web page and impacting SEO.
 - **Open Graph tags**: Enhancing social media sharing.
 
 ## Media Elements and Optimization
@@ -54,7 +56,6 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Absolute vs. relative paths**: Navigating directories.
 - **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
 - **Link states**: Managing different link interactions (hover, active).
-- **Inline vs. block-level links**: Layout and behavior differences.
 
 # --assignment--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md b/curriculum/challenges/espanol/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
index a2beaedae0..6c425c284b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
@@ -16,7 +16,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Best Practices With CSS and Accessibility
 
-- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won’t be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
+- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won't be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
 - **`visibility: hidden;`**: This property and value hides the content visually but keeps it in the document flow, meaning it still occupies space on the page. These elements will also no longer be read by screen readers because they will have been removed from the accessibility tree.
 - **`.sr-only` CSS class**: This is a common technique used to visually hide content while keeping it accessible to screen readers.
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md b/curriculum/challenges/espanol/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
index 17aab21604..24c85a1f04 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
@@ -1,6 +1,6 @@
 ---
 id: 671a88d636cebc5fbd407b78
-title: CSS Backgrounds and Borders Review
+title: Lists, Links, CSS Background and Borders Review
 challengeType: 24
 dashedName: review-css-backgrounds-and-borders
 ---
@@ -16,6 +16,12 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`list-style-position` Property**: This property is used to set the position for the list marker. The only two acceptable values are inside and outside.
 - **`list-style-image` Property**: This property is used to use an image for the list item marker. A common use case is to use the `url` function with a value set to a valid image location.
 
+## Spacing list items using `margin`
+
+- Apart from `line-height`, margins can also be used in CSS to enhance the spacing and readability of list items.
+- Margins create space outside each `<li>` element, allowing control over the gap between list items.
+- `margin-bottom` is used to create space below each list item. For example, `margin-bottom: 10px;` will create a 10-pixel gap below each list item.
+
 ## Styling Links
 
 - **`pseudo-class`**: This is a keyword added to a selector that allows you to select elements based on a particular state. Common states would include the `:hover`, `:visited` and `:focus` states.
@@ -27,10 +33,10 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Working with Backgrounds and Borders
 
-- **`background-size` Property**: This property is used to set the background size for an element.
-- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. You can also specify that there should be no repeat by using the `no-repeat` property.
-- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword value.
-- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place.
+- **`background-size` Property**: This property is used to set the background size for an element. Some common values include `cover` for the background image to cover the entire element and `contain` for the background image to fit within the element.
+- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. The default value for `background-repeat` is `repeat` meaning the image will repeat both horizontally and vertically. You can also specify that there should be no repeat by using the `no-repeat` property.
+- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword values like `top`, `bottom`, `left`, `right`, and `center`.
+- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place. The main values are `scroll` (default), where the background image scrolls with the content, and `fixed`, where the background image stays in the same position on the screen.
 - **`background-image` Property**: This property is used to set the background image of an element. You can set multiple background images at the same time and use either the `url`, `radial-gradient` or `linear-gradient` functions as values.
 - **`background` Property**: This is the shorthand property for setting all background properties in one declaration. Here is an example of setting the background image and setting it to not repeat: `background: no-repeat url("example-url-goes-here");`
 - **Good Contrast for Background and Foreground Colors**: It is important to ensure that the background and foreground colors have good contrast to make the text readable. The Web Content Accessibility Guidelines (WCAG) recommend a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.
@@ -43,6 +49,7 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`border-left` Property**: This property is used to set the styles for the left border of an element. `border-left: 4px dotted orange;` sets a 4-pixel-wide dotted orange border on the left side of the element.
 - **`border` Property**: This is the shorthand property for setting the width, style, and color of an element's border. `border: 1px solid black;` sets a 1-pixel-wide solid black border.
 - **`border-radius` Property**: This property is used to create rounded corners for an element's border.
+- **`border-style` Property**: This property is used to set the style of an element's border. Some accepted values include `solid`, `dashed`, `dotted`, and `double`.
 
 ## Gradients
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md b/curriculum/challenges/espanol/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
index f96930b45c..a14acbae2c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
@@ -16,7 +16,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## The `flex-direction` Property
 
-- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser’s default language (left to right or right to left).
+- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser's default language (left to right or right to left).
 - **`flex-direction: row-reverse;`**: This reverses the items in the row.
 - **`flex-direction: column;`**: This will align the flex items vertically instead of horizontally.
 - **`flex-direction: column-reverse;`**: This reverses the order of the flex items vertically.
@@ -24,7 +24,7 @@ Review the concepts below to prepare for the upcoming quiz.
 ## The `flex-wrap` Property
 
 - **Definition**: This property determines how flex items are wrapped within a flex container to fit the available space. `flex-wrap` can take three possible values: `nowrap`, `wrap`, and `wrap-reverse`.
-- **`flex-wrap: nowrap;`**: This is the default value. Flex items won’t be wrapped onto a new line, even if their width exceed the container's width.
+- **`flex-wrap: nowrap;`**: This is the default value. Flex items won't be wrapped onto a new line, even if their width exceed the container's width.
 - **`flex-wrap: wrap;`**: This property will wrap the items when they exceed the width of their container.
 - **`flex-wrap: wrap-reverse;`**: This property will wrap flex items in reverse order.
 - **`flex-flow` Property**: This property is a shorthand property for `flex-direction` and `flex-wrap`. In this example, we set `flex-direction` to `column` and `flex-wrap` to `wrap-reverse`.
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md b/curriculum/challenges/espanol/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
index 41467db42f..5fb9d6edf0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
@@ -34,7 +34,7 @@ Review the concepts below to prepare for the upcoming quiz.
 ## Location Pseudo-classes
 
 - **Location Pseudo-classes**: These pseudo-classes are used for styling links and elements that are targeted within the current document.
-- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it’s visited or not.
+- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it's visited or not.
 - **`:link` Pseudo-class**: This pseudo-class allows you to target all unvisited links on a webpage. You can use it to style links differently before the user clicks on them.
 - **`:local-link` Pseudo-class**: This pseudo-class targets links that point to the same document. It can be useful when you want to differentiate internal links from external ones.
 - **`:visited` Pseudo-class**: This pseudo-class targets a link the user has visited.
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md b/curriculum/challenges/espanol/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
index 827bc4518a..ca255cbb7d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
@@ -157,7 +157,7 @@ Review the concepts below to prepare for the upcoming exam.
 ## Location Pseudo-classes
 
 - **Location Pseudo-classes**: These pseudo-classes are used for styling links and elements that are targeted within the current document.
-- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it’s visited or not.
+- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it's visited or not.
 - **`:link` Pseudo-class**: This pseudo-class allows you to target all unvisited links on a webpage. You can use it to style links differently before the user clicks on them.
 - **`:local-link` Pseudo-class**: This pseudo-class targets links that point to the same document. It can be useful when you want to differentiate internal links from external ones.
 - **`:visited` Pseudo-class**: This pseudo-class targets a link the user has visited.
@@ -285,7 +285,7 @@ Review the concepts below to prepare for the upcoming exam.
 
 ## The `flex-direction` Property
 
-- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser’s default language (left to right or right to left).
+- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser's default language (left to right or right to left).
 - **`flex-direction: row-reverse;`**: This reverses the items in the row.
 - **`flex-direction: column;`**: This will align the flex items vertically instead of horizontally.
 - **`flex-direction: column-reverse;`**: This reverses the order of the flex items vertically.
@@ -293,7 +293,7 @@ Review the concepts below to prepare for the upcoming exam.
 ## The `flex-wrap` Property
 
 - **Definition**: This property determines how flex items are wrapped within a flex container to fit the available space. `flex-wrap` can take three possible values: `nowrap`, `wrap`, and `wrap-reverse`.
-- **`flex-wrap: nowrap;`**: This is the default value. Flex items won’t be wrapped onto a new line, even if their width exceed the container's width.
+- **`flex-wrap: nowrap;`**: This is the default value. Flex items won't be wrapped onto a new line, even if their width exceed the container's width.
 - **`flex-wrap: wrap;`**: This property will wrap the items when they exceed the width of their container.
 - **`flex-wrap: wrap-reverse;`**: This property will wrap flex items in reverse order.
 - **`flex-flow` Property**: This property is a shorthand property for `flex-direction` and `flex-wrap`. In this example, we set `flex-direction` to `column` and `flex-wrap` to `wrap-reverse`.
@@ -373,7 +373,7 @@ Review the concepts below to prepare for the upcoming exam.
 
 ## Best Practices With CSS and Accessibility
 
-- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won’t be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
+- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won't be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
 - **`visibility: hidden;`**: This property and value hides the content visually but keeps it in the document flow, meaning it still occupies space on the page. These elements will also no longer be read by screen readers because they will have been removed from the accessibility tree.
 - **`.sr-only` CSS class**: This is a common technique used to visually hide content while keeping it accessible to screen readers.
 - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md b/curriculum/challenges/espanol/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
index d0820b9388..5bf0e7b4f4 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
@@ -36,7 +36,7 @@ const developerObj = {
 developerObj.map()
 ```
 
-- **RangeError**: These errors happen when your code tries to use a value that’s outside the range of what JavaScript can handle.
+- **RangeError**: These errors happen when your code tries to use a value that's outside the range of what JavaScript can handle.
 
 ```js
 const arr = [];
@@ -58,7 +58,7 @@ function validateNumber(input) {
 
 ## `try...catch...finally`
 
-- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It’s commonly used for cleanup tasks, such as closing files or releasing resources.
+- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It's commonly used for cleanup tasks, such as closing files or releasing resources.
 
 ```js
 function processInput(input) {
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md b/curriculum/challenges/espanol/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
index 021d0ab750..bce084bcbb 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
@@ -15,7 +15,7 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs.
 - **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript.
 - **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website.
-- **DOM**: The DOM stands for Document Object Model. It’s a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It’s the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
+- **DOM**: The DOM stands for Document Object Model. It's a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It's the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
 - **`navigator` Interface**: This provides information about the browser environment, such as the user agent string, the platform, and the version of the browser. A user agent string is a text string that identifies the browser and operating system being used.
 - **`window` Interface**: This represents the browser window that contains the DOM document. It provides methods and properties for interacting with the browser window, such as resizing the window, opening new windows, and navigating to different URLs.
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md b/curriculum/challenges/espanol/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
index 023f056019..9c220360ea 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
@@ -11,7 +11,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Validating Forms with JavaScript
 
-- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user’s provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
+- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
 - **`checkValidity()` method**: This method returns `true` if the element matches all HTML validation (based on its attributes), and `false` if it fails.
 
 ```js
@@ -63,7 +63,7 @@ button.addEventListener('click',(event) => {
 ## Submitting Forms
 
 - **Definition**: There are three ways a form can be submitted. The first is when the user clicks a button in the form which has the `type` attribute set to `submit`. The second is when the user presses the `Enter` key on any editable `input` field in the form. The third is through a JavaScript call to the `requestSubmit()` or `submit()` methods of the `form` element.
-- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page’s URL.
+- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page's URL.
 
 ```js
 <form action="https://freecodecamp.org">
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md b/curriculum/challenges/espanol/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
index c8acd9c2f3..1d5d0cda92 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
@@ -15,11 +15,11 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -27,26 +27,26 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using screen readers and other assistive technologies understand the purpose of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps people using screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps people using assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
 - **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
 - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps people using screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps people using assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
 
 # --assignment--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-html/671a883163d5ab5d47145880.md b/curriculum/challenges/espanol/25-front-end-development/review-html/671a883163d5ab5d47145880.md
index fac86631c6..441b546c86 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-html/671a883163d5ab5d47145880.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-html/671a883163d5ab5d47145880.md
@@ -11,8 +11,10 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## HTML Basics
 
-- **Role of HTML**: HTML represents the content and structure of a webpage.
-- **`div` Element**: The `div` element is a block-level element used for grouping content.
+- **Role of HTML**: Foundation of web structure.
+- **HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
+- **`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold other HTML elements.
+- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
 - **Attributes**: Adding metadata and behavior to elements.
 
 ## Identifiers and Grouping
@@ -28,12 +30,12 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: This boilerplate includes the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements. It should be used as the starting point for an HTML document.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
 
-- **Meta tags (`description`)**: Describing page content.
+- **Meta tags (`description`)**: Providing a short description for the web page and impacting SEO.
 - **Open Graph tags**: Enhancing social media sharing.
 
 ## Media Elements and Optimization
@@ -45,8 +47,8 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Multimedia Integration
 
-- **HTML audio and video elements**: The `audio` element is used to embed audio content in a webpage, while the `video` element is used to embed video content.
-- **Embedding with `<iframe>`**: If you want to embed content from another site, like YouTube, you can use the `iframe` element.
+- **HTML audio and video elements**: Embedding multimedia.
+- **Embedding with `<iframe>`**: Integrating external video content.
 
 ## Paths and Link Behavior
 
@@ -54,7 +56,6 @@ Review the concepts below to prepare for the upcoming prep exam.
 - **Absolute vs. relative paths**: Navigating directories.
 - **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
 - **Link states**: Managing different link interactions (hover, active).
-- **Inline vs. block-level links**: Links by default are inline elements. You can turn a link into a block-level link by placing it inside a block-level element like a paragraph element.
 
 ## Importance of Semantic HTML
 
@@ -64,62 +65,62 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Semantic HTML Elements
 
-- **Emphasis (`em`) element**: marks text that has stress emphasis.
-- **Idiomatic Text (`i`) element**: used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
-- **Strong Importance (`strong`) element**: marks text that has strong importance.
-- **Bring Attention To (`b`) element**: used to bring attention to text that is not important for the meaning of the content.
-- **Description List (`dl`) element**: used to represent a list of term-description groupings.
-- **Description Term (`dt`) element**: used to represent the term being defined.
-- **Description Details (`dd`) element**: used to represent the description of the term.
-- **Block Quotation (`blockquote`) element**: used to represent a section that is quoted from another source.
-- **Inline Quotation (`q`) element**: used to represent a short inline quotation.
-- **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
-- **Contact Address (`address`) element**: used to represent the contact information.
-- **(Date) Time (`time`) element**: used to represent a date and/or time.
-- **Superscript (`sup`) element**: used to represent superscript text.
-- **Subscript (`sub`) element**: used to represent subscript text.
-- **Inline Code (`code`) element**: used to represent a fragment of computer code.
-- **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
-- **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
+- **Emphasis (`em`) element**: Marks text that has stress emphasis.
+- **Idiomatic Text (`i`) element**: Used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
+- **Strong Importance (`strong`) element**: Marks text that has strong importance.
+- **Bring Attention To (`b`) element**: Used to bring attention to text that is not important for the meaning of the content.
+- **Description List (`dl`) element**: Used to represent a list of term-description groupings.
+- **Description Term (`dt`) element**: Used to represent the term being defined.
+- **Description Details (`dd`) element**: Used to represent the description of the term.
+- **Block Quotation (`blockquote`) element**: Used to represent a section that is quoted from another source.
+- **Inline Quotation (`q`) element**: Used to represent a short inline quotation.
+- **Abbreviation (`abbr`) element**: Used to represent an abbreviation or acronym.
+- **Contact Address (`address`) element**: Used to represent the contact information.
+- **(Date) Time (`time`) element**: Used to represent a date and/or time.
+- **Superscript (`sup`) element**: Used to represent superscript text.
+- **Subscript (`sub`) element**: Used to represent subscript text.
+- **Inline Code (`code`) element**: Used to represent a fragment of computer code.
+- **Unarticulated Annotation (`u`) element**: Used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
+- **Ruby Annotation (`ruby`) element**: Used to represent the text of a ruby annotation.
+- **Strikethrough (`s`) element**: Used to represent content that is no longer accurate or relevant.
 
 ## HTML form elements and attributes
 
-- **`form` element**: used to create an HTML form for user input.
-- **`action` attribute**: used to specify the URL where the form data should be sent.
-- **`input` element**: used to create an input field for user input.
-- **`type` attribute**: used to specify the type of input field. Ex. text, password, email, etc.
-- **`label` element**: used to create a label for an input field.
-- **`for` attribute**: used to specify which input field the label is for.
-- **Implicit form association**: inputs can be associated with labels by wrapping the input field inside the `label` element.
-- **Explicit form association**: inputs can be associated with labels by using the `for` attribute on the `label` element.
-- **`placeholder` attribute**: used to specify a short hint that describes the expected value of an input field.
-- **`button` element**: used to create a clickable button. Ex. submit, reset, button.
-- **`value` attribute**: used to specify the value of the button.
-- **`required` attribute**: used to specify that an input field must be filled out before submitting the form.
-- **`size` attribute**: used to specify the width of an input field.
-- **`minlength` attribute**: used to specify the minimum number of characters required in an input field.
-- **`maxlength` attribute**: used to specify the maximum number of characters allowed in an input field.
-- **`disabled` attribute**: used to specify that an input field should be disabled.
-- **`readonly` attribute**: used to specify that an input field is read-only.
-- **Focused state**: this is the state of an input field when it is selected by the user.
+- **`form` element**: Used to create an HTML form for user input.
+- **`action` attribute**: Used to specify the URL where the form data should be sent.
+- **`input` element**: Used to create an input field for user input.
+- **`type` attribute**: Used to specify the type of input field. Ex. text, password, email, etc.
+- **`label` element**: Used to create a label for an input field.
+- **`for` attribute**: Used to specify which input field the label is for.
+- **Implicit form association**: Inputs can be associated with labels by wrapping the input field inside the `label` element.
+- **Explicit form association**: Inputs can be associated with labels by using the `for` attribute on the `label` element.
+- **`placeholder` attribute**: Used to specify a short hint that describes the expected value of an input field.
+- **`button` element**: Used to create a clickable button. Ex. submit, reset, button.
+- **`value` attribute**: Used to specify the value of the button.
+- **`required` attribute**: Used to specify that an input field must be filled out before submitting the form.
+- **`size` attribute**: Used to specify the width of an input field.
+- **`minlength` attribute**: Used to specify the minimum number of characters required in an input field.
+- **`maxlength` attribute**: Used to specify the maximum number of characters allowed in an input field.
+- **`disabled` attribute**: Used to specify that an input field should be disabled.
+- **`readonly` attribute**: Used to specify that an input field is read-only.
+- **Focused state**: This is the state of an input field when it is selected by the user.
 
 ## HTML Table elements and attributes
 
-- **Table element**: used to create an HTML table.
-- **Table Head (`thead`) element**: used to group the header content in an HTML table.
-- **Table Row (`tr`) element**: used to create a row in an HTML table.
-- **Table Header (`th`) element**: used to create a header cell in an HTML table.
-- **`colspan` attribute**: used to specify the number of columns a header cell should span.
-- **Table body (`tbody`) element**: used to group the body content in an HTML table.
-- **Table Data Cell (`td`) element**: used to create a data cell in an HTML table.
-- **Table Foot (`tfoot`) element**: used to group the footer content in an HTML table.
+- **Table element**: Used to create an HTML table.
+- **Table Head (`thead`) element**: Used to group the header content in an HTML table.
+- **Table Row (`tr`) element**: Used to create a row in an HTML table.
+- **Table Header (`th`) element**: Used to create a header cell in an HTML table.
+- **`colspan` attribute**: Used to specify the number of columns a header cell should span.
+- **Table body (`tbody`) element**: Used to group the body content in an HTML table.
+- **Table Data Cell (`td`) element**: Used to create a data cell in an HTML table.
+- **Table Foot (`tfoot`) element**: Used to group the footer content in an HTML table.
 
 ## HTML Tools
 
-- **HTML validator**: a tool that checks the syntax of HTML code to ensure it is valid.
-- **DOM inspector**: a tool that allows you to inspect and modify the HTML structure of a web page.
-- **Devtools**: a set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
+- **HTML validator**: A tool that checks the syntax of HTML code to ensure it is valid.
+- **DOM inspector**: A tool that allows you to inspect and modify the HTML structure of a web page.
+- **Devtools**: A set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
 
 ## Introduction to Accessibility
 
@@ -127,11 +128,11 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -139,26 +140,26 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps screen readers and other assistive technologies understand the content of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
-- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
-- **`aria-hidden` attribute**: Used to hide an element from assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to associate an element with another element that describes it. This helps screen readers and other assistive technologies understand the purpose of the element.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
+- **`aria-hidden` attribute**: Used to hide an element from assistive technologies such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This helps assistive technologies understand the purpose of the element.
 
 # --assignment--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
index e84ae23c5c..8c3f6af11a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
@@ -76,7 +76,7 @@ console.log(second); // "banana"
 console.log(third); // "orange"
 ```
 
-- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven’t been destructured into a new array.
+- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven't been destructured into a new array.
 
 ```js
 const fruits = ["apple", "banana", "orange", "mango", "kiwi"];
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
index 425c938655..0ba5228a9d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
@@ -36,9 +36,9 @@ function pauseAudio() {
 ## Different Audio and Video Formats
 
 - **MIME type**: A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type. The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
-- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user’s current environment.
+- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user's current environment.
 - **MP3**: This is a type of digital file format used to store music, audio, or sound. It's a compressed version of a sound recording that makes the file size smaller, so it's easier to store and share. An MP3 file has the MIME type audio/mp3
-- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it’s a video file or audio-only.
+- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it's a video file or audio-only.
 
 ## codecs
 
@@ -50,7 +50,7 @@ function pauseAudio() {
 
 ## Media Capture and Streams API
 
-- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user’s hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
+- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
 
 ```js
 window.navigator.mediaDevices.getUserMedia({
@@ -72,7 +72,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Screen Capture API
 
-- **Definition**: The Screen Capture API is used to record a user’s screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+- **Definition**: The Screen Capture API is used to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
 
 ## MediaStream Recording API
 
@@ -80,7 +80,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Media Source Extensions API
 
-- **topic**: The Media Source Extensions API is what allows you to directly pass a user’s webcam feed to a video element with the `srcObject` property.
+- **topic**: The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property.
 
 ## Web Audio API
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
index 497f523801..bac65e3eef 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
@@ -38,7 +38,7 @@ selectEl.addEventListener("change", (e) => {
 
 ## Event Bubbling
 
-- **Definition**: Event bubbling, or propagation, refers to how an event “bubbles up” to parent objects when triggered.
+- **Definition**: Event bubbling, or propagation, refers to how an event "bubbles up" to parent objects when triggered.
 
 ## Event Delegation
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
index 6af2aefde7..2852de734d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
@@ -152,7 +152,7 @@ const num = 4;
 console.log(-num); // -4
 ```
 
-- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it’s `false`, it becomes `true`. 
+- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it's `false`, it becomes `true`. 
 
 ## Bitwise Operators
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
index 9b25149e70..d401947daf 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
@@ -11,7 +11,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Regular Expressions and Common Methods
 
-- **Definition**: Regular Expressions, or Regex, are used to create a “pattern”, which you can then use to check against a string, extract text, and more.
+- **Definition**: Regular Expressions, or Regex, are used to create a "pattern", which you can then use to check against a string, extract text, and more.
 
 ```js
 const regex = /freeCodeCamp/;
@@ -65,7 +65,7 @@ for (let match of iterator) {
 
 ## Regular Expression Modifiers
 
-- **Definition**: Modifiers, often referred to as “flags”, modify the behavior of a regular expression.
+- **Definition**: Modifiers, often referred to as "flags", modify the behavior of a regular expression.
 - **`i` Flag**: This flag makes a regex ignore case.
 
 ```js
@@ -82,7 +82,7 @@ console.log(regex.test("freeCodeCamp")); // true
 console.log(regex.test("freeCodeCamp is great")); // false
 ```
 
-- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says “match the start of the string”. The `$` anchor, at the end of the regular expression, says “match the end of the string”.
+- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says "match the start of the string". The `$` anchor, at the end of the regular expression, says "match the end of the string".
 
 ```js
 const start = /^freeCodeCamp/i;
@@ -194,7 +194,7 @@ const regex = /^\d{4}$/;
 
 ## Capturing Groups and Backreferences
 
-- **Capturing Groups**: A capturing group allows you to “capture” a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+- **Capturing Groups**: A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
 
 ```js
 const regex = /free(code)camp/i;
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
index 562fab5a8f..b1519c457b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
@@ -62,7 +62,7 @@ console.log(char);  // A
 ## Other Common String Methods
 
 - **The `indexOf` Method**: This method is used to search for a substring within a string. If the substring is found, `indexOf` returns the index (or position) of the first occurrence of that substring. If the substring is not found, `indexOf` returns -1, which indicates that the search was unsuccessful.
-- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true otherwise, it returns false.
+- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true. Otherwise, it returns false.
 - **The `slice()` Method**: This method extracts a portion of a string and returns a new string, without modifying the original string. It takes two parameters: the starting index and the optional ending index.
 - **The `toUpperCase()` Method**: This method converts all the characters to uppercase letters and returns a new string with all uppercase characters.
 - **The `toLowerCase()` Method**: This method converts all characters in a string to lowercase.
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
index a43eadb8af..27b76f9cce 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
@@ -15,7 +15,7 @@ While HTML and CSS provide website structure, JavaScript brings interactivity to
 
 ## Data Types in JavaScript
 
-Data types help the program understand the kind of data it’s working with, whether it's a number, text, or something else.
+Data types help the program understand the kind of data it's working with, whether it's a number, text, or something else.
 
 - **Number**: A number represents both integers and floating-point values. Examples of integers include 7, 19, and 90.
 - **Floating point**: A floating point number is a number with a decimal point. Examples include 3.14, 0.5, and 0.0001.
@@ -80,7 +80,7 @@ const cityName = 'New York';
 cityName = 'Los Angeles'; // TypeError: Assignment to constant variable.
 ```
 
-- Variables declared using `const` find uses in declaring constants, that are not allowed to change through out the code, such as `PI` or `MAX_SIZE`.
+- Variables declared using `const` find uses in declaring constants, that are not allowed to change throughout the code, such as `PI` or `MAX_SIZE`.
 
 ## Variable Naming Conventions
 
@@ -201,7 +201,7 @@ let isLoggedin = true;
 console.log(typeof isLoggedin); // boolean
 ```
 
-- However, there’s a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
+- However, there's a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
 
 ```js
 let user = null;
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md b/curriculum/challenges/espanol/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
index a7e99d583a..3343a69ca7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
@@ -16,7 +16,7 @@ While HTML and CSS provide website structure, JavaScript brings interactivity to
 
 ## Data Types in JavaScript
 
-Data types help the program understand the kind of data it’s working with, whether it's a number, text, or something else.
+Data types help the program understand the kind of data it's working with, whether it's a number, text, or something else.
 
 - **Number**: A number represents both integers and floating-point values. Examples of integers include 7, 19, and 90.
 - **Floating point**: A floating point number is a number with a decimal point. Examples include 3.14, 0.5, and 0.0001.
@@ -202,7 +202,7 @@ let isLoggedin = true;
 console.log(typeof isLoggedin); // boolean
 ```
 
-- However, there’s a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
+- However, there's a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
 
 ```js
 let user = null;
@@ -262,7 +262,7 @@ console.log(char);  // A
 ## Other Common String Methods
 
 - **The `indexOf` Method**: This method is used to search for a substring within a string. If the substring is found, `indexOf` returns the index (or position) of the first occurrence of that substring. If the substring is not found, `indexOf` returns -1, which indicates that the search was unsuccessful.
-- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true otherwise, it returns false.
+- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true. Otherwise, it returns false.
 - **The `slice()` Method**: This method extracts a portion of a string and returns a new string, without modifying the original string. It takes two parameters: the starting index and the optional ending index.
 - **The `toUpperCase()` Method**: This method converts all the characters to uppercase letters and returns a new string with all uppercase characters.
 - **The `toLowerCase()` Method**: This method converts all characters in a string to lowercase.
@@ -416,7 +416,7 @@ const num = 4;
 console.log(-num); // -4
 ```
 
-- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it’s `false`, it becomes `true`. 
+- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it's `false`, it becomes `true`. 
 
 ## Bitwise Operators
 
@@ -669,7 +669,7 @@ console.log(second); // "banana"
 console.log(third); // "orange"
 ```
 
-- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven’t been destructured into a new array.
+- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven't been destructured into a new array.
 
 ```js
 const fruits = ["apple", "banana", "orange", "mango", "kiwi"];
@@ -1381,7 +1381,7 @@ console.log(hasSomeEvenNumbers); // true
 - **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs.
 - **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript.
 - **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website.
-- **DOM**: The DOM stands for Document Object Model. It’s a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It’s the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
+- **DOM**: The DOM stands for Document Object Model. It's a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It's the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
 - **`navigator` Interface**: This provides information about the browser environment, such as the user agent string, the platform, and the version of the browser. A user agent string is a text string that identifies the browser and operating system being used.
 - **`window` Interface**: This represents the browser window that contains the DOM document. It provides methods and properties for interacting with the browser window, such as resizing the window, opening new windows, and navigating to different URLs.
 
@@ -1746,7 +1746,7 @@ selectEl.addEventListener("change", (e) => {
 
 ## Event Bubbling
 
-- **Definition**: Event bubbling, or propagation, refers to how an event “bubbles up” to parent objects when triggered.
+- **Definition**: Event bubbling, or propagation, refers to how an event "bubbles up" to parent objects when triggered.
 
 ## Event Delegation
 
@@ -1779,7 +1779,7 @@ const developerObj = {
 developerObj.map()
 ```
 
-- **RangeError**: These errors happen when your code tries to use a value that’s outside the range of what JavaScript can handle.
+- **RangeError**: These errors happen when your code tries to use a value that's outside the range of what JavaScript can handle.
 
 ```js
 const arr = [];
@@ -1801,7 +1801,7 @@ function validateNumber(input) {
 
 ## `try...catch...finally`
 
-- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It’s commonly used for cleanup tasks, such as closing files or releasing resources.
+- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It's commonly used for cleanup tasks, such as closing files or releasing resources.
 
 ```js
 function processInput(input) {
@@ -1848,7 +1848,7 @@ console.dir(document);
 
 ## Regular Expressions and Common Methods
 
-- **Definition**: Regular Expressions, or Regex, are used to create a “pattern”, which you can then use to check against a string, extract text, and more.
+- **Definition**: Regular Expressions, or Regex, are used to create a "pattern", which you can then use to check against a string, extract text, and more.
 
 ```js
 const regex = /freeCodeCamp/;
@@ -1902,7 +1902,7 @@ for (let match of iterator) {
 
 ## Regular Expression Modifiers
 
-- **Definition**: Modifiers, often referred to as “flags”, modify the behavior of a regular expression.
+- **Definition**: Modifiers, often referred to as "flags", modify the behavior of a regular expression.
 - **`i` Flag**: This flag makes a regex ignore case.
 
 ```js
@@ -1919,7 +1919,7 @@ console.log(regex.test("freeCodeCamp")); // true
 console.log(regex.test("freeCodeCamp is great")); // false
 ```
 
-- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says “match the start of the string”. The `$` anchor, at the end of the regular expression, says “match the end of the string”.
+- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says "match the start of the string". The `$` anchor, at the end of the regular expression, says "match the end of the string".
 
 ```js
 const start = /^freeCodeCamp/i;
@@ -2031,7 +2031,7 @@ const regex = /^\d{4}$/;
 
 ## Capturing Groups and Backreferences
 
-- **Capturing Groups**: A capturing group allows you to “capture” a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+- **Capturing Groups**: A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
 
 ```js
 const regex = /free(code)camp/i;
@@ -2046,7 +2046,7 @@ console.log("freecoooooooodecamp".replace(regex, "paid$1world"));
 
 ## Validating Forms with JavaScript
 
-- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user’s provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
+- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
 - **`checkValidity()` method**: This method returns `true` if the element matches all HTML validation (based on its attributes), and `false` if it fails.
 
 ```js
@@ -2098,7 +2098,7 @@ button.addEventListener('click',(event) => {
 ## Submitting Forms
 
 - **Definition**: There are three ways a form can be submitted. The first is when the user clicks a button in the form which has the `type` attribute set to `submit`. The second is when the user presses the `Enter` key on any editable `input` field in the form. The third is through a JavaScript call to the `requestSubmit()` or `submit()` methods of the `form` element.
-- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page’s URL.
+- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page's URL.
 
 ```js
 <form action="https://freecodecamp.org">
@@ -2219,9 +2219,9 @@ function pauseAudio() {
 ## Different Audio and Video Formats
 
 - **MIME type**: A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type. The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
-- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user’s current environment.
+- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user's current environment.
 - **MP3**: This is a type of digital file format used to store music, audio, or sound. It's a compressed version of a sound recording that makes the file size smaller, so it's easier to store and share. An MP3 file has the MIME type audio/mp3
-- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it’s a video file or audio-only.
+- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it's a video file or audio-only.
 
 ## codecs
 
@@ -2233,7 +2233,7 @@ function pauseAudio() {
 
 ## Media Capture and Streams API
 
-- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user’s hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
+- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
 
 ```js
 window.navigator.mediaDevices.getUserMedia({
@@ -2255,7 +2255,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Screen Capture API
 
-- **Definition**: The Screen Capture API is used to record a user’s screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+- **Definition**: The Screen Capture API is used to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
 
 ## MediaStream Recording API
 
@@ -2263,7 +2263,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Media Source Extensions API
 
-- **topic**: The Media Source Extensions API is what allows you to directly pass a user’s webcam feed to a video element with the `srcObject` property.
+- **topic**: The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property.
 
 ## Web Audio API
 
@@ -2335,9 +2335,9 @@ console.log(map); // Map(3) { 'flower' => 'rose', 'fruit' => 'apple', 'vegetable
 ## Create, Read, Update, Delete (CRUD)
 
 - **Create**: This refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
-- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you're performing a read operation to fetch and display data stored in the database.
 - **Update**: This involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
-- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you're performing a delete operation.
 
 ## HTTP Methods
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md b/curriculum/challenges/espanol/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
index b8d05c1f1f..57a3a0c8e2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
@@ -16,9 +16,9 @@ Review the concepts below to prepare for the upcoming quiz.
 ## Create, Read, Update, Delete (CRUD)
 
 - **Create**: This refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
-- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you're performing a read operation to fetch and display data stored in the database.
 - **Update**: This involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
-- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you're performing a delete operation.
 
 ## HTTP Methods
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md b/curriculum/challenges/espanol/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
index 9b2c7e68ff..8ccd73190c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
@@ -138,7 +138,7 @@ function Child(props) {
 }
 ```
 
-You can pass multiple props using the spread operator `(...)`, after converting them to an object. Here’s an example:
+You can pass multiple props using the spread operator `(...)`, after converting them to an object. Here's an example:
 
 ```jsx
 // Parent component
diff --git a/curriculum/challenges/espanol/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md b/curriculum/challenges/espanol/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
index 6f610660e1..22f275bcb5 100644
--- a/curriculum/challenges/espanol/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
+++ b/curriculum/challenges/espanol/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
@@ -33,12 +33,13 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
 - **Contact Address (`address`) element**: used to represent the contact information.
 - **(Date) Time (`time`) element**: used to represent a date and/or time. The `datetime` attribute is used to translate dates and times into a machine-readable format.
+- **ISO 8601 Date (`datetime`) attribute**: used to represent dates and times in a machine-readable format. The standard format is `YYYY-MM-DDThh:mm:ss`.
 - **Superscript (`sup`) element**: used to represent superscript text.
 - **Subscript (`sub`) element**: used to represent subscript text.
 - **Inline Code (`code`) element**: used to represent a fragment of computer code.
 - **Preformatted Text (`pre`) element**: represents preformatted text
 - **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
+- **Ruby Annotation (`ruby`) element**: used for annotating text with pronunciation or meaning explanations. An example usage is for East Asian typography.
 - **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
 
 # --assignment--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md b/curriculum/challenges/espanol/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
index ded8b68a04..cf5b3378ea 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
@@ -7,7 +7,7 @@ dashedName: step-29
 
 # --description--
 
-Se ve bien. Es hora de empezar a añadir algunos elementos al menú. Añade un elemento `article` vacío debajo del título `Coffee`. Contendrá el sabor y precio de cada café que estás ofreciendo.
+It's looking good. Es hora de empezar a añadir algunos elementos al menú. Añade un elemento `article` vacío debajo del título `Coffee`. Contendrá el sabor y precio de cada café que estás ofreciendo.
 
 # --hints--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
index 65223d73bb..6ab42100a2 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
@@ -65,7 +65,7 @@ You should assign the `#output` element to `output`.
 ```js
 // assert.deepEqual(output, document.getElementById('output')); cannot be used,
 // as browser defines `output` variable on it own for `#output`.
-assert.match(code, /const\s+output\s*=\s*document.getElementById\(('|")output\1\)/);
+assert.match(code, /const\s+output\s*=\s*document\.getElementById\(('|")output\1\)/);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
index 203947b61e..936462caf7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
@@ -18,13 +18,13 @@ Open up the console to see the result. In the next step, you will learn more abo
 You should have a `console.log` below your `isInvalidInput` function.
 
 ```js
-assert.match(code, /console.log\(/);
+assert.match(code, /console\.log\(/);
 ```
 
 Your console statement should have the value of `isInvalidInput("1e3")`.
 
 ```js
-assert.match(code, /console.log\(isInvalidInput\(('|")1e3\s*\1\);?\)/);
+assert.match(code, /console\.log\(isInvalidInput\(('|")1e3\s*\1\);?\)/);
 
 ```
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
index b1f808ba93..08a71268db 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
@@ -31,13 +31,13 @@ Open up the console to see the result. You will learn more about what this resul
 You should have a `console.log` below your `isInvalidInput` function.
 
 ```js
-assert.match(code, /console.log\(/);
+assert.match(code, /console\.log\(/);
 ```
 
 Your console statement should have the value of `isInvalidInput("10")`.
 
 ```js
-assert.match(code, /console.log\(isInvalidInput\(('|")10\s*\1\);?\)/);
+assert.match(code, /console\.log\(isInvalidInput\(('|")10\s*\1\);?\)/);
 
 ```
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
index cc6ce6d01e..d9080dfe2d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
@@ -18,7 +18,7 @@ Now that you have finished testing your `isInvalidInput` function, you can remov
 You should remove your `console.log(isInvalidInput("10"));`.
 
 ```js
-assert.notMatch(code, /console.log\(isInvalidInput\("10"\)\);?/g)
+assert.notMatch(code, /console\.log\(isInvalidInput\("10"\)\);?/g)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md b/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
index b8e42b9307..6751691733 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
@@ -15,7 +15,7 @@ Here is an example linking to `https://www.freecodecamp.org`:
 <a href="https://www.freecodecamp.org"></a>
 ```
 
-Add an anchor element after the paragraph that links to `https://freecatphotoapp.com`. At this point, the link won’t show up in the preview.
+Add an anchor element after the paragraph that links to `https://freecatphotoapp.com`. At this point, the link won't show up in the preview.
 
 # --hints--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md b/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
index b25a8cbdd9..e2018d6612 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
@@ -28,7 +28,8 @@ assert.match(code, /<\/ul>/);
 The `ul` element should be above the second `section` element's closing tag.
 
 ```js
-const secondSectionLastElemNode = $('main > section')[1].lastElementChild;
+const secondSectionLastElemNode =
+  document.querySelectorAll('main > section')[1].lastElementChild;
 assert.equal(secondSectionLastElemNode.nodeName, 'UL');
 ```
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md b/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
index fc6529131a..c13f28167a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
@@ -7,7 +7,7 @@ dashedName: step-11
 
 # --description--
 
-To give the markers different colors, you’ll need to add a unique class to each one. You can add multiple classes to an element by listing them in the `class` attribute and separating them with a space. For example, the following code adds both the `animal` and `dog` classes to a `div` element:
+To give the markers different colors, you'll need to add a unique class to each one. You can add multiple classes to an element by listing them in the `class` attribute and separating them with a space. For example, the following code adds both the `animal` and `dog` classes to a `div` element:
 
 ```html
 <div class="animal dog">
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md b/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
index 75f886d201..fd00f7b450 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
@@ -7,7 +7,7 @@ dashedName: step-26
 
 # --description--
 
-Now that you've practiced with secondary colors, let’s review how to create <dfn>tertiary colors</dfn>. Tertiary colors are created by combining a primary color with a nearby secondary color.
+Now that you've practiced with secondary colors, let's review how to create <dfn>tertiary colors</dfn>. Tertiary colors are created by combining a primary color with a nearby secondary color.
 
 To create the tertiary color orange, update the `rgb` function in the `.one` CSS rule by setting red to its maximum value (`255`) and green to `127`.
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md b/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
index 68c7140938..a3b21beb34 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
@@ -7,13 +7,13 @@ dashedName: step-15
 
 # --description--
 
-Add a new selector that targets the pseudoelement `::before` of the `h1` element,
+You can add an emoji in front of the title using the pseudo-element `::before` of the `h1` element.
 
-Use the `content` property to put the emoji 🥳 in front of the title: give it a value of `"🥳 "` (note there is a space after the emoji).
+Create an `h1::before` selector, give it a `content` property and set its value to `"🥳 "` (note there is a space after the emoji).
 
 # --hints--
 
-You should have a `h1::before` selector.
+You should have an `h1::before` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::before"));
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md b/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
index d0d04e7815..62eb6a5184 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
@@ -7,11 +7,13 @@ dashedName: step-16
 
 # --description--
 
-Now you can do something similar to add the emoji also after the title: create a `h1::after` selector, give it a `content` property and set the value to `" 🥳"` (note there is a space before the emoji).
+Now you can do something similar to add the emoji also after the title.
+
+Create a selector that targets the pseudo-element `::after` of the `h1` element. Give it a `content` property and set its value to `" 🥳"` (note there is a space before the emoji).
 
 # --hints--
 
-You should have a `h1::after` selector.
+You should have an `h1::after` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::after"));
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md b/curriculum/challenges/espanol/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
index 14d4bdfe71..889e07f26f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
@@ -27,7 +27,7 @@ Your `label` element should have a `for` attribute set to `"age"`.
 assert.isNotNull(document.querySelector('label[for="age"]'));
 ```
 
-You `label` element should have the text `Age (optional):`.
+Your `label` element should have the text `Age (optional):`.
 
 ```js
 assert.strictEqual(document.querySelector('label[for="age"]').textContent, "Age (optional):");
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
index ba73c877ea..cc598c8c5c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
@@ -11,7 +11,7 @@ The rest of the objects representing the books have been filled in for you. You
 
 Now, you should start working on getting several common parts of the books.
 
-Start by displaying all the books. Create a `displayBooks` function with a `catalog` parameter. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the `library` array.
+Start by displaying all the books. Create a `displayBooks` function with a parameter accepting an array with book objects. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the array passed to function.
 
 # --hints--
 
@@ -21,10 +21,10 @@ You should create a `displayBooks` function.
 assert.isFunction(displayBooks)
 ```
 
-Your `displayBooks` function should have a `catalog` parameter.
+Your `displayBooks` function should have one parameter.
 
 ```js
-assert.match(displayBooks.toString(), /catalog/)
+assert.lengthOf(displayBooks, 1)
 ```
 
 Your `displayBooks` function should use a higher order function. Ex. (`filter`, `map`, `reduce`)
@@ -39,24 +39,42 @@ Your `displayBooks` function should return a string.
 assert.isString(displayBooks(library))
 ```
 
-Your `displayBooks` function should have each book title, author and pages in it.
+Your `displayBooks` function should return each book title, author and number of pages, for all books in the array passed to it.
 
 ```js
+const libraryBooks = displayBooks(library);
 library.forEach((book) => {
-  assert.include(displayBooks(library), book.title);
-  assert.include(displayBooks(library), book.author);
-  assert.include(displayBooks(library), book.pages.toString());
+  assert.include(libraryBooks, book.title);
+  assert.include(libraryBooks, book.author);
+  assert.include(libraryBooks, book.pages.toString());
 });
-```
-
-Your `displayBooks` function should contain the total of `8` books available in the library.
-
-```js
-function getNumOfBooks(catalog) {
-  return catalog.map(book => `${book.title} by ${book.author}`);
-}
 
-assert.lengthOf(getNumOfBooks(library), 8);
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+const _differentBooks = displayBooks(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(_differentBooks, book.title);
+  assert.include(_differentBooks, book.author);
+  assert.include(_differentBooks, book.pages.toString());
+});
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
index f41268b973..29ead98bb3 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
@@ -9,7 +9,7 @@ dashedName: step-5
 
 To display the book summaries, you can use the `about` property of each book.
 
-Create a `getBookSummaries` function with a `catalog` parameter. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
+Create a `getBookSummaries` function with a single parameter, accepting an array with book objects. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
 
 # --hints--
 
@@ -19,10 +19,10 @@ You should create a `getBookSummaries` function.
 assert.isFunction(getBookSummaries)
 ```
 
-Your `getBookSummaries` function should have a `catalog` parameter.
+Your `getBookSummaries` function should have one parameter.
 
 ```js
-assert.match(getBookSummaries.toString(), /catalog/)
+assert.lengthOf(getBookSummaries, 1)
 ```
 
 Your `getBookSummaries` function should return an array.
@@ -37,17 +37,59 @@ Your `getBookSummaries` function should use a higher order function. Ex. (`filte
 assert.match(getBookSummaries.toString(), /filter|map|reduce|forEach/);
 ```
 
-Your `getBookSummaries` function should contain the total of `8` books available in the library.
+Your `getBookSummaries` function should return an array with the same length as the array passed to it.
 
 ```js
 assert.lengthOf(getBookSummaries(library), 8);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBookSummaries(_differentLibrary), 3);
 ```
 
-Your `getBookSummaries` function should have the `about` property of each book in the library.
+Your `getBookSummaries` function should return an array with the `about` property of each book from the array passed to it.
 
 ```js
+const summaries = getBookSummaries(library);
 library.forEach((book) => {
-  assert.include(getBookSummaries(library), book.about);
+  assert.include(summaries, book.about);
+});
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+];
+const differentSummaries = getBookSummaries(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(differentSummaries, book.about);
 });
 ```
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
index 21f88904bf..da8f4aa2b4 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
@@ -9,7 +9,7 @@ dashedName: step-6
 
 Another useful thing to do is to get the books by their author.
 
-Create a `getBooksByAuthor` function with a `catalog` and `author` parameters.
+Create a `getBooksByAuthor` function with two parameters - an array with book objects and a string with the author.
 
 The function must return an array that contains the books by a particular author.
 
@@ -21,10 +21,10 @@ You should create a `getBooksByAuthor` function.
 assert.isFunction(getBooksByAuthor)
 ```
 
-Your `getBooksByAuthor` function should have a `catalog` and `author` parameters.
+Your `getBooksByAuthor` function should have two parameters.
 
 ```js
-assert.match(getBooksByAuthor.toString(), /catalog,\s*author|author,\s*catalog/)
+assert.lengthOf(getBooksByAuthor, 2)
 ```
 
 Your `getBooksByAuthor` function should return an array.
@@ -57,6 +57,29 @@ assert.lengthOf(pbdBook, 1);
 assert.lengthOf(johnGordon, 1);
 assert.lengthOf(jamesClearBook, 1);
 assert.lengthOf(JDAndSDBook, 1);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author B',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author B'), 2);
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author A'), 1);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
index 3b201fdda8..4825c1b615 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
@@ -7,7 +7,7 @@ dashedName: step-7
 
 # --description--
 
-Finally, create a `getTotalPages` function with a `catalog` parameter. The function should return the total number of all the pages of the books in the `library` array.
+Finally, create a `getTotalPages` function with a single parameter, accepting an array with book objects. The function should return the total number of pages in the books from the array passed to the function.
 
 # --hints--
 
@@ -18,10 +18,10 @@ You should create a `getTotalPages` function.
 assert.isFunction(getTotalPages)
 ```
 
-Your `getTotalPages` function should have a `catalog` parameter.
+Your `getTotalPages` function should have one parameter.
 
 ```js
-assert.match(getTotalPages.toString(), /catalog/)
+assert.lengthOf(getTotalPages, 1)
 ```
 
 Your `getTotalPages` function should return a number.
@@ -30,10 +30,32 @@ Your `getTotalPages` function should return a number.
 assert.isNumber(getTotalPages(library))
 ```
 
-Your `getTotalPages` function should return the number `2512`.
+Your `getTotalPages` function should return the total number of pages in the books from the array passed to it.
 
 ```js
-assert.equal(getTotalPages(library), 2512);
+assert.strictEqual(getTotalPages(library), 2512);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+]
+assert.strictEqual(getTotalPages(_differentLibrary), 944);
 ```
 
 Your `getTotalPages` function should use a higher order function. Ex. (`filter`, `map`, `reduce`).
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md b/curriculum/challenges/espanol/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
index 21742924b4..e76a9950e8 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
@@ -9,9 +9,9 @@ dashedName: step-3
 
 To check which loan a user is qualified for based on the `annualIncome` and `creditScore`, you have to use `if/else if` statement or a ternary right inside the `getLoanMessage` function. You'll then return the appropriate message in the block of each condition.
 
-Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than `minCreditScoreForDuplex`.
+Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than or equal to `minCreditScoreForDuplex`.
 
-If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a car, duplex and Condo loan."`
+If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a duplex, condo, and car loan."`
 
 # --hints--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
index d4471a3172..63a7d506ec 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
@@ -1,7 +1,7 @@
 ---
 id: 673339d96c56d36e963e888e
 title: Step 1
-challengeType: 0
+challengeType: 1
 dashedName: step-1
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
index 434eb4d4ac..421376dfb1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5632fb854bc6c58dc0d
 title: Step 2
-challengeType: 0
+challengeType: 1
 dashedName: step-2
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
index e05e5e890d..202f4abcdc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5e6f210c1bd1afdf8b3
 title: Step 3
-challengeType: 0
+challengeType: 1
 dashedName: step-3
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
index 6a4c5cdab3..9231de5784 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
@@ -1,7 +1,7 @@
 ---
 id: 67349ba230cff237c0f2bdf2
 title: Step 4
-challengeType: 0
+challengeType: 1
 dashedName: step-4
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
index c95db6fd0a..b791a99086 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
@@ -1,7 +1,7 @@
 ---
 id: 67349d6e726b2c3c7f7301e8
 title: Step 5
-challengeType: 0
+challengeType: 1
 dashedName: step-5
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
index 8374f8dbda..b5bef1024f 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a13a29acdf47f2b8e161
 title: Step 6
-challengeType: 0
+challengeType: 1
 dashedName: step-6
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
index 9ae42c3995..70c34de803 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a2385c52c54d916a8b86
 title: Step 7
-challengeType: 0
+challengeType: 1
 dashedName: step-7
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
index 31b5014cb3..ec4acf3588 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
@@ -1,13 +1,13 @@
 ---
 id: 6734a606e5968a5a19b77171
 title: Step 8
-challengeType: 0
+challengeType: 1
 dashedName: step-8
 ---
 
 # --description--
 
-Keep adding the remaing plants to your catalog as you did in the previous steps.
+Keep adding the remaining plants to your catalog as you did in the previous steps.
 
 # --hints--
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
index 3ca78bd85c..590a19f03e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a772196245601e4b80e0
 title: Step 10
-challengeType: 0
+challengeType: 1
 dashedName: step-10
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
index a28eea531d..951b5ed0a9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
@@ -1,7 +1,7 @@
 ---
 id: 6734ab61e916486c80c490d1
 title: Step 11
-challengeType: 0
+challengeType: 1
 dashedName: step-11
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
index a8e29611ed..3ae74029f7 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
@@ -1,7 +1,7 @@
 ---
 id: 6734b36f1a3ce17e73327f24
 title: Step 9
-challengeType: 0
+challengeType: 1
 dashedName: step-9
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
index 04ab006c27..72caca69d1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734bbc0bd741598f942352e
 title: Step 12
-challengeType: 0
+challengeType: 1
 dashedName: step-12
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
index 60de74541c..fa9878a4c0 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
@@ -1,7 +1,7 @@
 ---
 id: 6734c10a327760a665b7d5b9
 title: Step 13
-challengeType: 0
+challengeType: 1
 dashedName: step-13
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
index bab1d29709..847b8ad457 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
@@ -1,7 +1,7 @@
 ---
 id: 6734eee1f9498cd90f9ae340
 title: Step 14
-challengeType: 0
+challengeType: 1
 dashedName: step-14
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
index 9c43b5c453..c321dc91c5 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f0ae9d1cf4dfd43a7805
 title: Step 15
-challengeType: 0
+challengeType: 1
 dashedName: step-15
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
index 02b3040660..8c8ebf9735 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f6290ebd5cfbc75996af
 title: Step 16
-challengeType: 0
+challengeType: 1
 dashedName: step-16
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
index 73474702eb..36fe62960b 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734fa225c6667121e589f7e
 title: Step 17
-challengeType: 0
+challengeType: 1
 dashedName: step-17
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
index ef11dfe9c6..1c8ca35ee1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
@@ -1,7 +1,7 @@
 ---
 id: 67350acfd2006f2777295b96
 title: Step 19
-challengeType: 0
+challengeType: 1
 dashedName: step-19
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
index e0ae1e9d5b..a80c1888f4 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
@@ -1,7 +1,7 @@
 ---
 id: 67351225403acd3d6f70ed6d
 title: Step 20
-challengeType: 0
+challengeType: 1
 dashedName: step-20
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
index 3afd6675cd..ec01519893 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
@@ -1,7 +1,7 @@
 ---
 id: 6735145b0ee741461bdbaa49
 title: Step 21
-challengeType: 0
+challengeType: 1
 dashedName: step-21
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
index ac6b1bad8c..06fb99e146 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
@@ -1,7 +1,7 @@
 ---
 id: 673521668be7905059b2d555
 title: Step 22
-challengeType: 0
+challengeType: 1
 dashedName: step-22
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
index 1b6c653301..b36412fab1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
@@ -1,7 +1,7 @@
 ---
 id: 673529d08c0d9c5a4193a465
 title: Step 23
-challengeType: 0
+challengeType: 1
 dashedName: step-23
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
index 55cac8955c..8af02f8bdc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
@@ -1,7 +1,7 @@
 ---
 id: 673762590f4bc1771c3a1e97
 title: Step 18
-challengeType: 0
+challengeType: 1
 dashedName: step-18
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
index 4e4aa92217..59dd010829 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
@@ -1,7 +1,7 @@
 ---
 id: 673788448f390305b34aa814
 title: Step 24
-challengeType: 0
+challengeType: 1
 dashedName: step-24
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
index 1a0f5add4d..98a969fec1 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a1a073a0d14c6544d301
 title: Step 25
-challengeType: 0
+challengeType: 1
 dashedName: step-25
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
index 555ac8c0bb..872d85d4cd 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a5058ff3015829ce3265
 title: Step 26
-challengeType: 0
+challengeType: 1
 dashedName: step-26
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
index acf2553d9d..87f60c941a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a95d5b431860f96ca7bb
 title: Step 27
-challengeType: 0
+challengeType: 1
 dashedName: step-27
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
index 5535ddc2b4..86d4e1cf56 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
@@ -1,7 +1,7 @@
 ---
 id: 6737ac8e4fe7ae6b91c806bd
 title: Step 28
-challengeType: 0
+challengeType: 1
 dashedName: step-28
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
index f870b317ad..56f100039e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
@@ -1,7 +1,7 @@
 ---
 id: 6737c6d5d66b5cc3dac09c7b
 title: Step 29
-challengeType: 0
+challengeType: 1
 dashedName: step-29
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
index 5667eed1f6..22eb31e16d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a5c704680355e29e077c
 title: Step 30
-challengeType: 0
+challengeType: 1
 dashedName: step-30
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
index e197b25a68..6a4d9b1d21 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a8035efec45acd8fdbf9
 title: Step 31
-challengeType: 0
+challengeType: 1
 dashedName: step-31
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
index 5d86143a24..d98957698a 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
@@ -1,7 +1,7 @@
 ---
 id: 6738ad2fd11775752d23ddc2
 title: Step 32
-challengeType: 0
+challengeType: 1
 dashedName: step-32
 ---
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
index aea603952c..4d432e095c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
@@ -7,58 +7,56 @@ dashedName: step-14
 
 # --description--
 
-You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign each to a variable name that matches the ID.
-
-Remember to use camelCase!
+You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign them to the variables `ingredientName`, `ingredientQuantity`, `unitToConvert`, `numberOfServings`, `recipeForm`, and `resultList`, respectively.
 
 # --hints--
 
-You should define an `ingredient` variable.
+You should define an `ingredientName` variable.
 
 ```js
-assert.isDefined(ingredient);
+assert.isDefined(ingredientName);
 ```
 
-Your `ingredient` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
+Your `ingredientName` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
 
 ```js
-assert.strictEqual(ingredient, document.getElementById("ingredient"));
+assert.strictEqual(ingredientName, document.getElementById('ingredient'));
 ```
 
-You should define a `quantity` variable.
+You should define a `ingredientQuantity` variable.
 
 ```js
-assert.isDefined(quantity);
+assert.isDefined(ingredientQuantity);
 ```
 
-Your `quantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
+Your `ingredientQuantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
 
 ```js
-assert.strictEqual(quantity, document.getElementById("quantity"));
+assert.strictEqual(ingredientQuantity, document.getElementById('quantity'));
 ```
 
-You should define a `unit` variable.
+You should define a `unitToConvert` variable.
 
 ```js
-assert.isDefined(unit);
+assert.isDefined(unitToConvert);
 ```
 
-Your `unit` variable should be the element returned from `.getElementById()` with the `unit` ID.
+Your `unitToConvert` variable should be the element returned from `.getElementById()` with the `unit` ID.
 
 ```js
-assert.strictEqual(unit, document.getElementById("unit"));
+assert.strictEqual(unitToConvert, document.getElementById('unit'));
 ```
 
-You should define a `servings` variable.
+You should define a `numberOfServings` variable.
 
 ```js
-assert.isDefined(servings);
+assert.isDefined(numberOfServings);
 ```
 
-Your `servings` variable should be the element returned from `.getElementById()` with the `servings` ID.
+Your `numberOfServings` variable should be the element returned from `.getElementById()` with the `servings` ID.
 
 ```js
-assert.strictEqual(servings, document.getElementById("servings"));
+assert.strictEqual(numberOfServings, document.getElementById('servings'));
 ```
 
 You should define a `recipeForm` variable.
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
index 1e10d076ad..58b5cc772d 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
@@ -218,10 +218,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
index 3f30a8427b..4094f64a66 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
@@ -191,10 +191,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
index 80e0fd7f68..9f06d4a43e 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
@@ -7,7 +7,7 @@ dashedName: step-17
 
 # --description--
 
-Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unit.value`).
+Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unitToConvert.value`).
 
 If so, you will need to convert the existing unit to your current unit, and append a list item to `resultList` with the following format:
 
@@ -20,10 +20,10 @@ For example, a conversion result of five grams for flour should look like `Flour
 Your `updateResultsList` function should properly update the DOM.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 updateResultsList();
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
 assert.include(resultList.innerHTML, "<li>Flour: 0.88 ounce</li>");
@@ -193,10 +193,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
index be34a7dd13..233026de48 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
@@ -18,10 +18,10 @@ Once that's done, take some time to experiment with different values in the form
 Your `recipeForm` should call `updateResultsList` when submitted.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 const submit = new Event("submit");
 recipeForm.dispatchEvent(submit);
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
@@ -192,10 +192,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -205,15 +205,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
@@ -384,10 +384,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -397,15 +397,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md b/curriculum/challenges/espanol/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
index 5976bb530e..3720a589a6 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
@@ -7,7 +7,7 @@ dashedName: step-6
 
 # --description--
 
-Now it’s time to get the results of the round. Complete the `getRoundResults` function.
+Now it's time to get the results of the round. Complete the `getRoundResults` function.
 
 If the player wins the round, update the `playerScore` by `1` and return the message `"Player wins! [player's choice] beats [computer's choice]"`.
 
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
index 230ed1685a..195a49d2bc 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
@@ -19,7 +19,7 @@ You should create a `getVowelCount` function.
 assert.isFunction(getVowelCount);
 ```
 
-You `getVowelCount` function should have a `sentence` parameter.
+Your `getVowelCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getVowelCount.toString(), /sentence/);
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
index fa94a06662..76ce94db31 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
@@ -21,7 +21,7 @@ You should create a `getConsonantCount` function.
 assert.isFunction(getConsonantCount);
 ```
 
-You `getConsonantCount` function should have a `sentence` parameter.
+Your `getConsonantCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getConsonantCount.toString(), /sentence/);
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
index 5aac108f9f..c9b53554f4 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
@@ -23,7 +23,7 @@ You should create a `getPunctuationCount` function.
 assert.isFunction(getPunctuationCount);
 ```
 
-You `getPunctuationCount` function should have a `sentence` parameter.
+Your `getPunctuationCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getPunctuationCount.toString(), /sentence/);
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
index c751cb4b60..925f5830c8 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
@@ -17,7 +17,7 @@ You should create a `getWordCount` function.
 assert.isFunction(getWordCount);
 ```
 
-You `getWordCount` function should have a `sentence` parameter.
+Your `getWordCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getWordCount.toString(), /sentence/);
@@ -48,13 +48,19 @@ assert.strictEqual(getWordCount("freeCodeCamp offers free coding tutorials onlin
 assert.strictEqual(getWordCount("You can learn HTML, CSS, JavaScript, and more on freeCodeCamp"), 10);
 ```
 
-Your `getWordCount` function should return the correct punctuation count for any sentence.
+Your `getWordCount` function should return the correct word count for any sentence.
 
 ```js
 assert.strictEqual(getWordCount("freeCodeCamp has a great community of kind people"), 8);
 assert.strictEqual(getWordCount("The freeCodeCamp curriculum is constantly updated"), 6);
 assert.strictEqual(getWordCount("freeCodeCamp teaches both frontend and backend development"), 7);
+```
+
+Your `getWordCount` function should return the correct word count for an empty string, or a string only with spaces.
+
+```js
 assert.strictEqual(getWordCount(""), 0);
+assert.strictEqual(getWordCount("   "), 0);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md b/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
index 826b32bdaa..fb1ef88003 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
@@ -29,6 +29,7 @@ You should update the first item in the `shoppingList` array to be `"Canola Oil"
 
 ```js
 assert.equal(shoppingList[0], "Canola Oil");
+assert.notEqual(shoppingList[1], "Vegetable Oil");
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md b/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
index 23b81a54a4..7ca95ed79c 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
@@ -13,10 +13,10 @@ And with this last step your grocery list is complete!
 
 # --hints--
 
-You should log the `shoppingList` array to the console.
+You should call the `getShoppingListMsg` function inside of the `console.log`.
 
 ```js
-assert.match(code, /console\.log\(\s*shoppingList\s*\)/);
+assert.lengthOf(code.match(/console\.log\(\s*getShoppingListMsg\(\)\s*\)/g), 7);
 ```
 
 # --seed--
@@ -112,5 +112,5 @@ console.log("On second thought, maybe we should be more health conscious.");
 shoppingList.shift();
 shoppingList[0] = "Canola Oil";
 
-console.log(shoppingList);
+console.log(getShoppingListMsg());
 ```
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md b/curriculum/challenges/espanol/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
index be85118bbc..21843201a9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
@@ -13,7 +13,7 @@ With this, you have successfully completed the workshop.
 
 # --hints--
 
-When you cick the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
+When you click the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
 
 ```js
 scaryStoryBtn.click();
@@ -36,7 +36,7 @@ assert.equal(hexColor.toLowerCase(), "#ee4b2b");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedStory);
 ```
 
-When you cick the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
+When you click the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
 
 ```js
 funnyStoryBtn.click();
@@ -59,7 +59,7 @@ assert.equal(hexColor.toLowerCase(), "#f1be32");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedFunnyStory);
 ```
 
-When you cick the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
+When you click the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
 
 ```js
 adventureStoryBtn.click();
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index f17cd3df37..440d632b22 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
index 24502aad09..154d38bdc9 100644
--- a/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/espanol/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--
 
diff --git a/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml b/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
index 28b95240e6..e3173019f8 100644
--- a/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
+++ b/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
@@ -1,5 +1,5 @@
 id: 561abd10cb81ac38a17513bc
-title: JavaScript アルゴリズムとデータ構造認定証
+title: Legacy JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml b/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
index 60fe599f23..c293153bb9 100644
--- a/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
+++ b/curriculum/challenges/japanese/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
@@ -1,5 +1,5 @@
 id: 658180220947283cdc0689ce
-title: JavaScript アルゴリズムとデータ構造 (ベータ版) 認定証
+title: JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures-v8
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/japanese/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml b/curriculum/challenges/japanese/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml
index 602ac1d857..ac51f77d93 100644
--- a/curriculum/challenges/japanese/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml
+++ b/curriculum/challenges/japanese/00-certifications/legacy-back-end-certification/legacy-back-end-certification.yml
@@ -1,5 +1,5 @@
 id: 660add10cb82ac38a17513be
-title: レガシーバックエンド認定証
+title: 旧バックエンド認定証
 certification: legacy-back-end
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/japanese/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml b/curriculum/challenges/japanese/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml
index 62bb8b7e9a..125231bce7 100644
--- a/curriculum/challenges/japanese/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml
+++ b/curriculum/challenges/japanese/00-certifications/legacy-data-visualization-certification/legacy-data-visualization-certification.yml
@@ -1,5 +1,5 @@
 id: 561add10cb82ac39a17513bc
-title: レガシーデータ可視化認定証
+title: 旧データ可視化認定証
 certification: legacy-data-visualization
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/japanese/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml b/curriculum/challenges/japanese/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml
index f44d06c1d2..b00b316e77 100644
--- a/curriculum/challenges/japanese/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml
+++ b/curriculum/challenges/japanese/00-certifications/legacy-front-end-certification/legacy-front-end-certification.yml
@@ -1,5 +1,5 @@
 id: 561add10cb82ac38a17513be
-title: レガシーフロントエンド認定証
+title: 旧フロントエンド認定証
 certification: legacy-front-end
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/japanese/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml b/curriculum/challenges/japanese/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml
index 5fa4cfcd25..8fbcf2ce30 100644
--- a/curriculum/challenges/japanese/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml
+++ b/curriculum/challenges/japanese/00-certifications/legacy-full-stack-certification/legacy-full-stack-certification.yml
@@ -1,5 +1,5 @@
 id: 561add10cb82ac38a17213bd
-title: レガシーフルスタック認定証
+title: 旧フルスタック認定証
 certification: legacy-full-stack
 challengeType: 7
 isPrivate: true
@@ -21,4 +21,4 @@ tests:
     title: API およびマイクロサービス認定証
   - 
     id: 561add10cb82ac38a17213bc
-    title: 従来の情報セキュリティと品質保証認定証
+    title: 旧情報セキュリティと品質保証認定証
diff --git a/curriculum/challenges/japanese/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml b/curriculum/challenges/japanese/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml
index 64c0dfe109..ebbc89acb9 100644
--- a/curriculum/challenges/japanese/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml
+++ b/curriculum/challenges/japanese/00-certifications/legacy-information-security-and-quality-assurance-certification/legacy-information-security-and-quality-assurance-certification.yml
@@ -1,5 +1,5 @@
 id: 561add10cb82ac38a17213bc
-title: 従来の情報セキュリティと品質保証認定証
+title: 旧情報セキュリティと品質保証認定証
 certification: legacy-information-security-and-quality-assurance
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md
index ba0a576434..a9fdb48872 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-a-negative-margin-to-an-element.md
@@ -24,7 +24,9 @@ dashedName: add-a-negative-margin-to-an-element
 `blue-box` クラスは、要素に `-15px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-top') === '-15px');
+const blueBox = document.querySelector('.blue-box');
+const marginTop = window.getComputedStyle(blueBox)["margin-top"]; 
+assert.strictEqual(marginTop, "-15px"); 
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-borders-around-your-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
index 7584a547fd..7855a85f2c 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
@@ -38,35 +38,42 @@ CSSの border には `style`、`color` および `width` のようなプロパ
 `img` 要素にはクラス `smaller-image` が必要です。
 
 ```js
-assert($('img').hasClass('smaller-image'));
+assert.isTrue(document.querySelector('img').classList.contains('smaller-image'));
 ```
 
 `img` 要素にはクラス `thick-green-border` が必要です。
 
 ```js
-assert($('img').hasClass('thick-green-border'));
+assert.isTrue(document.querySelector('img').classList.contains('thick-green-border'));
 ```
 
 画像の境界線の幅は `10px` である必要があります。
 
 ```js
-assert(
-  $('img').hasClass('thick-green-border') &&
-    parseInt($('img').css('border-top-width'), 10) >= 8 &&
-    parseInt($('img').css('border-top-width'), 10) <= 12
-);
+// Note: to any future maintainers, the read width of the border is dependent on 
+// the zoom. For example we cannot match 10px exactly because if a campers set the zoom to 110% 
+// it will be read as 9~px. 
+const image = document.querySelector('img'); 
+const imageBorderTopWidth = window.getComputedStyle(image)["border-top-width"]; 
+const widthNumber = parseInt(imageBorderTopWidth);
+assert.isAtLeast(widthNumber, 8);
+assert.isAtMost(widthNumber, 12);
 ```
 
 画像の境界線のスタイルは `solid` である必要があります。
 
 ```js
-assert($('img').css('border-right-style') === 'solid');
+const image = document.querySelector('img'); 
+const borderRightStyle = window.getComputedStyle(image)["border-right-style"]; 
+assert.strictEqual(borderRightStyle, 'solid');
 ```
 
 `img` 要素の周りの境界線は緑色でなければなりません。
 
 ```js
-assert($('img').css('border-left-color') === 'rgb(0, 128, 0)');
+const image = document.querySelector('img'); 
+const borderLeftColor = window.getComputedStyle(image)["border-left-color"]; 
+assert.strictEqual(borderLeftColor, 'rgb(0, 128, 0)');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md
index 502baf5c8c..4640e37199 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-margins-to-each-side-of-an-element.md
@@ -22,25 +22,33 @@ CSS では `margin-top`, `margin-right`, `margin-bottom`, `margin-left` のプ
 `blue-box` クラスは、要素の上側に `40px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-top') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const marginTop = window.getComputedStyle(blueBox)['margin-top'];
+assert.strictEqual(marginTop, '40px');
 ```
 
 `blue-box` クラスは、要素の右側に `20px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-right') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const marginRight = window.getComputedStyle(blueBox)['margin-right'];
+assert.strictEqual(marginRight, '20px');
 ```
 
 `blue-box` クラスは、要素の下側に `20px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-bottom') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const marginBottom = window.getComputedStyle(blueBox)['margin-bottom'];
+assert.strictEqual(marginBottom, '20px');
 ```
 
 `blue-box` クラスは、要素の左側に `40px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-left') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const marginLeft = window.getComputedStyle(blueBox)['margin-left'];
+assert.strictEqual(marginLeft,'40px');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md
index 8b4639be02..6b321f22a5 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-different-padding-to-each-side-of-an-element.md
@@ -22,25 +22,33 @@ CSS では `padding-top`, `padding-right`, `padding-bottom`, `padding-left` の
 `blue-box` クラスは、要素の上側に `40px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-top') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const paddingTop = window.getComputedStyle(blueBox)['padding-top'];
+assert.strictEqual(paddingTop, '40px');
 ```
 
 `blue-box` クラスは、要素の右側に `20px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-right') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const paddingRight = window.getComputedStyle(blueBox)['padding-right'];
+assert.strictEqual(paddingRight, '20px');
 ```
 
 `blue-box` クラスは、要素の下側に `20px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-bottom') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const paddingBottom = window.getComputedStyle(blueBox)['padding-bottom'];
+assert.strictEqual(paddingBottom, '20px');
 ```
 
 `blue-box` クラスは、要素の左側に `40px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-left') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const paddingLeft = window.getComputedStyle(blueBox)['padding-left'];
+assert.strictEqual(paddingLeft, '40px');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md
index 1f32757943..7715b0ef54 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/add-rounded-corners-with-border-radius.md
@@ -22,18 +22,23 @@ dashedName: add-rounded-corners-with-border-radius
 画像要素には `thick-green-border` クラスが必要です。
 
 ```js
-assert($('img').hasClass('thick-green-border'));
+assert.isTrue(document.querySelector('img').classList.contains('thick-green-border'));
 ```
 
 画像の境界線の角の半径は `10px` に設定されている必要があります。
 
 ```js
-assert(
-  $('img').css('border-top-left-radius') === '10px' &&
-    $('img').css('border-top-right-radius') === '10px' &&
-    $('img').css('border-bottom-left-radius') === '10px' &&
-    $('img').css('border-bottom-right-radius') === '10px'
-);
+const image = document.querySelector('img');
+const style = window.getComputedStyle(image);  
+const borderTopLeftRadius = style['border-top-left-radius']; 
+const borderTopRightRadius = style['border-top-right-radius'];
+const borderBottomLeftRadius = style['border-bottom-left-radius'];
+const borderBottomRightRadius = style['border-bottom-right-radius'];
+
+assert.strictEqual(borderTopLeftRadius, '10px');
+assert.strictEqual(borderTopRightRadius, '10px');
+assert.strictEqual(borderBottomLeftRadius, '10px');
+assert.strictEqual(borderBottomRightRadius, '10px');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md
index cf1238bb78..857bdd41cf 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-margin-of-an-element.md
@@ -24,7 +24,9 @@ dashedName: adjust-the-margin-of-an-element
 `blue-box` クラスは、要素に `20px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-top') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const marginTop = window.getComputedStyle(blueBox)['margin-top'];
+assert.strictEqual(marginTop, '20px');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md
index d44950e828..132cfa3f37 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/adjust-the-padding-of-an-element.md
@@ -30,7 +30,9 @@ dashedName: adjust-the-padding-of-an-element
 `blue-box` クラスは、要素に `20px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-top') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const paddingTop = window.getComputedStyle(blueBox)['padding-top'];
+assert.strictEqual(paddingTop, '20px');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
index da1cbae696..81757498f4 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
@@ -30,21 +30,13 @@ background: var(--penguin-skin, black);
 `penguin-top` クラスの `background` プロパティのフォールバック値に `black` を使用してください。
 
 ```js
-assert(
-  code.match(
-    /.penguin-top\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}[\s\S]*.penguin-bottom\s{/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /.penguin-top\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}[\s\S]*.penguin-bottom\s{/gi);
 ```
 
 `penguin-bottom` クラスの `background` プロパティのフォールバック値に `black` を使用してください。
 
 ```js
-assert(
-  code.match(
-    /.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\(\s*?--pengiun-skin\s*?,\s*?black\s*?\)\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
index 367e4bb8d3..55bc863273 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-a-variable-for-a-specific-area.md
@@ -22,17 +22,13 @@ dashedName: change-a-variable-for-a-specific-area
 `penguin` クラスは `--penguin-belly` 変数に `white` を再代入しているはずです。
 
 ```js
-assert(
-  code.match(/\.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi)
-);
+assert.match(__helpers.removeCssComments(code), /\.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi);
 ```
 
 `penguin` クラスに `background-color` プロパティを含めないようにしてください。
 
 ```js
-assert(
-  code.match(/^((?!background-color\s*?:\s*?)[\s\S])*$/g)
-);
+assert.match(__helpers.removeCssComments(code), /^((?!background-color\s*?:\s*?)[\s\S])*$/g);
 ```
 
 
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-color-of-text.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-color-of-text.md
index 7ec4a248ba..7f6f1ac573 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-color-of-text.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-color-of-text.md
@@ -32,19 +32,19 @@ dashedName: change-the-color-of-text
 `h2` 要素は `style` 宣言を持つ必要があります。
 
 ```js
-assert($('h2').attr('style'));
+assert.exists(document.querySelector('h2').getAttribute('style'));
 ```
 
 `h2` 要素の色は `red` に設定してください。
 
 ```js
-assert($('h2')[0].style.color === 'red');
+assert.strictEqual(document.querySelector('h2').style.color, 'red');
 ```
 
 `style` の宣言は `;` で終わるようにしてください。
 
 ```js
-assert($('h2').attr('style') && $('h2').attr('style').endsWith(';'));
+assert.isTrue(document.querySelector('h2').getAttribute('style').endsWith(';'));
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md
index c7bc540bb9..0bdad59541 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/change-the-font-size-of-an-element.md
@@ -26,7 +26,7 @@ h1 {
 `style` タグの中で `p` 要素の `font-size` を `16px` に設定してください。 ブラウザとテキストのズーム設定は 100% にする必要があります。
 
 ```js
-assert(code.match(/p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i));
+assert.match(__helpers.removeCssComments(code), /p\s*{\s*font-size\s*:\s*16\s*px\s*;\s*}/i);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
index d203da21f8..88da14db12 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/create-a-custom-css-variable.md
@@ -26,9 +26,7 @@ CSS 変数を作成するには、2 つのハイフンで始まる名前を付
 `penguin` クラスは `--penguin-skin` 変数を宣言し、`gray` を代入している必要があります。
 
 ```js
-assert(
-  code.match(/\.penguin\s*\{[^{}]*?--penguin-skin\s*:\s*gr[ae]y\s*;[^{}]*?\}/gi)
-);
+assert.match(__helpers.removeHtmlComments(code), /\.penguin\s*\{[^{}]*?--penguin-skin\s*:\s*gr[ae]y\s*;[^{}]*?\}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md
index 82aa3d99f7..9def4a2792 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/give-a-background-color-to-a-div-element.md
@@ -28,19 +28,21 @@ dashedName: give-a-background-color-to-a-div-element
 `div` 要素にはクラス `silver-background` が必要です。
 
 ```js
-assert($('div').hasClass('silver-background'));
+assert.isTrue(document.querySelector('div').classList.contains('silver-background'));
 ```
 
 `div` 要素の背景は銀色になるはずです。
 
 ```js
-assert($('div').css('background-color') === 'rgb(192, 192, 192)');
+const div = document.querySelector('div');
+const backgroundColor = window.getComputedStyle(div)['background-color']; 
+assert.strictEqual(backgroundColor, 'rgb(192, 192, 192)');
 ```
 
 `silver-background` という名前のクラスが `style` 要素内で定義され、`silver` の値が `background-color` プロパティに割り当てられている必要があります。
 
 ```js
-assert(code.match(/\.silver-background\s*{\s*background-color\s*:\s*silver\s*;?\s*}/));
+assert.match(__helpers.removeHtmlComments(code), /\.silver-background\s*{\s*background-color\s*:\s*silver\s*;?\s*}/);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/import-a-google-font.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/import-a-google-font.md
index 9cc51b35c9..16df04842d 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/import-a-google-font.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/import-a-google-font.md
@@ -40,37 +40,29 @@ GENERIC_NAME は必須ではなく、他の指定したフォントが使用で
 `Lobster` フォントをインポートする必要があります。
 
 ```js
-assert($('link[href*="googleapis" i]').length);
+assert.exists(document.querySelector('link[href*="googleapis" i]'));
 ```
 
 `h2` 要素はフォント `Lobster` を使用する必要があります。
 
 ```js
-assert(
-  $('h2')
-    .css('font-family')
-    .match(/lobster/i)
-);
+const h2 = document.querySelector('h2'); 
+const fontFamily = window.getComputedStyle(h2)['font-family']; 
+assert.match(fontFamily, /lobster/i);
 ```
 
 フォントを変更するために `h2` 要素セレクターのみを使用してください。
 
 ```js
-assert(
-  /\s*[^\.]h2\s*\{\s*font-family\s*:\s*('|"|)Lobster\1\s*(,\s*('|"|)[a-z -]+\3\s*)?(;\s*\}|\})/gi.test(
-    code
-  )
-);
+assert.match(__helpers.removeHtmlComments(code), /\s*[^\.]h2\s*\{\s*font-family\s*:\s*('|"|)Lobster\1\s*(,\s*('|"|)[a-z -]+\3\s*)?(;\s*\}|\})/gi);
 ```
 
 `p` 要素は変わらず、フォント `monospace` を使用する必要があります。
 
 ```js
-assert(
-  $('p')
-    .css('font-family')
-    .match(/monospace/i)
-);
+const paragraphElement = document.querySelector('p');
+const fontFamily = window.getComputedStyle(paragraphElement)['font-family']; 
+assert.match(fontFamily, /monospace/i);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md
index 1c6f207e93..ee2b063d8c 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/improve-compatibility-with-browser-fallbacks.md
@@ -23,12 +23,10 @@ CSS の作業をしているうちに、いつかブラウザの互換性の問
 `.red-box` のルール内において、既存の `background` 宣言の直前に、`background` が `red` に設定されたフォールバックを追加してください。
 
 ```js
-assert(
-  code
-    .replace(/\s/g, '')
-    .match(
-      /\.red-box{background:(red|#ff0000|#f00|rgb\(255,0,0\)|rgb\(100%,0%,0%\)|hsl\(0,100%,50%\));background:var\(--red-color\);height:200px;width:200px;}/gi
-    )
+const spacelessCode = __helpers.removeWhiteSpace(__helpers.removeCssComments(code));
+assert.match(
+  spacelessCode,
+  /\.red-box{background:(red|#ff0000|#f00|rgb\(255,0,0\)|rgb\(100%,0%,0%\)|hsl\(0,100%,50%\));background:var\(--red-color\);height:200px;width:200px;}/gi
 );
 ```
 
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-css-variables.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-css-variables.md
index 01638f8d00..56befd7a52 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-css-variables.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-css-variables.md
@@ -24,8 +24,9 @@ dashedName: inherit-css-variables
 `--penguin-belly` 変数は `:root` 内で宣言し、値 `pink` を代入する必要があります。
 
 ```js
-assert(
-  code.match(/:root\s*?{[\s\S]*--penguin-belly\s*?:\s*?pink\s*?;[\s\S]*}/gi)
+assert.match(
+  __helpers.removeCssComments(code),
+  /:root\s*?{[\s\S]*--penguin-belly\s*?:\s*?pink\s*?;[\s\S]*}/gi
 );
 ```
 
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
index 21c369a3c5..c74373e165 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
@@ -26,61 +26,57 @@ dashedName: inherit-styles-from-the-body-element
 `h1` 要素を作成してください。
 
 ```js
-assert($('h1').length > 0);
+assert.isNotEmpty(document.querySelectorAll('h1'));
 ```
 
 `h1` 要素のテキストは `Hello World` でなければなりません。
 
 ```js
-assert(
-  $('h1').length > 0 &&
-    $('h1')
-      .text()
-      .match(/hello world/i)
+assert.match(
+  document.querySelector('h1').textContent,
+  /hello world/i
 );
 ```
 
 `h1` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/h1>/g) &&
-    code.match(/<h1/g) &&
-    code.match(/<\/h1>/g).length === code.match(/<h1/g).length
-);
+const commentlessCode = __helpers.removeHtmlComments(code);
+assert.match(commentlessCode, /<\/h1>/g);
+assert.match(commentlessCode, /<h1/g);
+assert.lengthOf(commentlessCode.match(/<\/h1>/g), commentlessCode.match(/<h1/g).length);
 ```
 
 `body` 要素の `color` プロパティを `green` に設定してください。
 
 ```js
-assert($('body').css('color') === 'rgb(0, 128, 0)');
+const bodyElement = document.querySelector('body');
+const color = window.getComputedStyle(bodyElement)['color']; 
+assert.strictEqual(color, 'rgb(0, 128, 0)');
 ```
 
 `body` 要素の `font-family` プロパティを `monospace` に設定してください。
 
 ```js
-assert(
-  $('body')
-    .css('font-family')
-    .match(/monospace/i)
-);
+const bodyElement = document.querySelector('body');
+const fontFamily = window.getComputedStyle(bodyElement)['font-family'];
+assert.include(fontFamily.toLowerCase(), "monospace");
 ```
 
 `h1` 要素は、`body` 要素から `monospace` フォントを継承しているはずです。
 
 ```js
-assert(
-  $('h1').length > 0 &&
-    $('h1')
-      .css('font-family')
-      .match(/monospace/i)
-);
+const h1Element = document.querySelector('h1');
+const fontFamily = window.getComputedStyle(h1Element)['font-family'];
+assert.include(fontFamily.toLowerCase(), "monospace");
 ```
 
 `h1` 要素は、`body` 要素から文字色 `green` を継承しているはずです。
 
 ```js
-assert($('h1').length > 0 && $('h1').css('color') === 'rgb(0, 128, 0)');
+const h1Element = document.querySelector('h1');
+const color = window.getComputedStyle(h1Element)['color'];
+assert.strictEqual(color, 'rgb(0, 128, 0)');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md
index da40d21f8d..e310310b0b 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/make-circular-images-with-a-border-radius.md
@@ -20,13 +20,15 @@ dashedName: make-circular-images-with-a-border-radius
 画像の境界線の角の半径は `50%` に設定されており、完全に丸くなるはずです。
 
 ```js
-assert(parseInt($('img').css('border-top-left-radius')) > 48);
+const image = document.querySelector('img');
+const borderTopLeftRadius = window.getComputedStyle(image)['border-top-left-radius'];
+assert.strictEqual(parseInt(borderTopLeftRadius), 50);
 ```
 
 `border-radius` の値は `50%` のパーセンテージ値を使用する必要があります。
 
 ```js
-assert(code.match(/50%/g));
+assert.match(__helpers.removeCssComments(code), /50%/g);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md
index 894f82cdc5..97c3620002 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-all-other-styles-by-using-important.md
@@ -32,39 +32,41 @@ color: red !important;
 `h1` 要素にはクラス `pink-text` が必要です。
 
 ```js
-assert($('h1').hasClass('pink-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('pink-text'));
 ```
 
 `h1` 要素にはクラス `blue-text` が必要です。
 
 ```js
-assert($('h1').hasClass('blue-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('blue-text'));
 ```
 
 `h1` 要素には `orange-text` という `id` が必要です。
 
 ```js
-assert($('h1').attr('id') === 'orange-text');
+assert.strictEqual(document.querySelector('h1').getAttribute('id'), 'orange-text');
 ```
 
 `h1` 要素にインラインスタイルで `color: white` が指定されている必要があります。
 
 ```js
-assert(code.match(/<h1.*style/gi) && code.match(/<h1.*style.*color\s*?:/gi));
+const commentessCode = __helpers.removeHtmlComments(code);
+assert.match(commentessCode, /<h1.*style/gi);
+assert.match(commentessCode, /<h1.*style.*color\s*?:/gi);
 ```
 
 `pink-text` クラス宣言は、他のすべての宣言をオーバーライドするために `!important` キーワードを持つ必要があります。
 
 ```js
-assert(
-  code.match(/\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g)
-);
+assert.match(__helpers.removeCssComments(code), /\.pink-text\s*?\{[\s\S]*?color:.*pink.*!important\s*;?[^\.]*\}/g);
 ```
 
 `h1` 要素がピンクで表示されている必要があります。
 
 ```js
-assert($('h1').css('color') === 'rgb(255, 192, 203)');
+const h1Element = document.querySelector('h1');
+const color = window.getComputedStyle(h1Element)['color'];
+assert.strictEqual(color, 'rgb(255, 192, 203)');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md
index 0ba9005fde..956e6be7fb 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-by-styling-id-attributes.md
@@ -40,43 +40,45 @@ dashedName: override-class-declarations-by-styling-id-attributes
 `h1` 要素にはクラス `pink-text` が必要です。
 
 ```js
-assert($('h1').hasClass('pink-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('pink-text'));
 ```
 
 `h1` 要素にはクラス `blue-text` が必要です。
 
 ```js
-assert($('h1').hasClass('blue-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('blue-text'));
 ```
 
 `h1` 要素には id `orange-text` が必要です。
 
 ```js
-assert($('h1').attr('id') === 'orange-text');
+assert.strictEqual(document.querySelector('h1').getAttribute('id'),'orange-text');
 ```
 
 `h1` 要素は 1 つだけ必要です。
 
 ```js
-assert($('h1').length === 1);
+assert.lengthOf(document.querySelectorAll('h1'), 1);
 ```
 
 `orange-text` の id には CSS 宣言が必要です。
 
 ```js
-assert(code.match(/#orange-text\s*{/gi));
+assert.match(__helpers.removeCssComments(code), /#orange-text\s*{/gi);
 ```
 
 `h1` には `style` 属性を設定してはいけません。
 
 ```js
-assert(!code.match(/<h1.*style.*>/gi));
+assert.notMatch(__helpers.removeHtmlComments(code), /<h1.*style.*>/gi);
 ```
 
 `h1` 要素がオレンジで表示されている必要があります。
 
 ```js
-assert($('h1').css('color') === 'rgb(255, 165, 0)');
+const h1Element = document.querySelector('h1');
+const color = window.getComputedStyle(h1Element)['color']; 
+assert.strictEqual(color, 'rgb(255, 165, 0)');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md
index 868bd70202..1c168df3c3 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-class-declarations-with-inline-styles.md
@@ -28,31 +28,33 @@ CSS をオーバーライドする方法は他にもあります。 インライ
 `h1` 要素にはクラス `pink-text` が必要です。
 
 ```js
-assert($('h1').hasClass('pink-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('pink-text'));
 ```
 
 `h1` 要素にはクラス `blue-text` が必要です。
 
 ```js
-assert($('h1').hasClass('blue-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('blue-text'));
 ```
 
 `h1` 要素には id `orange-text` が必要です。
 
 ```js
-assert($('h1').attr('id') === 'orange-text');
+assert.strictEqual(document.querySelector('h1').getAttribute('id'), 'orange-text');
 ```
 
 `h1` 要素にインラインスタイルが必要です。
 
 ```js
-assert(document.querySelector('h1[style]'));
+assert.exists(document.querySelector('h1[style]'));
 ```
 
 `h1` 要素が白で表示されている必要があります。
 
 ```js
-assert($('h1').css('color') === 'rgb(255, 255, 255)');
+const h1Element = document.querySelector('h1');
+const color = window.getComputedStyle(h1Element)['color']; 
+assert.strictEqual(color, 'rgb(255, 255, 255)');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
index e99985c577..17b43bdeb7 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
@@ -34,25 +34,27 @@ class="class1 class2"
 `h1` 要素にはクラス `pink-text` が必要です。
 
 ```js
-assert($('h1').hasClass('pink-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('pink-text'));
 ```
 
 `h1` 要素にはクラス `blue-text` が必要です。
 
 ```js
-assert($('h1').hasClass('blue-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('blue-text'));
 ```
 
 `blue-text` と `pink-text` の両方が同じ `h1` 要素に適用されている必要があります。
 
 ```js
-assert($('.pink-text').hasClass('blue-text'));
+assert.isTrue(document.querySelector('.pink-text').classList.contains('blue-text'));
 ```
 
 `h1` 要素が青で表示されている必要があります。
 
 ```js
-assert($('h1').css('color') === 'rgb(0, 0, 255)');
+const h1Element = document.querySelector('h1');
+const color = window.getComputedStyle(h1Element)['color']; 
+assert.strictEqual(color, 'rgb(0, 0, 255)');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md
index ebeb2439c2..60b4d94e82 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/prioritize-one-style-over-another.md
@@ -26,19 +26,21 @@ HTML 要素が、互いに競合する複数のスタイル指定を受け取る
 `h1` 要素にはクラス `pink-text` が必要です。
 
 ```js
-assert($('h1').hasClass('pink-text'));
+assert.isTrue(document.querySelector('h1').classList.contains('pink-text'));
 ```
 
 `<style>` 内に `color` を変更する `pink-text` CSS クラスが必要です。
 
 ```js
-assert(code.match(/\.pink-text\s*\{\s*color\s*:\s*.+\s*;?\s*\}/g));
+assert.match(__helpers.removeCssComments(code), /\.pink-text\s*\{\s*color\s*:\s*.+\s*;?\s*\}/g);
 ```
 
 `h1` 要素がピンクで表示されている必要があります。
 
 ```js
-assert($('h1').css('color') === 'rgb(255, 192, 203)');
+const h1Element = document.querySelector('h1');
+const color = window.getComputedStyle(h1Element)['color']; 
+assert.strictEqual(color, 'rgb(255, 192, 203)');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
index 5e950f015d..5770faab21 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
@@ -28,12 +28,9 @@ h2 {
 `p` 要素はフォント `monospace` を使用する必要があります。
 
 ```js
-assert(
-  $('p')
-    .not('.red-text')
-    .css('font-family')
-    .match(/monospace/i)
-);
+const notRed = document.querySelector('p:not(.red-text)');
+const fontFamily = window.getComputedStyle(notRed)['font-family']; 
+assert.match(fontFamily, /monospace/i);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-id-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-id-of-an-element.md
index db7beb781f..4847ec4ee5 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-id-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/set-the-id-of-an-element.md
@@ -30,7 +30,7 @@ dashedName: set-the-id-of-an-element
 `form` 要素は、`cat-photo-form` という id を持つ必要があります。
 
 ```js
-assert($('form').attr('id') === 'cat-photo-form');
+assert.strictEqual(document.querySelector('form').getAttribute('id'), 'cat-photo-form');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/size-your-images.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/size-your-images.md
index 0868cdd2fd..b28205cc15 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/size-your-images.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/size-your-images.md
@@ -29,19 +29,18 @@ CSS には要素の幅を制御する `width` というプロパティがあり
 `img` 要素にはクラス `smaller-image` が必要です。
 
 ```js
-assert(
-  $("img[src='https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg']").attr('class')
-    .trim().split(/\s+/g).includes('smaller-image')
-);
+const relaxingCatImage = document.querySelector("img[src='https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg']");
+const catImageClass = relaxingCatImage.getAttribute('class').trim().split(/\s+/g);
+assert.include(catImageClass, 'smaller-image');
 ```
 
 画像の幅が 100 ピクセルになるようにしてください。
 
 ```js
-assert(
-  $('img').width() < 200 &&
-    code.match(/\.smaller-image\s*{\s*width\s*:\s*100px\s*(;\s*}|})/i)
-);
+const image = document.querySelector('img');
+const width = image.getBoundingClientRect().width;
+assert.isBelow(width, 200); 
+assert.match(__helpers.removeCssComments(code), /\.smaller-image\s*{\s*width\s*:\s*100px\s*(;\s*}|})/i);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md
index e951d7253b..1e8871943d 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/specify-how-fonts-should-degrade.md
@@ -36,33 +36,27 @@ p {
 h2 要素はフォント `Lobster` を使用する必要があります。
 
 ```js
-assert(
-  $('h2')
-    .css('font-family')
-    .match(/^"?lobster/i)
-);
+const h2Element = document.querySelector('h2');
+const fontFamily = window.getComputedStyle(h2Element)['font-family']; 
+assert.match(fontFamily, /^"?lobster/i);
 ```
 
 h2 要素は、`Lobster` が利用できない場合 `monospace` フォントで表示されるはずです。
 
 ```js
-assert(
-  /\s*h2\s*\{\s*font-family\s*\:\s*(\'|"|)Lobster\1\s*,\s*monospace\s*;?\s*\}/gi.test(
-    code
-  )
-);
+assert.match(__helpers.removeCssComments(code), /\s*h2\s*\{\s*font-family\s*\:\s*(\'|"|)Lobster\1\s*,\s*monospace\s*;?\s*\}/gi);
 ```
 
 `Lobster` フォントを取得する Google への呼び出しを、その前に `<!--` を置いてコメントアウトしてください。
 
 ```js
-assert(new RegExp('<!--[^fc]', 'gi').test(code));
+assert.match(code, /<!--[^fc]/gi);
 ```
 
 `-->` を追加してコメントを閉じる必要があります。
 
 ```js
-assert(new RegExp('[^fc]-->', 'gi').test(code));
+assert.match(code, /[^fc]-->/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md
index 16ba5cc99e..2d76bc62ea 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-multiple-elements-with-a-css-class.md
@@ -16,34 +16,42 @@ dashedName: style-multiple-elements-with-a-css-class
 `h2` 要素が赤で表示されている必要があります。
 
 ```js
-assert($('h2').css('color') === 'rgb(255, 0, 0)');
+const h2Element = document.querySelector('h2');
+const color = window.getComputedStyle(h2Element)['color']; 
+assert.strictEqual(color, 'rgb(255, 0, 0)');
 ```
 
 `h2` 要素にはクラス `red-text` が必要です。
 
 ```js
-assert($('h2').hasClass('red-text'));
+assert.isTrue(document.querySelector('h2').classList.contains('red-text'));
 ```
 
 最初の `p` 要素が赤で表示されている必要があります。
 
 ```js
-assert($('p:eq(0)').css('color') === 'rgb(255, 0, 0)');
+const paragraph = document.querySelectorAll('p')[0];
+const color = window.getComputedStyle(paragraph )['color'];
+assert.strictEqual(color, 'rgb(255, 0, 0)');
 ```
 
 2 番目と 3 番目の `p` 要素は赤で表示されてはいけません。
 
 ```js
-assert(
-  !($('p:eq(1)').css('color') === 'rgb(255, 0, 0)') &&
-    !($('p:eq(2)').css('color') === 'rgb(255, 0, 0)')
-);
+const paragraph2 = document.querySelectorAll('p')[1];
+const paragraph3 = document.querySelectorAll('p')[2];
+
+const color2 = window.getComputedStyle(paragraph2)['color'];
+const color3 = window.getComputedStyle(paragraph3)['color'];
+
+assert.notStrictEqual(color2, 'rgb(255, 0, 0)');
+assert.notStrictEqual(color3, 'rgb(255, 0, 0)');
 ```
 
 最初の `p` 要素にはクラス `red-text` が必要です。
 
 ```js
-assert($('p:eq(0)').hasClass('red-text'));
+assert.isTrue(document.querySelectorAll('p')[0].classList.contains('red-text'));
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-the-html-body-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-the-html-body-element.md
index 0f4f6c6451..b148b76987 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-the-html-body-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/style-the-html-body-element.md
@@ -30,23 +30,22 @@ body {
 `body` 要素は `background-color` を黒に設定されている必要があります。
 
 ```js
-assert($('body').css('background-color') === 'rgb(0, 0, 0)');
+const body = document.querySelector('body');
+const backgroundColor = window.getComputedStyle(body)['background-color'];
+
+assert.strictEqual(backgroundColor, 'rgb(0, 0, 0)');
 ```
 
 CSS ルールは、開始と終了両方の波括弧で適切にフォーマットされている必要があります。
 
 ```js
-assert(
-  code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
-);
+assert.match(code, /<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i);
 ```
 
 CSS ルールはセミコロンで終わる必要があります。
 
 ```js
-assert(
-  code.match(/<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i)
-);
+assert.match(code, /<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md
index f1dbc95b2d..a693b75f84 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/understand-absolute-versus-relative-units.md
@@ -26,18 +26,19 @@ dashedName: understand-absolute-versus-relative-units
 `red-box` クラスが `padding` プロパティを持つようにしてください。
 
 ```js
-assert(
-  $('.red-box').css('padding-top') != '0px' &&
-    $('.red-box').css('padding-right') != '0px' &&
-    $('.red-box').css('padding-bottom') != '0px' &&
-    $('.red-box').css('padding-left') != '0px'
-);
+const redBox =document.querySelector('.red-box'); 
+const style = window.getComputedStyle(redBox); 
+
+assert.notEqual(style['padding-top'], '0px');
+assert.notEqual(style['padding-right'], '0px');
+assert.notEqual(style['padding-bottom'], '0px');
+assert.notEqual(style['padding-left'], '0px');
 ```
 
 `red-box` クラスは、要素に 1.5em の `padding` を与える必要があります。
 
 ```js
-assert(code.match(/\.red-box\s*?{[\s\S]*padding\s*:\s*?1\.5em/gi));
+assert.match(__helpers.removeCssComments(code), /\.red-box\s*?{[\s\S]*padding\s*:\s*?1\.5em/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md
index eef43f7507..3c28d58153 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-css-class-to-style-an-element.md
@@ -34,25 +34,27 @@ dashedName: use-a-css-class-to-style-an-element
 `h2` 要素が赤で表示されている必要があります。
 
 ```js
-assert($('h2').css('color') === 'rgb(255, 0, 0)');
+const h2Element = document.querySelector('h2'); 
+const color = window.getComputedStyle(h2Element)['color']; 
+assert.strictEqual(color, 'rgb(255, 0, 0)');
 ```
 
 `h2` 要素にはクラス `red-text` が必要です。
 
 ```js
-assert($('h2').hasClass('red-text'));
+assert.isTrue(document.querySelector('h2').classList.contains('red-text'));
 ```
 
 スタイルシートに `red-text` クラスの宣言があり、color が `red` に設定されている必要があります。
 
 ```js
-assert(code.match(/\.red-text\s*\{\s*color\s*:\s*red;?\s*\}/g));
+assert.match(__helpers.removeCssComments(code), /\.red-text\s*\{\s*color\s*:\s*red;?\s*\}/g);
 ```
 
 `h2` 要素で `style="color: red"` のようなインラインスタイル宣言を使用しないでください。
 
 ```js
-assert($('h2').attr('style') === undefined);
+assert.notExists(document.querySelector('h2').getAttribute('style'));
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-custom-css-variable.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
index 3b2d05ba8a..ceb684fe27 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
@@ -26,41 +26,25 @@ background: var(--penguin-skin);
 `--penguin-skin` 変数を `penguin-top` クラスの `background` プロパティに適用してください。
 
 ```js
-assert(
-  code.match(
-    /.penguin-top\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.penguin-bottom\s{/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /.penguin-top\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.penguin-bottom\s{/gi);
 ```
 
 `--penguin-skin` 変数を `penguin-bottom` クラスの `background` プロパティに適用してください。
 
 ```js
-assert(
-  code.match(
-    /.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.right-hand\s{/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /.penguin-bottom\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.right-hand\s{/gi);
 ```
 
 `--penguin-skin` 変数を `right-hand` クラスの `background` プロパティに適用してください。
 
 ```js
-assert(
-  code.match(
-    /.right-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.left-hand\s{/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /.right-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}[\s\S]*.left-hand\s{/gi);
 ```
 
 `--penguin-skin` 変数を `left-hand` クラスの `background` プロパティに適用してください。
 
 ```js
-assert(
-  code.match(
-    /.left-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /.left-hand\s*?{[\s\S]*background\s*?:\s*?var\s*?\(\s*?--penguin-skin\s*?\)\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md
index f3ce5977ab..b5f18d99a7 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-a-media-query-to-change-a-variable.md
@@ -22,21 +22,13 @@ CSS 変数は、メディアクエリの使い方をシンプルにできます
 `:root` は `--penguin-size` 変数に `200px` を再代入する必要があります。
 
 ```js
-assert(
-  code.match(
-    /media\s*?\(\s*?max-width\s*?:\s*?350px\s*?\)\s*?{[\s\S]*:root\s*?{[\s\S]*--penguin-size\s*?:\s*?200px\s*?;[\s\S]*}[\s\S]*}/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /media\s*?\(\s*?max-width\s*?:\s*?350px\s*?\)\s*?{[\s\S]*:root\s*?{[\s\S]*--penguin-size\s*?:\s*?200px\s*?;[\s\S]*}[\s\S]*}/gi);
 ```
 
 `:root` は `--penguin-skin` 変数に `black` を再代入する必要があります。
 
 ```js
-assert(
-  code.match(
-    /media\s*?\(\s*?max-width\s*?:\s*?350px\s*?\)\s*?{[\s\S]*:root\s*?{[\s\S]*--penguin-skin\s*?:\s*?black\s*?;[\s\S]*}[\s\S]*}/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /media\s*?\(\s*?max-width\s*?:\s*?350px\s*?\)\s*?{[\s\S]*:root\s*?{[\s\S]*--penguin-skin\s*?:\s*?black\s*?;[\s\S]*}[\s\S]*}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md
index 86d60e1a7c..b88897e545 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-abbreviated-hex-code.md
@@ -26,49 +26,57 @@ dashedName: use-abbreviated-hex-code
 テキストが `I am red!` の `h1` 要素の `color` は赤にしてください。
 
 ```js
-assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
+const redText = document.querySelector('.red-text');
+const color = window.getComputedStyle(redText)['color']; 
+assert.strictEqual(color, 'rgb(255, 0, 0)');
 ```
 
 赤を指定するために、16 進数コード `#FF0000` の代わりに短縮形の 16 進数コードを使用してください。
 
 ```js
-assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi));
+assert.match(code,/\.red-text\s*?{\s*?color\s*:\s*?#F00\s*?;?\s*?}/gi);
 ```
 
 テキストが `I am green!` の `h1` 要素の `color` は緑にしてください。
 
 ```js
-assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
+const greenText = document.querySelector('.green-text');
+const color = window.getComputedStyle(greenText)['color']; 
+assert.strictEqual(color, 'rgb(0, 255, 0)');
 ```
 
 緑を指定するために、16 進数コード `#00FF00` の代わりに短縮形の 16 進数コードを使用してください。
 
 ```js
-assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi));
+assert.match(__helpers.removeCssComments(code), /\.green-text\s*?{\s*?color\s*:\s*?#0F0\s*?;?\s*?}/gi);
 ```
 
 テキストが `I am cyan!` の `h1` 要素の `color` はシアンにしてください。
 
 ```js
-assert($('.cyan-text').css('color') === 'rgb(0, 255, 255)');
+const cyanText = document.querySelector('.cyan-text');
+const color = window.getComputedStyle(cyanText)['color']; 
+assert.strictEqual(color, 'rgb(0, 255, 255)');
 ```
 
 シアンを指定するために、16 進数コード `#00FFFF` の代わりに短縮形の 16 進数コードを使用してください。
 
 ```js
-assert(code.match(/\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi));
+assert.match(__helpers.removeCssComments(code), /\.cyan-text\s*?{\s*?color\s*:\s*?#0FF\s*?;?\s*?}/gi);
 ```
 
 テキストが `I am fuchsia!` の `h1` 要素の `color` はフューシャにしてください。
 
 ```js
-assert($('.fuchsia-text').css('color') === 'rgb(255, 0, 255)');
+const fuchsiaText = document.querySelector('.fuchsia-text');
+const color = window.getComputedStyle(fuchsiaText)['color']; 
+assert.strictEqual(color,'rgb(255, 0, 255)');
 ```
 
 フューシャを指定するために、16 進数コード `#FF00FF` の代わりに短縮形の 16 進数コードを使用してください。
 
 ```js
-assert(code.match(/\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi));
+assert.match(__helpers.removeCssComments(code), /\.fuchsia-text\s*?{\s*?color\s*:\s*?#F0F\s*?;?\s*?}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md
index c2efb13d19..b0feae8939 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-an-id-attribute-to-style-an-element.md
@@ -32,28 +32,29 @@ dashedName: use-an-id-attribute-to-style-an-element
 `form` 要素は、`cat-photo-form` という id を持つ必要があります。
 
 ```js
-assert($('form').attr('id') === 'cat-photo-form');
+assert.strictEqual(document.querySelector('form').getAttribute('id'), 'cat-photo-form');
 ```
 
 `form` 要素は `background-color` を緑に設定されている必要があります。
 
 ```js
-assert($('#cat-photo-form').css('background-color') === 'rgb(0, 128, 0)');
+const catPhotoForm = document.querySelector('#cat-photo-form');
+const backgroundColor = window.getComputedStyle(catPhotoForm)['background-color'];
+assert.strictEqual(backgroundColor, 'rgb(0, 128, 0)');
 ```
 
 `form` 要素には `id` 属性が必要です。
 
 ```js
-assert(
-  code.match(/<form.*cat-photo-form.*>/gi) &&
-    code.match(/<form.*cat-photo-form.*>/gi).length > 0
-);
+assert.match(__helpers.removeHtmlComments(code), /<form.*cat-photo-form.*>/gi);
+assert.lengthOf(__helpers.removeHtmlComments(code).match(/<form.*cat-photo-form.*>/gi), 1)
 ```
 
 `form` には `class` および `style` 属性を指定しないでください。
 
 ```js
-assert(!code.match(/<form.*style.*>/gi) && !code.match(/<form.*class.*>/gi));
+assert.notMatch(__helpers.removeHtmlComments(code), /<form.*style.*>/gi);
+assert.notMatch(__helpers.removeHtmlComments(code), /<form.*class.*>/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md
index dd7cf5c224..02a31e98df 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-attribute-selectors-to-style-elements.md
@@ -30,43 +30,29 @@ CSS セレクターの使い方を練習するために、猫の写真アプリ
 チェックボックスの選択には `type` 属性セレクターを使用してください。
 
 ```js
-assert(
-  code.match(
-    /<style>[\s\S]*?\[\s*?type\s*?=\s*?("|')checkbox\1\s*?\]\s*?{[\s\S]*?}[\s\S]*?<\/style>/gi
-  )
-);
+assert.match(__helpers.removeHtmlComments(code), /<style>[\s\S]*?\[\s*?type\s*?=\s*?("|')checkbox\1\s*?\]\s*?{[\s\S]*?}[\s\S]*?<\/style>/gi);
 ```
 
 チェックボックスの上部のマージンは 10px である必要があります。
 
 ```js
-assert(
-  (function () {
-    var count = 0;
-    $("[type='checkbox']").each(function () {
-      if ($(this).css('marginTop') === '10px') {
-        count++;
-      }
-    });
-    return count === 3;
-  })()
-);
+const checkboxes = document.querySelectorAll("[type='checkbox']");
+assert.isNotEmpty(checkboxes);
+checkboxes.forEach(function(checkbox) {
+  const marginTop = window.getComputedStyle(checkbox)['margin-top']; 
+  assert.strictEqual(marginTop, '10px');
+});
 ```
 
 チェックボックスの下部のマージンは 15px である必要があります。
 
 ```js
-assert(
-  (function () {
-    var count = 0;
-    $("[type='checkbox']").each(function () {
-      if ($(this).css('marginBottom') === '15px') {
-        count++;
-      }
-    });
-    return count === 3;
-  })()
-);
+const checkboxes = document.querySelectorAll("[type='checkbox']");
+assert.isNotEmpty(checkboxes);
+checkboxes.forEach(function(checkbox) {
+  const marginBottom = window.getComputedStyle(checkbox)['margin-bottom']; 
+  assert.strictEqual(marginBottom, '15px');
+});
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md
index 2eae66fe74..3d99a61b39 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-margin-of-an-element.md
@@ -28,35 +28,40 @@ margin: 10px 20px 10px 20px;
 `blue-box` クラスは、要素の上側に `40px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-top') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const marginTop = window.getComputedStyle(blueBox)['margin-top'];
+assert.strictEqual(marginTop, '40px');
 ```
 
 `blue-box` クラスは、要素の右側に `20px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-right') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const marginRight = window.getComputedStyle(blueBox)['margin-right'];
+assert.strictEqual(marginRight, '20px');
 ```
 
 `blue-box` クラスは、要素の下側に `20px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-bottom') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const marginBottom = window.getComputedStyle(blueBox)['margin-bottom'];
+assert.strictEqual(marginBottom, '20px');
 ```
 
 `blue-box` クラスは、要素の左側に `40px` の `margin` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('margin-left') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const marginLeft = window.getComputedStyle(blueBox)['margin-left'];
+assert.strictEqual(marginLeft, '40px');
 ```
 
 `blue-box` クラスのマージンの設定に時計回りの表記を使用してください。
 
 ```js
-assert(
-  /\.blue-box\s*{[\s\S]*margin[\s]*:\s*\d+px\s+\d+px\s+\d+px\s+\d+px(;\s*[^}]+\s*}|;?\s*})/.test(
-    __helpers.removeCssComments($('style').text())
-  )
-);
+const cssCode = __helpers.removeCssComments(document.querySelector('style:not(.fcc-hide-header)').textContent);
+assert.match(cssCode, /\.blue-box\s*{[\s\S]*margin[\s]*:\s*\d+px\s+\d+px\s+\d+px\s+\d+px(;\s*[^}]+\s*}|;?\s*})/);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md
index 006b2ca3ec..3a0ec37453 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-clockwise-notation-to-specify-the-padding-of-an-element.md
@@ -26,35 +26,40 @@ padding: 10px 20px 10px 20px;
 `blue-box` クラスは、要素の上側に `40px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-top') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const paddingTop = window.getComputedStyle(blueBox)['padding-top'];
+assert.strictEqual(paddingTop, '40px');
 ```
 
 `blue-box` クラスは、要素の右側に `20px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-right') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const paddingRight = window.getComputedStyle(blueBox)['padding-right'];
+assert.strictEqual(paddingRight, '20px');
 ```
 
 `blue-box` クラスは、要素の下側に `20px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-bottom') === '20px');
+const blueBox = document.querySelector('.blue-box');
+const paddingBottom = window.getComputedStyle(blueBox)['padding-bottom'];
+assert.strictEqual(paddingBottom, '20px');
 ```
 
 `blue-box` クラスは、要素の左側に `40px` の `padding` を与える必要があります。
 
 ```js
-assert($('.blue-box').css('padding-left') === '40px');
+const blueBox = document.querySelector('.blue-box');
+const paddingLeft = window.getComputedStyle(blueBox)['padding-left'];
+assert.strictEqual(paddingLeft, '40px');
 ```
 
 `blue-box` クラスのパディングの設定には時計回りの表記を使用してください。
 
 ```js
-assert(
-  /\.blue-box\s*{[\s\S]*padding[\s]*:\s*\d+px\s+\d+px\s+\d+px\s+\d+px(;\s*[^}]+\s*}|;?\s*})/.test(
-    __helpers.removeCssComments($('style').text())
-  )
-);
+const css =  __helpers.removeCssComments(document.querySelector('style:not(.fcc-hide-header)').textContent);
+assert.match(css, /\.blue-box\s*{[\s\S]*padding\s*:\s*\d+px\s+\d+px\s+\d+px\s+\d+px(;\s*[^}]+\s*}|;?\s*})/);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md
index c3d8cff787..9f0327efc0 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-selectors-to-style-elements.md
@@ -43,39 +43,38 @@ CSS では、ページ上の要素の見た目を変更するために使える
 `h2` 要素から `style` 属性を削除してください。
 
 ```js
-assert(!$('h2').attr('style'));
+assert.notExists(document.querySelector('h2').getAttribute('style'));
 ```
 
 `style` 要素を作成してください。
 
 ```js
-assert($('style') && $('style').length >= 1);
+assert.exists(document.querySelector('style:not(.fcc-hide-header)'));
+assert.isAtLeast(document.querySelectorAll('style:not(.fcc-hide-header)').length, 1);
 ```
 
 `h2` 要素が青で表示されている必要があります。
 
 ```js
-assert($('h2').css('color') === 'rgb(0, 0, 255)');
+const h2Element = document.querySelector('h2');
+const color = window.getComputedStyle(h2Element)['color']; 
+assert.strictEqual(color, 'rgb(0, 0, 255)');
 ```
 
 スタイルシートの `h2` の宣言は、セミコロンと閉じ括弧を持つ有効な状態でなければなりません。
 
 ```js
-assert(code.match(/h2\s*\{\s*color\s*:.*;\s*\}/g));
+assert.match(__helpers.removeCssComments(code), /h2\s*\{\s*color\s*:.*;\s*\}/g);
 ```
 
 すべての `style` 要素は有効でなければならず、また終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/style>/g) &&
-    code.match(/<\/style>/g).length ===
-      (
-        code.match(
-          /<style((\s)*((type|media|scoped|title|disabled)="[^"]*")?(\s)*)*>/g
-        ) || []
-      ).length
-);
+assert.match(__helpers.removeHtmlComments(code), /<\/style>/g);
+
+const closingElementLength = __helpers.removeHtmlComments(code).match(/<\/style>/g).length;
+const openingElementsLength = __helpers.removeHtmlComments(code).match(/<style((\s)*((type|media|scoped|title|disabled)="[^"]*")?(\s)*)*>/g).length;
+assert.strictEqual(closingElementLength, openingElementsLength);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md
index f724f371d5..7f437d9e78 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-css-variables-to-change-several-elements-at-once.md
@@ -22,25 +22,19 @@ dashedName: use-css-variables-to-change-several-elements-at-once
 `penguin` クラスは `--penguin-skin` 変数を宣言し、`gray` を代入している必要があります。
 
 ```js
-assert(
-  code.match(/.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi)
-);
+assert.match(__helpers.removeHtmlComments(code), /.penguin\s*?{[\s\S]*--penguin-skin\s*?:\s*?gray\s*?;[\s\S]*}/gi);
 ```
 
 `penguin` クラスは `--penguin-belly` 変数を宣言し、`white` を代入している必要があります。
 
 ```js
-assert(
-  code.match(/.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi)
-);
+assert.match(code, /.penguin\s*?{[\s\S]*--penguin-belly\s*?:\s*?white\s*?;[\s\S]*}/gi);
 ```
 
 `penguin` クラスは `--penguin-beak` 変数を宣言し、`orange` を代入している必要があります。
 
 ```js
-assert(
-  code.match(/.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi)
-);
+assert.match(code, /.penguin\s*?{[\s\S]*--penguin-beak\s*?:\s*?orange\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md
index ccbeb4d22c..d27c384781 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-for-specific-colors.md
@@ -30,17 +30,15 @@ body {
 `body` 要素は `background-color` を黒に設定されている必要があります。
 
 ```js
-assert($('body').css('background-color') === 'rgb(0, 0, 0)');
+const body = document.querySelector('body');
+const backgroundColor = window.getComputedStyle(body)['background-color']; 
+assert.strictEqual(backgroundColor, 'rgb(0, 0, 0)');
 ```
 
 `black` という単語の代わりに、黒を表す 16 進数コードを使用します。
 
 ```js
-assert(
-  code.match(
-    /body\s*{(([\s\S]*;\s*?)|\s*?)background.*\s*:\s*?#000(000)?((\s*})|(;[\s\S]*?}))/gi
-  )
-);
+assert.match(code, /body\s*{(([\s\S]*;\s*?)|\s*?)background.*\s*:\s*?#000(000)?((\s*})|(;[\s\S]*?}))/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md
index 3990b52a2e..1c11ce5a97 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-hex-code-to-mix-colors.md
@@ -30,49 +30,58 @@ dashedName: use-hex-code-to-mix-colors
 テキストが `I am red!` の `h1` 要素の `color` は赤にしてください。
 
 ```js
-assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
+const redText = document.querySelector('.red-text');
+const color = window.getComputedStyle(redText)['color']; 
+assert.strictEqual(color, 'rgb(255, 0, 0)');
 ```
 
 `red` という単語の代わりに、赤を表す `hex code` (16 進数コード) を使用してください。
 
 ```js
-assert(code.match(/\.red-text\s*?{\s*?color\s*:\s*?(#FF0000|#F00)\s*?;?\s*?}/gi));
+assert.match(code, /\.red-text\s*?{\s*?color\s*:\s*?(#FF0000|#F00)\s*?;?\s*?}/gi);
 ```
 
 テキストが `I am green!` の `h1` 要素の `color` は緑にしてください。
 
 ```js
-assert($('.green-text').css('color') === 'rgb(0, 255, 0)');
+const greenText = document.querySelector('.green-text');
+const color = window.getComputedStyle(greenText)['color']; 
+assert.strictEqual(color, 'rgb(0, 255, 0)');
 ```
 
 `green` という単語の代わりに、緑を表す `hex code` (16 進数コード) を使用してください。
 
 ```js
-assert(code.match(/\.green-text\s*?{\s*?color\s*:\s*?(#00FF00|#0F0)\s*?;?\s*?}/gi));
+assert.match(code, /\.green-text\s*?{\s*?color\s*:\s*?(#00FF00|#0F0)\s*?;?\s*?}/gi);
 ```
 
 テキストが `I am dodger blue!` の `h1` 要素の `color` はドジャーブルーにしてください。
 
 ```js
-assert($('.dodger-blue-text').css('color') === 'rgb(30, 144, 255)');
+const blueText = document.querySelector('.dodger-blue-text');
+const color = window.getComputedStyle(blueText)['color']; 
+assert.strictEqual(color, 'rgb(30, 144, 255)');
 ```
 
 `dodgerblue` という単語の代わりに、ドジャーブルーを表す `hex code` (16 進数コード) を使用してください。
 
 ```js
-assert(code.match(/\.dodger-blue-text\s*?{\s*?color\s*:\s*?#1E90FF\s*?;?\s*?}/gi));
+assert.match(code, /\.dodger-blue-text\s*?{\s*?color\s*:\s*?#1E90FF\s*?;?\s*?}/gi);
 ```
 
 テキストが `I am orange!` の `h1` 要素の `color` はオレンジにしてください。
 
 ```js
-assert($('.orange-text').css('color') === 'rgb(255, 165, 0)');
+const orangeText = document.querySelector('.orange-text');
+const color = window.getComputedStyle(orangeText)['color']; 
+
+assert.strictEqual(color, 'rgb(255, 165, 0)');
 ```
 
 `orange` という単語の代わりに、オレンジを表す `hex code` (16 進数コード) を使用してください。
 
 ```js
-assert(code.match(/\.orange-text\s*?{\s*?color\s*:\s*?#FFA500\s*?;?\s*?}/gi));
+assert.match(code, /\.orange-text\s*?{\s*?color\s*:\s*?#FFA500\s*?;?\s*?}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md
index 1efae0463f..6e8b9a3d1f 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-to-mix-colors.md
@@ -22,65 +22,57 @@ dashedName: use-rgb-to-mix-colors
 テキストが `I am red!` の `h1` 要素の `color` は赤にしてください。
 
 ```js
-assert($('.red-text').css('color') === 'rgb(255, 0, 0)');
+const redText = document.querySelector('.red-text');
+const color = window.getComputedStyle(redText)['color']; 
+assert.strictEqual(color, 'rgb(255, 0, 0)');
 ```
 
 赤色の指定には `rgb` を使用してください。
 
 ```js
-assert(
-  code.match(
-    /\.red-text\s*{\s*color\s*:\s*rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)\s*;?\s*}/gi
-  )
-);
+assert.match(code, /\.red-text\s*{\s*color\s*:\s*rgb\(\s*255\s*,\s*0\s*,\s*0\s*\)\s*;?\s*}/gi);
 ```
 
 テキストが `I am orchid!` の `h1` 要素の `color` はオーキッドにしてください。
 
 ```js
-assert($('.orchid-text').css('color') === 'rgb(218, 112, 214)');
+const orchidText = document.querySelector('.orchid-text');
+const color = window.getComputedStyle(orchidText)['color']; 
+assert.strictEqual(color, 'rgb(218, 112, 214)');
 ```
 
 オーキッドの指定には `rgb` を使用してください。
 
 ```js
-assert(
-  code.match(
-    /\.orchid-text\s*{\s*color\s*:\s*rgb\(\s*218\s*,\s*112\s*,\s*214\s*\)\s*;?\s*}/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /\.orchid-text\s*{\s*color\s*:\s*rgb\(\s*218\s*,\s*112\s*,\s*214\s*\)\s*;?\s*}/gi);
 ```
 
 テキストが `I am blue!` の `h1` 要素の `color` は青にしてください。
 
 ```js
-assert($('.blue-text').css('color') === 'rgb(0, 0, 255)');
+const blueText = document.querySelector('.blue-text');
+const color = window.getComputedStyle(blueText)['color']; 
+assert.strictEqual(color, 'rgb(0, 0, 255)');
 ```
 
 青色の指定には `rgb` を使用してください。
 
 ```js
-assert(
-  code.match(
-    /\.blue-text\s*{\s*color\s*:\s*rgb\(\s*0\s*,\s*0\s*,\s*255\s*\)\s*;?\s*}/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /\.blue-text\s*{\s*color\s*:\s*rgb\(\s*0\s*,\s*0\s*,\s*255\s*\)\s*;?\s*}/gi);
 ```
 
 テキストが `I am sienna!` の `h1` 要素の `color` はシエナにしてください。
 
 ```js
-assert($('.sienna-text').css('color') === 'rgb(160, 82, 45)');
+const siennaText = document.querySelector('.sienna-text');
+const color = window.getComputedStyle(siennaText)['color']; 
+assert.strictEqual(color, 'rgb(160, 82, 45)');
 ```
 
 シエナの指定には `rgb` を使用してください。
 
 ```js
-assert(
-  code.match(
-    /\.sienna-text\s*{\s*color\s*:\s*rgb\(\s*160\s*,\s*82\s*,\s*45\s*\)\s*;?\s*}/gi
-  )
-);
+assert.match(__helpers.removeCssComments(code), /\.sienna-text\s*{\s*color\s*:\s*rgb\(\s*160\s*,\s*82\s*,\s*45\s*\)\s*;?\s*}/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
index bef1d38feb..a040c5d430 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
@@ -44,13 +44,15 @@ body {
 `body` 要素の背景は黒になるはずです。
 
 ```js
-assert($('body').css('background-color') === 'rgb(0, 0, 0)');
+const body = document.querySelector('body');
+const backgroundColor = window.getComputedStyle(body)['background-color']; 
+assert.strictEqual(backgroundColor, 'rgb(0, 0, 0)');
 ```
 
 `body` 要素の背景色を黒にするために `rgb` を使用してください。
 
 ```js
-assert(code.match(/rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/gi));
+assert.match(__helpers.removeCssComments(code), /rgb\s*\(\s*0\s*,\s*0\s*,\s*0\s*\)/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
index 976d5fc0e3..9b24a5f04e 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
@@ -26,33 +26,30 @@ dashedName: add-a-submit-button-to-a-form
 `form` の中に `button` が必要です。
 
 ```js
-assert($('form').children('button').length > 0);
+const form = document.querySelector('form');
+const children = form.querySelectorAll(`:scope ${"button"}`); 
+assert.isNotEmpty(children); 
 ```
 
 送信ボタンは `type` 属性を `submit` に設定する必要があります。
 
 ```js
-assert($('button').attr('type') === 'submit');
+assert.strictEqual(document.querySelector('button').getAttribute('type'), 'submit');
 ```
 
 送信ボタンのテキストは `Submit` にしてください。
 
 ```js
-assert(
-  $('button')
-    .text()
-    .match(/^\s*submit\s*$/gi)
-);
+const text = document.querySelector('button').textContent;
+assert.match(text,/^\s*submit\s*$/gi);
 ```
 
 `button` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/button>/g) &&
-    code.match(/<button/g) &&
-    code.match(/<\/button>/g).length === code.match(/<button/g).length
-);
+assert.match(code,/<\/button>/g);
+assert.match(code,/<button/g);
+assert.strictEqual(code.match(/<\/button>/g).length,code.match(/<button/g).length);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
index a6e91479b4..18c737c1ff 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
@@ -45,25 +45,22 @@ dashedName: add-images-to-your-website
 ページに画像要素が必要です。
 
 ```js
-assert($('img').length);
+assert.exists(document.querySelector('img'));
 ```
 
 画像には、子猫の画像を指す `src` 属性が必要です。
 
 ```js
-assert(/^https:\/\/cdn\.freecodecamp\.org\/curriculum\/cat-photo-app\/relaxing-cat\.jpg$/i.test($('img').attr('src')));
+const url = document.querySelector('img').getAttribute('src');
+assert.match(url,/^https:\/\/cdn\.freecodecamp\.org\/curriculum\/cat-photo-app\/relaxing-cat\.jpg$/i);
 ```
 
 画像要素の `alt` 属性は空であってはいけません。
 
 ```js
-assert(
-  $('img').attr('alt') &&
-    $('img').attr('alt').length &&
-    /<(?:img|IMG)\S*alt=(['"])(?!\1|>)\S+\1\S*\/?>/.test(
-      __helpers.removeWhiteSpace(code)
-    )
-);
+assert.exists(document.querySelector('img').getAttribute('alt'));
+assert.isNotEmpty(document.querySelector('img').getAttribute('alt'));
+assert.match(__helpers.removeWhiteSpace(code),/<(?:img|IMG)\S*alt=(['"])(?!\1|>)\S+\1\S*\/?>/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
index 60d60eda69..1891ab1a52 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
@@ -28,31 +28,28 @@ dashedName: add-placeholder-text-to-a-text-field
 既存のテキストタイプの `input` 要素に、`placeholder` 属性を追加してください。
 
 ```js
-assert($('input[placeholder]').length > 0);
+assert.notEmpty(document.querySelectorAll('input[placeholder]'));
 ```
 
 `placeholder` 属性の値を `cat photo URL` に設定してください。
 
 ```js
-assert(
-  $('input') &&
-    $('input').attr('placeholder') &&
-    $('input')
-      .attr('placeholder')
-      .match(/cat\s+photo\s+URL/gi)
-);
+assert.exists(document.querySelector('input'));
+assert.exists(document.querySelector('input').getAttribute('placeholder'));
+const placeholder = document.querySelector('input').getAttribute('placeholder');
+assert.match(placeholder,/cat\s+photo\s+URL/gi);
 ```
 
 完成した `input` 要素は終了タグを持たないはずです。
 
 ```js
-assert(!code.match(/<input.*\/?>.*<\/input>/gi));
+assert.notMatch(code,/<input.*\/?>.*<\/input>/gi);
 ```
 
 完成した `input` 要素は正しい構文でなければなりません。
 
 ```js
-assert($('input[type=text]').length > 0);
+assert.notEmpty(document.querySelectorAll('input[type=text]'));
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md
index ef9a97a23e..b8ce60a063 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/check-radio-buttons-and-checkboxes-by-default.md
@@ -26,13 +26,13 @@ dashedName: check-radio-buttons-and-checkboxes-by-default
 フォームの一番目のラジオボタンがデフォルトで選択されている必要があります。
 
 ```js
-assert($('input[type="radio"]').prop('checked'));
+assert.isTrue(document.querySelector('input[type="radio"]').checked);
 ```
 
 フォームの一番目のチェックボックスがデフォルトで選択されている必要があります。
 
 ```js
-assert($('input[type="checkbox"]').prop('checked'));
+assert.isTrue(document.querySelector('input[type="checkbox"]').checked);
 ```
 
 `Indoor` ラベルの内部テキストを変更しないようにしてください。
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/comment-out-html.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/comment-out-html.md
index 1cc7a95d91..9c0aba3154 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/comment-out-html.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/comment-out-html.md
@@ -22,35 +22,33 @@ dashedName: comment-out-html
 `h1` 要素がページに表示されないようにコメントアウトする必要があります。
 
 ```js
-assert($('h1').length === 0);
+assert.isEmpty(document.querySelectorAll('h1'));
 ```
 
 `h2` 要素は、ページに表示されるようにコメントアウトしないでください。
 
 ```js
-assert($('h2').length > 0);
+assert.isNotEmpty(document.querySelectorAll('h2'));
 ```
 
 `p` 要素がページに表示されないようにコメントアウトする必要があります。
 
 ```js
-assert($('p').length === 0);
+assert.isEmpty(document.querySelectorAll('p'));
 ```
 
 それぞれのコメントは `-->` で閉じる必要があります
 
 ```js
-assert(code.match(/[^fc]-->/g).length > 1);
+assert.isAbove(code.match(/[^fc]-->/g).length, 1);
 ```
 
 コード内の `h1`、`h2`、または `p` 要素の順序を変更してはいけません。
 
 ```js
-assert(
-  code.match(/<([a-z0-9]){1,2}>/g)[0] === '<h1>' &&
-    code.match(/<([a-z0-9]){1,2}>/g)[1] === '<h2>' &&
-    code.match(/<([a-z0-9]){1,2}>/g)[2] === '<p>'
-);
+assert.strictEqual(code.match(/<([a-z0-9]){1,2}>/g)[0],'<h1>');
+assert.strictEqual(code.match(/<([a-z0-9]){1,2}>/g)[1],'<h2>');
+assert.strictEqual(code.match(/<([a-z0-9]){1,2}>/g)[2],'<p>');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md
index c76def3746..01d814d759 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-bulleted-unordered-list.md
@@ -33,39 +33,35 @@ HTML には<dfn>順序なしリスト (unordered lists) </dfn> または箇条
 `ul` 要素を作成してください。
 
 ```js
-assert($('ul').length > 0);
+assert.isNotEmpty(document.querySelectorAll('ul'));
 ```
 
 `ul` 要素の中に、3 つの `li` 要素を入れてください。
 
 ```js
-assert($('ul li').length > 2);
+assert.lengthOf(document.querySelectorAll('ul li'),3);
 ```
 
 `ul` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/ul>/gi) &&
-    code.match(/<ul/gi) &&
-    code.match(/<\/ul>/gi).length === code.match(/<ul/gi).length
-);
+assert.match(code,/<\/ul>/gi);
+assert.match(code,/<ul/gi);
+assert.strictEqual(code.match(/<\/ul>/gi).length,code.match(/<ul/gi).length);
 ```
 
 それぞれの `li` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/li>/gi) &&
-    code.match(/<li[\s>]/gi) &&
-    code.match(/<\/li>/gi).length === code.match(/<li[\s>]/gi).length
-);
+assert.match(code,/<\/li>/gi);
+assert.match(code,/<li[\s>]/gi);
+assert.strictEqual(code.match(/<\/li>/gi).length,code.match(/<li[\s>]/gi).length);
 ```
 
 `li` 要素は、空の文字列または空白のみを含めた状態ではいけません。
 
 ```js
-assert($('ul li').filter((_, item) => !$(item).text().trim()).length === 0);
+assert.isEmpty([...document.querySelectorAll('ul li')].filter((item) => item.textContent.trim() === ""));
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md
index a7b9f23e3d..18efe2185c 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-form-element.md
@@ -28,27 +28,23 @@ dashedName: create-a-form-element
 
 ```js
 const inputElem = document.querySelector('form input');
-assert(
-  inputElem.getAttribute('type') === 'text' &&
-    inputElem.getAttribute('placeholder') === 'cat photo URL'
-);
+assert.strictEqual(inputElem.getAttribute('type'),'text'); 
+assert.strictEqual(inputElem.getAttribute('placeholder'),'cat photo URL');
 ```
 
 `form` の `action` 属性は `https://www.freecatphotoapp.com/submit-cat-photo` に設定される必要があります。
 
 ```js
-const action = $('form').attr('action');
-assert(action.match(/^https:\/\/(www\.)?freecatphotoapp\.com\/submit-cat-photo$/i))
+const action = document.querySelector('form').getAttribute('action');
+assert.match(action,/^https:\/\/(www\.)?freecatphotoapp\.com\/submit-cat-photo$/i);
 ```
 
 `form` 要素には適切な開始タグと終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/form>/g) &&
-    code.match(/<form [^<]*>/g) &&
-    code.match(/<\/form>/g).length === code.match(/<form [^<]*>/g).length
-);
+assert.match(code,/<\/form>/g);
+assert.match(code,/<form [^<]*>/g);
+assert.strictEqual(code.match(/<\/form>/g).length,code.match(/<form [^<]*>/g).length);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md
index f39db2c6da..cf06d9d9ca 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-checkboxes.md
@@ -34,37 +34,33 @@ dashedName: create-a-set-of-checkboxes
 ページにはチェックボックス要素が 3 つ必要です。
 
 ```js
-assert($('input[type="checkbox"]').length > 2);
+assert.lengthOf(document.querySelectorAll('input[type="checkbox"]'),3);
 ```
 
 3 つのチェックボックス要素は、それぞれ対応する `label` 要素にネストされている必要があります。
 
 ```js
-assert($('label > input[type="checkbox"]:only-child').length > 2);
+assert.lengthOf(document.querySelectorAll('label > input[type="checkbox"]:only-child'),3);
 ```
 
 それぞれの `label` 要素に終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/label>/g) &&
-    code.match(/<label/g) &&
-    code.match(/<\/label>/g).length === code.match(/<label/g).length
-);
+assert.match(code,/<\/label>/g);
+assert.match(code,/<label/g);
+assert.strictEqual(code.match(/<\/label>/g).length,code.match(/<label/g).length)
 ```
 
 チェックボックスの `name` 属性は `personality` に設定してください。
 
 ```js
-assert(
-  $('label > input[type="checkbox"]').filter('[name="personality"]').length > 2
-);
+assert.lengthOf([...document.querySelectorAll('label > input[type="checkbox"]')].filter(x => x.name === "personality"),3);
 ```
 
 各チェックボックスは、`form` タグ内に追加する必要があります。
 
 ```js
-assert($('label').parent().get(0).tagName.match('FORM'));
+assert.strictEqual(document.querySelector('label').parentNode.tagName,'FORM');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
index 50aaa88934..4bf1ac131f 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
@@ -48,55 +48,50 @@ dashedName: create-a-set-of-radio-buttons
 ページには `radio` ボタン要素が 2 つ必要です。
 
 ```js
-assert($('input[type="radio"]').length > 1);
+assert.lengthOf(document.querySelectorAll('input[type="radio"]'),2);
 ```
 
 ラジオボタンの `name` 属性は `indoor-outdoor` に設定してください。
 
 ```js
-assert($('input[type="radio"]').filter("[name='indoor-outdoor']").length > 1);
+assert.lengthOf([...document.querySelectorAll('input[type="radio"]')].filter(input => input.name === "indoor-outdoor"),2);
 ```
 
 2 つのラジオボタン要素は、それぞれ対応する `label` 要素にネストされている必要があります。
 
 ```js
-assert($('label > input[type="radio"]:only-child').length > 1);
+assert.lengthOf(document.querySelectorAll('label > input[type="radio"]:only-child'),2);
 ```
 
 それぞれの `label` 要素に終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/label>/g) &&
-    code.match(/<label/g) &&
-    code.match(/<\/label>/g).length === code.match(/<label/g).length
-);
+assert.match(code,/<\/label>/g);
+assert.match(code,/<label/g);
+assert.strictEqual(code.match(/<\/label>/g).length,code.match(/<label/g).length);
 ```
 
 ラジオボタンの 1 つに `indoor` というラベルを付けてください。
 
 ```js
-assert(
-  $('label')
-    .text()
-    .match(/indoor/gi)
-);
+const labelTexts = [...document.querySelectorAll('label')].map(label => label.textContent);
+const hasMatch = labelTexts.some(label =>  label.match(/indoor/gi));
+assert.isTrue(hasMatch); 
 ```
 
 ラジオボタンの 1 つに `outdoor` というラベルを付けてください。
 
 ```js
-assert(
-  $('label')
-    .text()
-    .match(/outdoor/gi)
-);
+const labelTexts = [...document.querySelectorAll('label')].map(label => label.textContent);
+const hasMatch = labelTexts.some(label => label.match(/outdoor/gi));
+assert.isTrue(hasMatch); 
 ```
 
 各ラジオボタン要素は `form` タグ内に追加する必要があります。
 
 ```js
-assert($('label').parent().get(0).tagName.match('FORM'));
+const labelParent = document.querySelector('label').parentNode;
+assert.strictEqual(labelParent.tagName,'FORM');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
index 8a129dd990..75f87adbef 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
@@ -30,7 +30,7 @@ dashedName: create-a-text-field
 `text` タイプの `input` 要素が必要です。
 
 ```js
-assert($('input[type=text]').length > 0);
+assert.isNotEmpty(document.querySelectorAll('input[type=text]'));
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md
index 158caae0a0..c014d37162 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/create-an-ordered-list.md
@@ -33,80 +33,76 @@ HTML にはもう一つ、<dfn>順序付きリスト (ordered lists)</dfn> ま
 `Top 3 things cats hate:` の下に順序付きリストを作成してください。
 
 ```js
-assert(/Top 3 things cats hate:/i.test($('ol').prev().text()));
+const previousElement = document.querySelector('ol').previousElementSibling; 
+assert.match(previousElement.textContent,/Top 3 things cats hate:/i);
 ```
 
 `Things cats love:` の下には順序なしリストが必要です。
 
 ```js
-assert(/Things cats love:/i.test($('ul').prev().text()));
+const previousElement = document.querySelector('ul').previousElementSibling; 
+assert.match(previousElement.textContent,/Things cats love:/i);
 ```
 
 `ul` 要素が 1 つだけ必要です。
 
 ```js
-assert.equal($('ul').length, 1);
+assert.lengthOf(document.querySelectorAll('ul'), 1);
 ```
 
 `ol` 要素が 1 つだけ必要です。
 
 ```js
-assert.equal($('ol').length, 1);
+assert.lengthOf(document.querySelectorAll('ol'), 1);
 ```
 
 `ul` 要素の中に `li` 要素が 3 つ必要です。
 
 ```js
-assert.equal($('ul li').length, 3);
+assert.lengthOf(document.querySelectorAll('ul li'), 3);
 ```
 
 `ol` 要素の中に `li` 要素が 3 つ必要です。
 
 ```js
-assert.equal($('ol li').length, 3);
+assert.lengthOf(document.querySelectorAll('ol li'), 3);
 ```
 
 `ul` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/ul>/g) &&
-    code.match(/<\/ul>/g).length === code.match(/<ul>/g).length
-);
+assert.match(code,/<\/ul>/g);
+assert.strictEqual(code.match(/<\/ul>/g).length ,code.match(/<ul>/g).length);
 ```
 
 `ol` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/ol>/g) &&
-    code.match(/<\/ol>/g).length === code.match(/<ol>/g).length
-);
+assert.match(code,/<\/ol>/g);
+assert.strictEqual(code.match(/<\/ol>/g).length ,code.match(/<ol>/g).length);
 ```
 
 `li` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/li>/g) &&
-    code.match(/<li>/g) &&
-    code.match(/<\/li>/g).length === code.match(/<li>/g).length
-);
+assert.match(code,/<\/li>/g);
+assert.match(code,/<li>/g);
+assert.strictEqual(code.match(/<\/li>/g).length ,code.match(/<li>/g).length);
 ```
 
 順序なしリストの `li` 要素は空にしないでください。
 
 ```js
-$('ul li').each((i, val) =>
-  assert(__helpers.removeWhiteSpace(val.textContent))
+[...document.querySelectorAll('ul li')].forEach((val) =>
+  assert.isNotEmpty(__helpers.removeWhiteSpace(val.textContent))
 );
 ```
 
 順序付きリストの `li` 要素は空にしないでください。
 
 ```js
-$('ol li').each((i, val) =>
-  assert(!!__helpers.removeWhiteSpace(val.textContent))
+[...document.querySelectorAll('ol li')].forEach((val) =>
+  assert.isNotEmpty(__helpers.removeWhiteSpace(val.textContent))
 );
 ```
 
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md
index 7b125dbb1e..a5f80eacd1 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/declare-the-doctype-of-an-html-document.md
@@ -37,19 +37,19 @@ HTML5 の `DOCTYPE` タグを、コードエディタに表示されている空
 あなたのコードには `<!DOCTYPE html>` タグが含まれている必要があります。
 
 ```js
-assert(code.match(/<!DOCTYPE\s+?html\s*?>/gi));
+assert.match(code,/<!DOCTYPE\s+?html\s*?>/gi);
 ```
 
 `html` 要素が 1 つ必要です。
 
 ```js
-assert($('html').length == 1);
+assert.lengthOf(document.querySelectorAll('html'), 1);
 ```
 
 `html` タグは 1 つの `h1` 要素を囲む必要があります。
 
 ```js
-assert(code.match(/<html>\s*?<h1>\s*?.*?\s*?<\/h1>\s*?<\/html>/gi));
+assert.match(code,/<html>\s*?<h1>\s*?.*?\s*?<\/h1>\s*?<\/html>/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md
index b7c9a233be..b69d074f0f 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/define-the-head-and-body-of-an-html-document.md
@@ -39,14 +39,16 @@ dashedName: define-the-head-and-body-of-an-html-document
 
 ```js
 const headElems = code.replace(/\n/g, '').match(/\<head\s*>.*?\<\/head\s*>/g);
-assert(headElems && headElems.length === 1);
+assert.exists(headElems); 
+assert.lengthOf(headElems,1);
 ```
 
 ページに `body` 要素が 1 つだけあるようにしてください。
 
 ```js
 const bodyElems = code.replace(/\n/g, '').match(/<body\s*>.*?<\/body\s*>/g);
-assert(bodyElems && bodyElems.length === 1);
+assert.exists(bodyElems); 
+assert.lengthOf(bodyElems,1);
 ```
 
 `head` 要素は、`html` 要素の子要素である必要があります。
@@ -61,7 +63,7 @@ if (htmlChildren) {
 
   foundHead = children.match(/<head\s*>.*<\/head\s*>/);
 }
-assert(foundHead);
+assert.exists(foundHead);
 ```
 
 `body` 要素は、`html` 要素の子要素である必要があります。
@@ -75,7 +77,7 @@ if (htmlChildren) {
   const { children } = htmlChildren.groups;
   foundBody = children.match(/<body\s*>.*<\/body\s*>/);
 }
-assert(foundBody);
+assert.exists(foundBody);
 ```
 
 `head` 要素は、`title` 要素を囲む必要があります。
@@ -89,7 +91,7 @@ if (headChildren) {
   const { children } = headChildren.groups;
   foundTitle = children.match(/<title\s*>.*?<\/title\s*>/);
 }
-assert(foundTitle);
+assert.exists(foundTitle);
 ```
 
 `body` 要素は `h1` と `p` 要素の両方を囲む必要があります。
@@ -107,7 +109,7 @@ if (bodyChildren) {
   const numPs = ps ? ps.length : 0;
   foundElems = numH1s === 1 && numPs === 1;
 }
-assert(foundElems);
+assert.exists(foundElems);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md
index f624615158..18c32f2a11 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/delete-html-elements.md
@@ -22,19 +22,20 @@ dashedName: delete-html-elements
 `h1` 要素を削除する必要があります。
 
 ```js
-assert(!code.match(/<h1>/gi) && !code.match(/<\/h1>/gi));
+assert.notMatch(code,/<h1>/gi);
+assert.notMatch(code,/<\/h1>/gi);
 ```
 
 `h2` 要素が表示されている必要があります。
 
 ```js
-assert(code.match(/<h2>[\w\W]*<\/h2>/gi));
+assert.match(code,/<h2>[\w\W]*<\/h2>/gi);
 ```
 
 `p` 要素が表示されている必要があります。
 
 ```js
-assert(code.match(/<p>[\w\W]*<\/p>/gi));
+assert.match(code,/<p>[\w\W]*<\/p>/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md
index 2b6a00b992..ebff0e8c37 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/fill-in-the-blank-with-placeholder-text.md
@@ -24,7 +24,7 @@ lorem ipsum テキストはプレイスホルダーテキストとして 16 世
 `p` 要素には、与えられた「kitty ipsum」テキスト冒頭の数単語を含める必要があります。
 
 ```js
-assert.isTrue(/Kitty(\s)+ipsum/gi.test($('p').text()));
+assert.match(document.querySelector('p').textContent,/Kitty(\s)+ipsum/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md
index af11737b77..b1f0e22954 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/headline-with-the-h2-element.md
@@ -24,34 +24,32 @@ dashedName: headline-with-the-h2-element
 `h2` 要素を作成してください。
 
 ```js
-assert($('h2').length > 0);
+assert.lengthOf(document.querySelectorAll('h2'),1);
 ```
 
 `h2` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/h2>/g) &&
-    code.match(/<\/h2>/g).length === code.match(/<h2>/g).length
-);
+assert.match(code,/<\/h2>/g);
+assert.strictEqual(code.match(/<\/h2>/g).length,code.match(/<h2>/g).length);
 ```
 
 `h2` 要素のテキストは `CatPhotoApp` でなければなりません。
 
 ```js
-assert.isTrue(/cat(\s)?photo(\s)?app/gi.test($('h2').text()));
+assert.match(document.querySelector('h2').textContent,/cat(\s)?photo(\s)?app/gi);
 ```
 
 `h1` 要素のテキストは `Hello World` でなければなりません。
 
 ```js
-assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));
+assert.match(document.querySelector('h1').textContent,/hello(\s)+world/gi);
 ```
 
 `h1` 要素は `h2` 要素の前に置く必要があります。
 
 ```js
-assert(code.match(/<h1>\s*?.*?\s*?<\/h1>\s*<h2>\s*?.*?\s*?<\/h2>/gi));
+assert.match(code,/<h1>\s*?.*?\s*?<\/h1>\s*<h2>\s*?.*?\s*?<\/h2>/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md
index 01eb19db3d..d0ca644969 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/inform-with-the-paragraph-element.md
@@ -28,22 +28,20 @@ dashedName: inform-with-the-paragraph-element
 正しい `p` 要素が必要です。
 
 ```js
-assert($('p').length > 0);
+assert.lengthOf(document.querySelectorAll('p'),1);
 ```
 
 `p` 要素には `Hello Paragraph` というテキストが必要です。
 
 ```js
-assert.isTrue(/hello(\s)+paragraph/gi.test($('p').text()));
+assert.match(document.querySelector('p').textContent,/hello(\s)+paragraph/gi);
 ```
 
 `p` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/p>/g) &&
-    code.match(/<\/p>/g).length === code.match(/<p/g).length
-);
+assert.match(code,/<\/p>/g);
+assert.strictEqual(code.match(/<\/p>/g).length,code.match(/<p/g).length);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
index c9530f2b89..48092653b3 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
@@ -35,46 +35,46 @@ HTML5 では、より説明的な HTML タグが導入されています。 例
 Kitty Ipsum テキストを持つ 2 つの `p` 要素が必要です。
 
 ```js
-assert($('p').length > 1);
+assert.lengthOf(document.querySelectorAll('p'),2);
 ```
 
 それぞれの `p` 要素に終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/p>/g) &&
-    code.match(/<\/p>/g).length === code.match(/<p/g).length
-);
+assert.match(code,/<\/p>/g);
+assert.strictEqual(code.match(/<\/p>/g).length,code.match(/<p/g).length);
 ```
 
 `p` 要素には、追加で与えられた `kitty ipsum` テキストの、はじめの数単語を含む必要があります。
 
 ```js
-assert.isTrue(/Purr\s+jump\s+eat/gi.test($('p').text()));
+assert.match(document.querySelectorAll('p')[1].textContent,/Purr\s+jump\s+eat/gi);
 ```
 
 コードには `main` 要素が1つ必要です。
 
 ```js
-assert($('main').length === 1);
+assert.lengthOf(document.querySelectorAll('main'),1);
 ```
 
 `main` 要素は、子要素として 2 つの段落要素を持つ必要があります。
 
 ```js
-assert($('main').children('p').length === 2);
+const main = document.querySelector('main');
+const children = main.querySelectorAll("p"); 
+assert.lengthOf(children,2);
 ```
 
 `main` の開始タグは、最初の段落タグの前になければなりません。
 
 ```js
-assert(code.match(/<main>\s*?<p>/g));
+assert.match(code,(/<main>\s*?<p>/g));
 ```
 
 `main` の終了タグは、2 番目の段落の終了タグの後になければなりません。
 
 ```js
-assert(code.match(/<\/p>\s*?<\/main>/g));
+assert.match(code,(/<\/p>\s*?<\/main>/g));
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md
index d038f5a822..c4c868d698 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.md
@@ -28,22 +28,20 @@ dashedName: link-to-external-pages-with-anchor-elements
 `a` 要素は、`cat photos` というアンカーテキストを持つ必要があります。
 
 ```js
-assert(/cat photos/gi.test($('a').text()));
+assert.match(document.querySelector('a').textContent,/cat photos/gi);
 ```
 
 `https://www.freecatphotoapp.com` にリンクする `a` 要素が必要です。
 
 ```js
-assert(/^https?:\/\/(www\.)?freecatphotoapp\.com\/?$/i.test($('a').attr('href')));
+assert.match(document.querySelector('a').getAttribute('href'),/^https?:\/\/(www\.)?freecatphotoapp\.com\/?$/i);
 ```
 
 `a` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/a>/g) &&
-    code.match(/<\/a>/g).length === code.match(/<a/g).length
-);
+assert.match(code,/<\/a>/g);
+assert.strictEqual(code.match(/<\/a>/g).length,code.match(/<a/g).length);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md
index dfb18fad48..c64b7e679b 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.md
@@ -36,45 +36,37 @@ dashedName: link-to-internal-sections-of-a-page-with-anchor-elements
 ページにアンカータグが 1 つだけあるようにしてください。
 
 ```js
-assert($('a').length == 1);
+assert.lengthOf(document.querySelectorAll('a'), 1);
 ```
 
 ページに `footer` タグが 1 つだけあるようにしてください。
 
 ```js
-assert($('footer').length == 1);
+assert.lengthOf(document.querySelectorAll('footer'),1);
 ```
 
 `a` タグの `href` 属性は "#footer" に設定されている必要があります。
 
 ```js
-assert($('a').eq(0).attr('href') == '#footer');
+assert.strictEqual(document.querySelector('a').getAttribute('href'), '#footer');
 ```
 
 `a` タグが `target` 属性を持たないようにしてください。
 
 ```js
-assert(
-  typeof $('a').eq(0).attr('target') == typeof undefined ||
-    $('a').eq(0).attr('target') == true
-);
+assert.notExists(document.querySelector('a').getAttribute('target'));
 ```
 
 `a` タグのテキストは "Jump to Bottom" である必要があります。
 
 ```js
-assert(
-  $('a')
-    .eq(0)
-    .text()
-    .match(/Jump to Bottom/gi)
-);
+assert.match(document.querySelector('a').textContent,/Jump to Bottom/gi);
 ```
 
 `footer` タグの `id` 属性は "footer" に設定されている必要があります。
 
 ```js
-assert($('footer').eq(0).attr('id') == 'footer');
+assert.strictEqual(document.querySelector('footer').getAttribute('id'),'footer');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md
index 9c92a3741c..d8e6a5232e 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/make-dead-links-using-the-hash-symbol.md
@@ -24,7 +24,7 @@ dashedName: make-dead-links-using-the-hash-symbol
 `a` 要素は、`href` 属性の値が "#" に設定されたデッドリンクである必要があります。
 
 ```js
-assert($('a').attr('href') === '#');
+assert.strictEqual(document.querySelector('a').getAttribute('href'),'#');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md
index af1357bfb6..ecf64bf8a2 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.md
@@ -53,82 +53,61 @@ Here's a <a href="https://www.freecodecamp.org" target="_blank">link to www.free
 `a` 要素が 1 つだけあるようにしてください。
 
 ```js
-assert(
-  $('a').length  === 1 
-);
+assert.lengthOf(document.querySelectorAll('a'), 1 );
 ```
 
 `a` 要素は "`https://www.freecatphotoapp.com`" にリンクする必要があります。
 
 ```js
-assert(
-  $('a[href="https://www.freecatphotoapp.com"]').length  === 1 
-);
+assert.lengthOf(document.querySelectorAll('a[href="https://www.freecatphotoapp.com"]'),1);
 ```
 
 `a` 要素は、`cat photos` というアンカーテキストを持つ必要があります。
 
 ```js
-assert(
-  $('a')
-    .text()
-    .match(/cat\sphotos/gi)
-);
+assert.match(document.querySelector('a').textContent,/cat\sphotos/gi)
 ```
 
 新しい `p` 要素を作成してください。 HTML コードには、`p` タグが少なくとも合計 3 つあるはずです。
 
 ```js
-assert($('p') && $('p').length > 2);
+assert.lengthOf(document.querySelectorAll('p'),3)
 ```
 
 `a` 要素は新しく作成した `p` 要素の中にネストされている必要があります。
 
 ```js
-assert(
-  $('a[href="https://www.freecatphotoapp.com"]').parent().is('p')
-);
+const anchorParent = document.querySelector('a[href="https://www.freecatphotoapp.com"]').parentNode;
+assert.strictEqual(anchorParent.tagName,"P")
 ```
 
 `p` 要素には `View more` (その後に半角スペース) というテキストが必要です。
 
 ```js
-assert(
-  $('a[href="https://www.freecatphotoapp.com"]')
-    .parent()
-    .text()
-    .match(/View\smore\s/gi)
-);
+const textContent = document.querySelector('a[href="https://www.freecatphotoapp.com"]').parentNode.textContent;
+assert.match(textContent,/View\smore\s/gi);
 ```
 
 `a` 要素には `View more` というテキストが含まれ<em>ない</em>ようにしてください。
 
 ```js
-assert(
-  !$('a')
-    .text()
-    .match(/View\smore/gi)
-);
+assert.notMatch(document.querySelector('a').textContent,/View\smore/gi); 
 ```
 
 それぞれの `p` 要素に終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/p>/g) &&
-    code.match(/<p/g) &&
-    code.match(/<\/p>/g).length === code.match(/<p/g).length
-);
+assert.match(code,/<\/p>/g);
+assert.match(code,/<p/g);
+assert.strictEqual(code.match(/<\/p>/g).length,code.match(/<p/g).length);
 ```
 
 それぞれの `a` 要素に終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/a>/g) &&
-    code.match(/<a/g) &&
-    code.match(/<\/a>/g).length === code.match(/<a/g).length
-);
+assert.match(code,/<\/a>/g);
+assert.match(code,/<a/g);
+assert.strictEqual(code.match(/<\/a>/g).length,code.match(/<a/g).length);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md
index 3e969a591e..e78cf84b9c 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/nest-many-elements-within-a-single-div-element.md
@@ -26,28 +26,32 @@ dashedName: nest-many-elements-within-a-single-div-element
 `p` 要素は、`div` 要素の中にネストする必要があります。
 
 ```js
-assert($('div').children('p').length > 1);
+const div = document.querySelector('div');
+const children = div.querySelectorAll('p');
+assert.isAbove(children.length,1);
 ```
 
 `ul` 要素は、`div` 要素の中にネストする必要があります。
 
 ```js
-assert($('div').children('ul').length > 0);
+const div = document.querySelector('div');
+const children = div.querySelectorAll('ul');
+assert.notEmpty(children);
 ```
 
 `ol` 要素は、`div` 要素の中にネストする必要があります。
 
 ```js
-assert($('div').children('ol').length > 0);
+const div = document.querySelector('div');
+const children = div.querySelectorAll('ol');
+assert.notEmpty(children);
 ```
 
 `div` 要素には終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/div>/g) &&
-    code.match(/<\/div>/g).length === code.match(/<div>/g).length
-);
+assert.match(code,/<\/div>/g);
+assert.strictEqual(code.match(/<\/div>/g).length,code.match(/<div>/g).length);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
index 428c2ae607..694475ea21 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/say-hello-to-html-elements.md
@@ -42,7 +42,7 @@ freeCodeCamp の HTML コーディングチャレンジへようこそ。 この
 `h1` 要素のテキストは `Hello World` でなければなりません。
 
 ```js
-assert.isTrue(/hello(\s)+world/gi.test($('h1').text()));
+assert.match(document.querySelector('h1').textContent,/hello(\s)+world/gi);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
index eb0f73aa80..70404e8cd0 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
@@ -30,23 +30,25 @@ dashedName: turn-an-image-into-a-link
 既存の `img` 要素が `a` 要素内にネストされている必要があります。
 
 ```js
-assert($('a').children('img').length > 0);
+const anchor = document.querySelectorAll('a')[1];
+const children = anchor.querySelectorAll("img");
+assert.notEmpty(children);
 ```
 
 `a` 要素は、`href` 属性が `#` に設定された、無効なリンクであるべきです。
 
 ```js
-assert(new RegExp('#').test($('a').children('img').parent().attr('href')));
+const anchor = document.querySelectorAll('a')[1];
+const parentHREF = anchor.querySelector("img").parentNode.getAttribute('href');
+assert.match(parentHREF,new RegExp('#'));
 ```
 
 それぞれの `a` 要素に終了タグが必要です。
 
 ```js
-assert(
-  code.match(/<\/a>/g) &&
-    code.match(/<a/g) &&
-    code.match(/<\/a>/g).length === code.match(/<a/g).length
-);
+assert.match(code,/<\/a>/g);
+assert.match(code,/<a/g);
+assert.strictEqual(code.match(/<\/a>/g).length, code.match(/<a/g).length)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/uncomment-html.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
index 751551119b..b0388f0233 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
@@ -24,25 +24,27 @@ HTML のコメントは `<!--` で始まり、`-->` で終わります。
 コメントを解除すると `h1` 要素はページに表示されるはずです。
 
 ```js
-assert($('h1').length > 0);
+assert.notEmpty(document.querySelectorAll('h1'));
 ```
 
 コメントを解除すると `h2` 要素はページに表示されるはずです。
 
 ```js
-assert($('h2').length > 0);
+assert.notEmpty(document.querySelectorAll('h2'));
 ```
 
 コメントを解除すると `p` 要素はページに表示されるはずです。
 
 ```js
-assert($('p').length > 0);
+assert.notEmpty(document.querySelectorAll('p'));
 ```
 
 コメントタグの末尾がページに表示されてはいけません (例: `-->`) 。
 
 ```js
-assert(!$('*:contains("-->")')[1]);
+const elements = document.querySelectorAll('*');
+const potentialComments = Array.from(elements).filter(el => el.textContent.includes('-->'));
+assert.notExists(potentialComments[1])
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
index 417834c3b8..61939f834e 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-html5-to-require-a-field.md
@@ -24,7 +24,7 @@ dashedName: use-html5-to-require-a-field
 テキスト入力フィールドの `input` 要素に `required` 属性が必要です。
 
 ```js
-assert($('input').prop('required'));
+assert.isTrue(document.querySelector('input').required);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
index d66b8085dc..91ef08a694 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes.md
@@ -34,49 +34,36 @@ dashedName: use-the-value-attribute-with-radio-buttons-and-checkboxes
 ラジオボタンの 1 つに `indoor` という `value` 属性を設定してください。
 
 ```js
-assert(
-  $('label:contains("Indoor") > input[type="radio"]').filter("[value='indoor']")
-    .length > 0
-);
+const indoorRadioButton = [...document.querySelectorAll('label > input[type="radio"]')].filter(x => x.value === "indoor");
+assert.notEmpty(indoorRadioButton)
 ```
 
 ラジオボタンの 1 つに `outdoor` という `value` 属性を設定してください。
 
 ```js
-assert(
-  $('label:contains("Outdoor") > input[type="radio"]').filter(
-    "[value='outdoor']"
-  ).length > 0
-);
+const outdoorRadioButton = [...document.querySelectorAll('label > input[type="radio"]')].filter(x => x.value === "outdoor");
+assert.notEmpty(outdoorRadioButton);
 ```
 
 チェックボックスの 1 つに `loving` という `value` 属性を設定してください。
 
 ```js
-assert(
-  $('label:contains("Loving") > input[type="checkbox"]').filter(
-    "[value='loving']"
-  ).length > 0
-);
+const lovingCheckbox = [...document.querySelectorAll('label > input[type="checkbox"]')].filter(x => x.value === "loving");
+assert.notEmpty(lovingCheckbox); 
 ```
 
 チェックボックスの 1 つに `lazy` という `value` 属性を設定してください。
 
 ```js
-assert(
-  $('label:contains("Lazy") > input[type="checkbox"]').filter("[value='lazy']")
-    .length > 0
-);
+const lazyCheckbox = [...document.querySelectorAll('label > input[type="checkbox"]')].filter(x => x.value === "lazy");
+assert.notEmpty(lazyCheckbox); 
 ```
 
 チェックボックスの 1 つに `energetic` という `value` 属性を設定してください。
 
 ```js
-assert(
-  $('label:contains("Energetic") > input[type="checkbox"]').filter(
-    "[value='energetic']"
-  ).length > 0
-);
+const energeticCheckbox =  [...document.querySelectorAll('label > input[type="checkbox"]')].filter(x => x.value === "energetic");
+assert.notEmpty(energeticCheckbox);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
index 1934532998..d2011cd901 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
@@ -22,49 +22,66 @@ CSS プロパティ `display: flex` を以下のすべてのアイテムに追
 `.follow-btn` がページ上に表示されている必要があります。 必ず広告ブロッカーなどの拡張機能をオフにしてください。
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `header` は `display` プロパティを `flex` に設定する必要があります。
 
 ```js
-assert($('header').css('display') == 'flex');
+const header = document.querySelector('header');
+const displayStyle = window.getComputedStyle(header)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `footer` は `display` プロパティを `flex` に設定する必要があります。
 
 ```js
-assert($('footer').css('display') == 'flex');
+const footer = document.querySelector('footer');
+const displayStyle = window.getComputedStyle(footer)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `h3` は `display` プロパティを `flex` に設定する必要があります。
 
 ```js
-assert($('h3').css('display') == 'flex');
+const h3Element = document.querySelector('h3');
+const displayStyle = window.getComputedStyle(h3Element)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `h4` は `display` プロパティを `flex` に設定する必要があります。
 
 ```js
-assert($('h4').css('display') == 'flex');
+const h4Element = document.querySelector('h4');
+const displayStyle = window.getComputedStyle(h4Element)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `.profile-name` は `display` プロパティを `flex` に設定する必要があります。
 
 ```js
-assert($('.profile-name').css('display') == 'flex');
+const profileName = document.querySelector('.profile-name');
+const displayStyle = window.getComputedStyle(profileName)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `.follow-btn` は `display` プロパティを `flex` に設定する必要があります。
 
 ```js
-assert($('.follow-btn').css('display') == 'flex');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `.stats` は `display` プロパティを `flex` に設定する必要があります。
 
 ```js
-assert($('.stats').css('display') == 'flex');
+const stats = document.querySelector('.stats');
+const displayStyle = window.getComputedStyle(stats)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 # --seed--
@@ -142,18 +159,17 @@ assert($('.stats').css('display') == 'flex');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -171,7 +187,7 @@ assert($('.stats').css('display') == 'flex');
     font-family: Arial, sans-serif;
   }
   header {
-   display: flex;
+    display: flex;
   }
   header .profile-thumbnail {
     width: 50px;
@@ -191,7 +207,8 @@ assert($('.stats').css('display') == 'flex');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -226,7 +243,11 @@ assert($('.stats').css('display') == 'flex');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -236,18 +257,17 @@ assert($('.stats').css('display') == 'flex');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
index e4bed0094c..1f2f0d9d95 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
@@ -31,7 +31,9 @@ CSS は `align-items` プロパティを提供しており、フレックスア
 `#box-container` 要素の `align-items` プロパティを `center` に設定してください。
 
 ```js
-assert($('#box-container').css('align-items') == 'center');
+const boxContainer = document.querySelector('#box-container');
+const alignment = window.getComputedStyle(boxContainer)['align-items'];
+assert.strictEqual(alignment, 'center');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
index 4478583b25..95036018b6 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
@@ -31,7 +31,10 @@ dashedName: align-elements-using-the-justify-content-property
 `#box-container` 要素の `justify-content` プロパティを `center` に設定してください。
 
 ```js
-assert($('#box-container').css('justify-content') == 'center');
+const boxContainer = document.querySelector('#box-container');
+const justifyDirection =
+  window.getComputedStyle(boxContainer)['justify-content'];
+assert.strictEqual(justifyDirection, 'center');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
index 2a0da9ed7a..7a4566e6c3 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
@@ -20,13 +20,18 @@ CSS プロパティ `flex-direction` を `.profile-name` 要素に追加し、
 `.follow-btn` がページ上に表示されている必要があります。 必ず広告ブロッカーなどの拡張機能をオフにしてください。
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `.profile-name` 要素の `flex-direction` プロパティを `column` に設定する必要があります。
 
 ```js
-assert($('.profile-name').css('flex-direction') == 'column');
+const profileName = document.querySelector('.profile-name');
+const flexDirection = window.getComputedStyle(profileName)['flex-direction'];
+assert.strictEqual(flexDirection, 'column');
 ```
 
 # --seed--
@@ -38,7 +43,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -61,7 +67,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -93,7 +100,11 @@ assert($('.profile-name').css('flex-direction') == 'column');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -103,18 +114,17 @@ assert($('.profile-name').css('flex-direction') == 'column');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -131,7 +141,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -154,7 +165,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -186,7 +198,11 @@ assert($('.profile-name').css('flex-direction') == 'column');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -196,18 +212,17 @@ assert($('.profile-name').css('flex-direction') == 'column');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
index 571901838e..de17369aa9 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
@@ -20,19 +20,22 @@ CSS プロパティ `flex-direction` を `header` と `footer` に追加し、
 `.follow-btn` がページ上に表示されている必要があります。 必ず広告ブロッカーなどの拡張機能をオフにしてください。
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `header` は `flex-direction` プロパティを `row` に設定する必要があります。
 
 ```js
-assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g));
+assert.match(code, /header\s*?{[^}]*?flex-direction:\s*?row;/g);
 ```
 
 `footer` は `flex-direction` プロパティを `row` に設定する必要があります。
 
 ```js
-assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
+assert.match(code, /footer\s*?{[^}]*?flex-direction:\s*?row;/g);
 ```
 
 # --seed--
@@ -66,7 +69,8 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -102,7 +106,11 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -112,18 +120,17 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -162,7 +169,8 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -198,7 +206,11 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -208,18 +220,17 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
index 117856d15e..8b45f1ada2 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
@@ -22,7 +22,9 @@ CSS プロパティ `display` を `#box-container` に追加し、値を `flex`
 `#box-container` は `display` プロパティを `flex` に設定しなければなりません。
 
 ```js
-assert($('#box-container').css('display') == 'flex');
+const boxContainer = document.querySelector('#box-container');
+const displayStyle = window.getComputedStyle(boxContainer)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
index 0b29bd249e..07e1b90cfd 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
@@ -20,13 +20,18 @@ CSS プロパティ `align-items` をヘッダーの `.follow-btn` 要素に追
 `.follow-btn` がページ上に表示されている必要があります。 必ず広告ブロッカーなどの拡張機能をオフにしてください。
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `.follow-btn` 要素の `align-items` プロパティを `center` に設定してください。
 
 ```js
-assert($('.follow-btn').css('align-items') == 'center');
+const followButton = document.querySelector('.follow-btn');
+const alignItems = window.getComputedStyle(followButton)['align-items'];
+assert.strictEqual(alignItems, 'center');
 ```
 
 # --seed--
@@ -38,7 +43,8 @@ assert($('.follow-btn').css('align-items') == 'center');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -63,7 +69,8 @@ assert($('.follow-btn').css('align-items') == 'center');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -95,7 +102,11 @@ assert($('.follow-btn').css('align-items') == 'center');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -105,18 +116,17 @@ assert($('.follow-btn').css('align-items') == 'center');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -133,7 +143,8 @@ assert($('.follow-btn').css('align-items') == 'center');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -158,7 +169,8 @@ assert($('.follow-btn').css('align-items') == 'center');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -190,7 +202,11 @@ assert($('.follow-btn').css('align-items') == 'center');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -200,18 +216,17 @@ assert($('.follow-btn').css('align-items') == 'center');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-self-property.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
index bed0271f43..993f2976ad 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
@@ -22,13 +22,17 @@ CSS プロパティ `align-self` を `#box-1` と `#box-2` の両方に追加し
 `#box-1` 要素の `align-self` プロパティを `center` に設定してください。
 
 ```js
-assert($('#box-1').css('align-self') == 'center');
+const boxOne = document.querySelector('#box-1');
+const alignment = window.getComputedStyle(boxOne)['align-self'];
+assert.strictEqual(alignment, 'center');
 ```
 
 `#box-2` 要素の `align-self` プロパティを `flex-end` に設定してください。
 
 ```js
-assert($('#box-2').css('align-self') == 'flex-end');
+const boxTwo = document.querySelector('#box-2');
+const alignment = window.getComputedStyle(boxTwo)['align-self'];
+assert.strictEqual(alignment, 'flex-end');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
index 146d2e20f5..16487588eb 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
@@ -22,25 +22,29 @@ dashedName: use-the-flex-basis-property-to-set-the-initial-size-of-an-item
 `#box-1` 要素は `flex-basis` プロパティを持つ必要があります。
 
 ```js
-assert($('#box-1').css('flex-basis') != 'auto');
+const boxOne = document.querySelector('#box-1');
+const flexBasis = window.getComputedStyle(boxOne)['flex-basis'];
+assert.notStrictEqual(flexBasis, 'auto');
 ```
 
 `#box-1` 要素の `flex-basis` プロパティを `10em` に設定してください。
 
 ```js
-assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g));
+assert.match(code, /#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g);
 ```
 
 `#box-2` 要素は `flex-basis` プロパティを持つ必要があります。
 
 ```js
-assert($('#box-2').css('flex-basis') != 'auto');
+const boxTwo = document.querySelector('#box-2');
+const flexBasis = window.getComputedStyle(boxTwo)['flex-basis'];
+assert.notStrictEqual(flexBasis, 'auto');
 ```
 
 `#box-2` 要素の `flex-basis` プロパティを `20em` に設定してください。
 
 ```js
-assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g));
+assert.match(code, /#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
index b28f8b883a..c7e2c1c5fd 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
@@ -20,7 +20,9 @@ CSS プロパティ `flex-direction` を `#box-container` 要素に追加し、`
 `#box-container` 要素の `flex-direction` プロパティを `column` に設定する必要があります。
 
 ```js
-assert($('#box-container').css('flex-direction') == 'column');
+const boxContainer = document.querySelector('#box-container');
+const flexDirection = window.getComputedStyle(boxContainer)['flex-direction'];
+assert.strictEqual(flexDirection, 'column');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
index 4bd612f4a3..f706d95d72 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
@@ -24,7 +24,9 @@ CSS プロパティ `flex-direction` を `#box-container` 要素に追加し、`
 `#box-container` 要素の `flex-direction` プロパティを `row-reverse` に設定する必要があります 。
 
 ```js
-assert($('#box-container').css('flex-direction') == 'row-reverse');
+const boxContainer = document.querySelector('#box-container');
+const flexDirection = window.getComputedStyle(boxContainer)['flex-direction'];
+assert.strictEqual(flexDirection, 'row-reverse');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
index 6779efc504..a2ef5e1a93 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
@@ -22,13 +22,17 @@ CSS プロパティ `flex-grow` を `#box-1` と `#box-2` の両方に追加し
 `#box-1` 要素の `flex-grow` プロパティを `1` に設定してください。
 
 ```js
-assert($('#box-1').css('flex-grow') == '1');
+const boxOne = document.querySelector('#box-1');
+const flexGrow = window.getComputedStyle(boxOne)['flex-grow'];
+assert.equal(flexGrow, '1');
 ```
 
 `#box-2` 要素の `flex-grow` プロパティを `2` に設定してください。
 
 ```js
-assert($('#box-2').css('flex-grow') == '2');
+const boxTwo = document.querySelector('#box-2');
+const flexGrow = window.getComputedStyle(boxTwo)['flex-grow'];
+assert.equal(flexGrow, '2');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
index 9a17a4d8aa..4074eda3b4 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
@@ -26,27 +26,33 @@ CSS プロパティ `flex` を `#box-1` と `#box-2` の両方に追加します
 `#box-1` 要素の `flex` プロパティを `2 2 150px` に設定してください。
 
 ```js
-assert(
-  $('#box-1').css('flex-grow') == '2' &&
-    $('#box-1').css('flex-shrink') == '2' &&
-    $('#box-1').css('flex-basis') == '150px'
-);
+const boxOne = document.querySelector('#box-1');
+const flexGrow = window.getComputedStyle(boxOne)['flex-grow'];
+const flexShrink = window.getComputedStyle(boxOne)['flex-shrink'];
+const flexBasis = window.getComputedStyle(boxOne)['flex-basis'];
+
+assert.equal(flexGrow, '2');
+assert.equal(flexShrink, '2');
+assert.equal(flexBasis, '150px');
 ```
 
 `#box-2` 要素の `flex` プロパティを `1 1 150px` に設定してください。
 
 ```js
-assert(
-  $('#box-2').css('flex-grow') == '1' &&
-    $('#box-2').css('flex-shrink') == '1' &&
-    $('#box-2').css('flex-basis') == '150px'
-);
+const boxTwo = document.querySelector('#box-2');
+const flexGrow = window.getComputedStyle(boxTwo)['flex-grow'];
+const flexShrink = window.getComputedStyle(boxTwo)['flex-shrink'];
+const flexBasis = window.getComputedStyle(boxTwo)['flex-basis'];
+
+assert.equal(flexGrow, '1');
+assert.equal(flexShrink, '1');
+assert.equal(flexBasis, '150px');
 ```
 
 コードは `#box-1` と `#box-2` の両方で `flex` プロパティを使用してください。
 
 ```js
-assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2);
+assert.lengthOf(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g), 2);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
index 239501d5ea..f0578de2f8 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
@@ -24,13 +24,17 @@ CSS プロパティ `flex-shrink` を `#box-1` と `#box-2` の両方に追加
 `#box-1` 要素の `flex-shrink` プロパティを `1` に設定してください。
 
 ```js
-assert($('#box-1').css('flex-shrink') == '1');
+const boxOne = document.querySelector('#box-1');
+const flexShrink = window.getComputedStyle(boxOne)['flex-shrink'];
+assert.equal(flexShrink, '1');
 ```
 
 `#box-2` 要素の `flex-shrink` プロパティを `2` に設定してください。
 
 ```js
-assert($('#box-2').css('flex-shrink') == '2');
+const boxTwo = document.querySelector('#box-2');
+const flexShrink = window.getComputedStyle(boxTwo)['flex-shrink'];
+assert.equal(flexShrink, '2');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
index dc949b569b..b272c5bea7 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
@@ -26,7 +26,9 @@ CSS には折り返す方向のオプションもあります:
 `#box-container` 要素の `flex-wrap` プロパティを `wrap` に設定してください。
 
 ```js
-assert($('#box-container').css('flex-wrap') == 'wrap');
+const boxContainer = document.querySelector('#box-container');
+const flexWrap = window.getComputedStyle(boxContainer)['flex-wrap'];
+assert.strictEqual(flexWrap, 'wrap');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
index 06b20ea79b..8d45eafe5c 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
@@ -20,16 +20,18 @@ dashedName: use-the-justify-content-property-in-the-tweet-embed
 `.follow-btn` がページ上に表示されている必要があります。 必ず広告ブロッカーなどの拡張機能をオフにしてください。
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `.profile-name` 要素は `justify-content` プロパティを持ち、次のいずれかの値が設定されていなければなりません: `center`、`flex-start`、`flex-end`、`space-between`、`space-around`、`space-evenly`。
 
 ```js
-assert(
-  code.match(
-    /header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around|space-evenly)\s*;/g
-  )
+assert.match(
+  code,
+  /header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around|space-evenly)\s*;/g
 );
 ```
 
@@ -42,7 +44,8 @@ assert(
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -66,7 +69,8 @@ assert(
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -98,7 +102,11 @@ assert(
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -108,18 +116,17 @@ assert(
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -136,7 +143,8 @@ assert(
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -160,7 +168,8 @@ assert(
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -192,7 +201,11 @@ assert(
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -202,18 +215,17 @@ assert(
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
index abb8610a88..2c61d7e80d 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
@@ -20,13 +20,17 @@ CSS プロパティ `order` を `#box-1` と `#box-2` の両方に追加して
 `#box-1` 要素の `order` プロパティを `2` に設定してください。
 
 ```js
-assert($('#box-1').css('order') == '2');
+const boxOne = document.querySelector('#box-1');
+const order = window.getComputedStyle(boxOne)['order'];
+assert.strictEqual(order, '2');
 ```
 
 `#box-2` 要素の `order` プロパティを `1` に設定してください。
 
 ```js
-assert($('#box-2').css('order') == '1');
+const boxTwo = document.querySelector('#box-2');
+const order = window.getComputedStyle(boxTwo)['order'];
+assert.strictEqual(order, '1');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
index 1fb5cdd334..3e5a901094 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
@@ -29,7 +29,10 @@ dashedName: add-columns-with-grid-template-columns
 `container` クラスは 3 つの `100px` の値を持つ `grid-template-columns` プロパティを持つ必要があります。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColumns === '100px 100px 100px');
+const templateColumns = new __helpers.CSSHelp(document).getStyle(
+  '.container'
+)?.gridTemplateColumns;
+assert.strictEqual(templateColumns, '100px 100px 100px');
 ```
 
 # --seed--
@@ -38,11 +41,21 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -68,5 +81,9 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 100px 100px 100px;}</style>
+<style>
+  .container {
+    grid-template-columns: 100px 100px 100px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
index e1835dd53d..cee1d7d326 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
@@ -20,10 +20,9 @@ dashedName: add-gaps-faster-with-grid-gap
 `container` クラスは、`grid-gap` プロパティを持ち、行間に `10px` の隙間、列間に `20px` の隙間を作成する必要があります。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +74,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-gap: 10px 20px;}</style>
+<style>
+  .container {
+    grid-gap: 10px 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
index ecbfb8b8bf..3532d5eeb1 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
@@ -20,10 +20,9 @@ dashedName: add-rows-with-grid-template-rows
 `container` クラスは 2 つの `50px` の値を持つ `grid-template-rows`プロパティを持つ必要があります。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +73,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-rows: 50px 50px;}</style>
+<style>
+  .container {
+    grid-template-rows: 50px 50px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
index 0a71f43216..c50e944d1f 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
@@ -20,10 +20,9 @@ CSS グリッドの全てのアイテムを同じ配置にしたい場合があ
 `container` クラスは `center` の値を持つ `justify-items` プロパティを持つ必要があります。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {justify-items: center;}</style>
+<style>
+  .container {
+    justify-items: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
index b143655e1f..bd50b2950b 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
@@ -20,8 +20,9 @@ dashedName: align-all-items-vertically-using-align-items
 `container` クラスは `end` の値を持つ `align-items` プロパティを持つ必要があります。
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {align-items: end;}</style>
+<style>
+  .container {
+    align-items: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
index dc82bece5f..af4a0bd24e 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
@@ -26,8 +26,9 @@ CSS グリッドでは、各アイテムのコンテンツは<dfn>セル</dfn>
 `item2` クラスは `center` の値を持つ `justify-self` プロパティを持つ必要があります。
 
 ```js
-assert(
-  code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -37,7 +38,9 @@ assert(
 
 ```html
 <style>
-  .item1{background: LightSkyBlue;}
+  .item1 {
+    background: LightSkyBlue;
+  }
 
   .item2 {
     background: LightSalmon;
@@ -47,9 +50,15 @@ assert(
     /* Only change code above this line */
   }
 
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -75,5 +84,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item2 {justify-self: center;}</style>
+<style>
+  .item2 {
+    justify-self: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
index 187a7e7769..c2a1dade18 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
@@ -20,7 +20,7 @@ dashedName: align-an-item-vertically-using-align-self
 `item3` クラスは `end` の値を持つ `align-self` プロパティを持つ必要があります。
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -29,8 +29,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
 
   .item3 {
     background: PaleTurquoise;
@@ -40,8 +44,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
     /* Only change code above this line */
   }
 
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +75,9 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {align-self: end;}</style>
+<style>
+  .item3 {
+    align-self: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
index 4bcbab68a6..9f1efd8aa5 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
@@ -26,10 +26,9 @@ grid-column-gap: 10px;
 `container` クラスは `20px` の値を持つ `grid-column-gap` プロパティを持つ必要があります。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -72,5 +81,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-column-gap: 20px;}</style>
+<style>
+  .container {
+    grid-column-gap: 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
index 2ae0e15f30..139ff5b0e4 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
@@ -20,8 +20,9 @@ dashedName: create-a-row-gap-using-grid-row-gap
 `container` クラスは `5px` の値を持つ `grid-row-gap` プロパティを持つ必要があります。
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +75,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-row-gap: 5px;}</style>
+<style>
+  .container {
+    grid-row-gap: 5px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
index 14301d0e70..035b0975aa 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
@@ -26,10 +26,9 @@ repeat(auto-fill, minmax(60px, 1fr));
 `container` クラスは `repeat` と `auto-fill` が設定された `grid-template-columns` プロパティを持ち、最小幅が `60px` で最大幅が `1fr` の列でグリッドを埋めるようにします。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -91,11 +100,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
index a3da5c7bd9..57daea07ad 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
@@ -22,10 +22,9 @@ dashedName: create-flexible-layouts-using-auto-fit
 `container2` クラスは `repeat` と `auto-fit` が設定された `grid-template-columns` プロパティを持ち、最小幅が `60px` で最大幅が `1fr` の列でグリッドを埋めるようにします。
 
 ```js
-assert(
-  code.match(
-    /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -35,11 +34,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -87,5 +96,12 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));} .container2 {grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+  }
+  .container2 {
+    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-grids-within-grids.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-grids-within-grids.md
index 0d2401ecf4..071d86114b 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-grids-within-grids.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-grids-within-grids.md
@@ -21,17 +21,16 @@ dashedName: create-grids-within-grids
 `item3` クラスは `grid-template-columns` プロパティを持ち、値に `auto` と `1fr` を設定する必要があります。
 
 ```js
-assert(
-  code.match(
-    /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
 );
 ```
 
 `item3` クラスは `grid` の値を持つ `display` プロパティを持つ必要があります。
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -50,9 +49,9 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
     grid-template-rows: auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "advert header"
-      "advert content"
-      "advert footer";
+      'advert header'
+      'advert content'
+      'advert footer';
   }
   .item1 {
     background: LightSkyBlue;
@@ -85,7 +84,6 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
   .itemTwo {
     background: BlanchedAlmond;
   }
-
 </style>
 
 <div class="container">
@@ -102,5 +100,10 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {grid-template-columns: auto 1fr; display: grid;}</style>
+<style>
+  .item3 {
+    grid-template-columns: auto 1fr;
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-your-first-css-grid.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-your-first-css-grid.md
index 8b8e448d18..0751b41744 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-your-first-css-grid.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/create-your-first-css-grid.md
@@ -22,7 +22,7 @@ dashedName: create-your-first-css-grid
 `container` クラスは `grid` の値を持つ `display` プロパティを持つ必要があります。
 
 ```js
-assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -31,11 +31,21 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,5 +70,9 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.container {display: grid;}</style>
+<style>
+  .container {
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
index 83c0fade02..1fcd545f8f 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
@@ -12,9 +12,9 @@ dashedName: divide-the-grid-into-an-area-template
 
 ```css
 grid-template-areas:
-  "header header header"
-  "advert content content"
-  "advert footer footer";
+  'header header header'
+  'advert content content'
+  'advert footer footer';
 ```
 
 上記のコードは、グリッドのセルを `header`, `advert`, `content`, `footer` の 4 つのエリアにグループ化します。 すべての単語はセルを表し、引用符のすべてのペアは行を表します。
@@ -28,12 +28,9 @@ grid-template-areas:
 `container` クラスは、例のような `grid-template-areas` プロパティを持つ必要がありますが、`footer` エリアは下の行全体に広がるようにしてください。
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -43,11 +40,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,9 +67,9 @@ assert(
     grid-gap: 10px;
     grid-template-areas:
     /* Only change code below this line */
-      "header header header"
-      "advert content content"
-      "advert footer footer";
+      'header header header'
+      'advert content content'
+      'advert footer footer';
     /* Only change code above this line */
   }
 </style>
@@ -80,11 +87,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -97,9 +114,9 @@ assert(
     grid-gap: 10px;
 
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
index 4656860fa0..4169a655ba 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
@@ -26,10 +26,9 @@ grid-template-columns: 100px minmax(50px, 200px);
 `container` クラスは、`grid-template-columns` プロパティを持ち、最小幅 `90px`、最大幅 `1fr` で 3 列を繰り返すように設定する必要があります。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -73,5 +82,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, minmax(90px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, minmax(90px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
index bab6bc5e7b..baca13f559 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
@@ -28,10 +28,9 @@ dashedName: place-items-in-grid-areas-using-the-grid-area-property
 `item5` クラスは `footer` の値を持つ `grid-area` プロパティを持つ必要があります。
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi)
+assert.match(
+  __helpers.removeCssComments(code),
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -41,10 +40,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -64,9 +71,9 @@ assert(
     grid-template-rows: 1fr 1fr 1fr;
     grid-gap: 10px;
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
@@ -82,5 +89,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: footer;}</style>
+<style>
+  .item5 {
+    grid-area: footer;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
index 3b22722984..1415d265d0 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
@@ -42,10 +42,9 @@ grid-template-columns: 1fr 50px 1fr 50px 20px;
 `container` クラスは、`grid-template-columns` プロパティを持ち、`1fr` の幅で 3 列を繰り返すように設定する必要があります。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -55,11 +54,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -89,5 +98,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, 1fr);}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, 1fr);
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
index 5f130a3447..78fdf80a6d 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
@@ -34,10 +34,9 @@ grid-template-columns: auto 50px 10% 2fr 1fr;
 `container` クラスは幅が `1fr`、`100px`、`2fr` の 3 列を生成する `grid-template-columns` プロパティを持つ必要があります。
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -47,11 +46,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -79,5 +88,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 1fr 100px 2fr;}</style>
+<style>
+  .container {
+    grid-template-columns: 1fr 100px 2fr;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
index 3f14f09f41..3c29714c7f 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
@@ -12,13 +12,16 @@ dashedName: use-grid-area-without-creating-an-areas-template
 前回のチャレンジで学んだ `grid-area` プロパティは、別の方法でも使用できます。 参照できるエリアテンプレートがグリッドにない場合は、 アイテムを配置するためのエリアをその場で作成できます。
 
 ```css
-item1 { grid-area: 1/1/2/4; }
+item1 {
+  grid-area: 1/1/2/4;
+}
 ```
 
 これは、どのエリアにこのアイテムがあるかを定義するために、以前に学んだグリッド線の番号を使用しています。 上の例における数値は以下の値を表しています。
 
 ```css
-grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;
+grid-area: horizontal line to start at / vertical line to start at / horizontal
+  line to end at / vertical line to end at;
 ```
 
 そのため、例におけるアイテムは 1 番目から 2 番目の線の間にある行と、1 番目から 4 番目の線の間にある列を消費します。
@@ -32,10 +35,9 @@ grid-area: horizontal line to start at / vertical line to start at / horizontal
 `item5` クラスは `grid-area` を持ち、これは 3 番目から 4 番目の水平線と 1 番目から 4 番目の垂直線の間のエリア全体を埋める必要があります。
 
 ```js
-assert(
-  code.match(
-    /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -45,10 +47,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -82,5 +92,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: 3/1/4/4;}</style>
+<style>
+  .item5 {
+    grid-area: 3/1/4/4;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
index 0ce47d244b..eb8d0300d5 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
@@ -36,18 +36,19 @@ grid-column: 1 / 3;
 `item5` クラスが `grid-column` プロパティを持つようにしてください。
 
 ```js
-assert(
-  __helpers
-    .removeWhiteSpace($('style').text())
-    .match(/\.item5{.*grid-column:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-column:.*}/g
 );
 ```
 
 `item5` クラスの `grid-column` プロパティは、グリッドの最後の 2 列を消費するように設定される必要があります。
 
 ```js
-const colStart = getComputedStyle($('.item5')[0]).gridColumnStart;
-const colEnd = getComputedStyle($('.item5')[0]).gridColumnEnd;
+const itemFive = document.querySelector('.item5');
+const colStart = getComputedStyle(itemFive).gridColumnStart;
+const colEnd = getComputedStyle(itemFive).gridColumnEnd;
 const result = colStart.toString() + colEnd.toString();
 const correctResults = [
   '24',
@@ -60,7 +61,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -69,10 +70,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -107,10 +116,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
index f4fc5d097e..0a2c9bac93 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
@@ -20,16 +20,19 @@ dashedName: use-grid-row-to-control-spacing
 `item5` クラスが `grid-row` プロパティを持つようにしてください。
 
 ```js
-assert(
-  __helpers.removeWhiteSpace($('style').text()).match(/\.item5{.*grid-row:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-row:.*}/g
 );
 ```
 
 `item5` クラスの `grid-row` プロパティは、グリッドの最後の 2 行を消費するように設定される必要があります。
 
 ```js
-const rowStart = getComputedStyle($('.item5')[0]).gridRowStart;
-const rowEnd = getComputedStyle($('.item5')[0]).gridRowEnd;
+const itemFive = document.querySelector('.item5');
+const rowStart = getComputedStyle(itemFive).gridRowStart;
+const rowEnd = getComputedStyle(itemFive).gridRowEnd;
 const result = rowStart.toString() + rowEnd.toString();
 const correctResults = [
   '24',
@@ -42,7 +45,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -51,10 +54,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -89,10 +100,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
index a28f964ae0..a1fe2af281 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
@@ -22,12 +22,9 @@ CSS グリッドは、メディアクエリを使ってグリッドエリアの
 ビューポートが `400px` 以上の場合、`container` クラスは `grid-template-areas` プロパティを持ち、ヘッダーとフッターの領域がそれぞれ一番上と一番下の行を占め、広告とコンテンツが中央行の左列と右列を占めるようにします。
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -67,30 +64,30 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
       /* Only change code below this line */
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
       /* Only change code above this line */
     }
   }
@@ -138,29 +135,29 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
-        "header header"
-        "advert content"
-        "footer footer";
+        'header header'
+        'advert content'
+        'footer footer';
     }
   }
 </style>
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
index 3dbdc49927..0c0f9b9026 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
@@ -16,13 +16,17 @@ dashedName: create-a-media-query
 下記はデバイスの幅が `100px` 以下の場合にコンテンツを返すメディアクエリの例です:
 
 ```css
-@media (max-width: 100px) { /* CSS Rules */ }
+@media (max-width: 100px) {
+  /* CSS Rules */
+}
 ```
 
 そして次のメディアクエリは、デバイスの高さが `350px` 以上である場合にコンテンツを返します:
 
 ```css
-@media (min-height: 350px) { /* CSS Rules */ }
+@media (min-height: 350px) {
+  /* CSS Rules */
+}
 ```
 
 メディアクエリ内の CSS が適用されるのは、メディアタイプが使用中デバイスのタイプと一致する場合のみであることに注意してください。
@@ -37,21 +41,30 @@ dashedName: create-a-media-query
 
 ```js
 const media = new __helpers.CSSHelp(document).getCSSRules('media');
-assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)')));
+assert.isTrue(
+  media.some(x => x.media?.mediaText?.includes('(max-height: 800px)'))
+);
 ```
 
 デバイスの `height` が `800px` 以下である場合、`p` 要素の `font-size` が `10px` である必要があります。
 
 ```js
-const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)');
-assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px");
+const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia(
+  '(max-height: 800px)'
+);
+assert.strictEqual(
+  rules?.find(x => x.selectorText === 'p')?.style?.fontSize,
+  '10px'
+);
 ```
 
 デバイスの `height` が `800px` 以上である場合、`p` 要素の `font-size` は初期値の `20px` である必要があります。
 
 ```js
-const ifPFirst = new __helpers.CSSHelp(document).getCSSRules()?.find(x => x?.selectorText === 'p' || x?.media);
-assert(ifPFirst?.style?.fontSize === '20px');
+const ifPFirst = new __helpers.CSSHelp(document)
+  .getCSSRules()
+  ?.find(x => x?.selectorText === 'p' || x?.media);
+assert.strictEqual(ifPFirst?.style?.fontSize, '20px');
 ```
 
 # --seed--
@@ -69,7 +82,14 @@ assert(ifPFirst?.style?.fontSize === '20px');
   /* Only change code above this line */
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -87,5 +107,12 @@ assert(ifPFirst?.style?.fontSize === '20px');
   }
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
index d0b6ddf0fa..e08406ab1b 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
@@ -28,13 +28,13 @@ img {
 `responsive-img` クラスは `max-width` を `100%` に設定する必要があります。
 
 ```js
-assert(getComputedStyle($('.responsive-img')[0]).maxWidth === '100%');
+assert.strictEqual(getComputedStyle(document.querySelector('.responsive-img')).maxWidth, '100%');
 ```
 
 `responsive-img` クラスは `height` を `auto` に設定する必要があります。
 
 ```js
-assert(code.match(/height:\s*?auto;/g));
+assert.match(code, /height:\s*?auto;/g);
 ```
 
 # --seed--
@@ -53,24 +53,38 @@ img {
 }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-.responsive-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  width: 600px;
-}
+  .responsive-img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  img {
+    width: 600px;
+  }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
index 7c8eb88545..0198d31c2e 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
@@ -18,7 +18,9 @@ dashedName: make-typography-responsive
 ここでは `body` タグをビューポートの幅の 30% に設定する例を示します。
 
 ```css
-body { width: 30vw; }
+body {
+  width: 30vw;
+}
 ```
 
 # --instructions--
@@ -30,20 +32,18 @@ body { width: 30vw; }
 `h2` タグの `width` は 80vw に設定されている必要があります。
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /h2\s*?{\s*?width:\s*?80vw;\s*?}/g
 );
 ```
 
 `p` タグの `width` は 75vmin に設定されている必要があります。
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /p\s*?{\s*?width:\s*?75vmin;\s*?}/g
 );
 ```
 
@@ -57,7 +57,14 @@ assert(
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -65,13 +72,20 @@ assert(
 ```html
 <style>
   h2 {
-      width: 80vw;
+    width: 80vw;
   }
   p {
-      width: 75vmin;
+    width: 75vmin;
   }
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
index ffbcd88a39..d9654d5270 100644
--- a/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
+++ b/curriculum/challenges/japanese/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
@@ -15,9 +15,12 @@ MacBook Pro の「Retina ディスプレイ」のような高解像度ディス
 
 ```html
 <style>
-  img { height: 250px; width: 250px; }
+  img {
+    height: 250px;
+    width: 250px;
+  }
 </style>
-<img src="coolPic500x500" alt="A most excellent picture">
+<img src="coolPic500x500" alt="A most excellent picture" />
 ```
 
 # --instructions--
@@ -29,13 +32,13 @@ MacBook Pro の「Retina ディスプレイ」のような高解像度ディス
 `img` タグは `width` が 100 ピクセルである必要があります。
 
 ```js
-assert(document.querySelector('img').width === 100);
+assert.strictEqual(document.querySelector('img').width, 100);
 ```
 
 `img` タグは `height` が 100 ピクセルである必要があります。
 
 ```js
-assert(document.querySelector('img').height === 100);
+assert.strictEqual(document.querySelector('img').height, 100);
 ```
 
 # --seed--
@@ -43,22 +46,26 @@ assert(document.querySelector('img').height === 100);
 ## --seed-contents--
 
 ```html
-<style>
-
-</style>
+<style></style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-  img { 
-    height: 100px; 
-    width: 100px; 
+  img {
+    height: 100px;
+    width: 100px;
   }
 </style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
diff --git a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
index ee675ca3ba..193a0548d2 100644
--- a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
+++ b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
@@ -72,7 +72,7 @@ dashedName: build-a-25--5-clock
 
 **ユーザーストーリー 28:** ID が `reset` の要素がクリックされたとき、ID が `beep` の audio 要素の再生を停止して、最初まで巻き戻す必要があります。
 
-<a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">この CodePen テンプレートを使用して</a>あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen (CodePen 上の作品) を作成することができます。 または、下記の CDN リンクを使用して、使い慣れている環境でテストを実行することもできます:`https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+<a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">この CodePen テンプレートを使用して</a>あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen (CodePen 上の作品) を作成することができます。 If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 完了したら、すべてのテストが成功する状態の作業プロジェクトの URL を送信してください。
 
diff --git a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
index d3fb99247f..143f8c0938 100644
--- a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
+++ b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
@@ -41,7 +41,7 @@ dashedName: build-a-drum-machine
 - [Kick](https://cdn.freecodecamp.org/testable-projects-fcc/audio/RP4_KICK_1.mp3)
 - [Closed-HH](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Cev_H2.mp3)
 
-<a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">この CodePen テンプレートを使用して</a> あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen (CodePen 上の作品) を作成することができます。 または、下記の CDN リンクを使用して、使い慣れている環境でテストを実行することもできます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+<a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">この CodePen テンプレートを使用して</a> あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen (CodePen 上の作品) を作成することができます。 If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 完了したら、すべてのテストがパスする状態の作業プロジェクトの URL を送信します。
 
diff --git a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
index b1b7af8038..426e70a0a0 100644
--- a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
+++ b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
@@ -52,7 +52,7 @@ dashedName: build-a-javascript-calculator
 -   **即時実行ロジック:** `11.5`
 -   **数式ロジック:** `32.5`
 
-<a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow">この CodePen テンプレートを使用して</a>あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen を作成することができます。 または、下記の CDN リンクを使用して、使い慣れている環境でテストを実行することもできます:`https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 完了したら、すべてのテストが成功する状態の作業プロジェクトの URL を送信してください。
 
diff --git a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
index 5d590c68b5..c5759bf31f 100644
--- a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
+++ b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
@@ -29,7 +29,7 @@ dashedName: build-a-markdown-previewer
 
 **オプションボーナス (このテストを成功させる必要はありません):** マークダウンプレビューアプリは、キャリッジリターンを解釈し、それらを `br` (改行) 要素としてレンダーします。
 
-<a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow">この CodePen テンプレートを使用して</a>あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen (CodePen 上の作品) を作成することができます。 または、下記の CDN リンクを使用して、使い慣れている環境でテストを実行することもできます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 完了したら、すべてのテストが成功する状態の作業プロジェクトの URL を送信してください。
 
diff --git a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
index 6225f3e87e..518df68749 100644
--- a/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
+++ b/curriculum/challenges/japanese/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
@@ -37,7 +37,7 @@ dashedName: build-a-random-quote-machine
 
 **ユーザーストーリー 11:** `#quote-box` ラッパー要素は水平方向に中央寄せされます。 ブラウザのズームレベルを 100% にし、ページを最大化してテストしてください。
 
-<a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow">この CodePen テンプレートを使用して</a>あなたのプロジェクトを構築することができます。`Save` をクリックすると、あなた用の pen を作成することができます。 または、下記の CDN リンクを使用して、使い慣れている環境でテストを実行することもできます: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 完了したら、すべてのテストが成功する状態の作業プロジェクトの URL を送信してください。
 
diff --git a/curriculum/challenges/japanese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md b/curriculum/challenges/japanese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
index 8949e5de1e..e7b631557f 100644
--- a/curriculum/challenges/japanese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
+++ b/curriculum/challenges/japanese/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
@@ -22,6 +22,8 @@ fetch('/json/cats.json')
 
 ```
 
+Note: The `fetch()` method uses `GET` as the default `HTTP` method. This means you don’t need to specify it explicitly for basic data retrieval.
+
 コードを細かく見ていきましょう。
 
 最初の行ではリクエストを実行しています。 `fetch(URL)` は、指定された URL に対して `GET` リクエストを行います。 このメソッドはプロミスを返します。
diff --git a/curriculum/challenges/japanese/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md b/curriculum/challenges/japanese/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md
index 3abad4089c..797054fbb9 100644
--- a/curriculum/challenges/japanese/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md
+++ b/curriculum/challenges/japanese/05-back-end-development-and-apis/back-end-development-and-apis-projects/exercise-tracker.md
@@ -212,15 +212,29 @@ async (getUserInput) => {
       headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
       body: `description=${expected.description}&duration=${expected.duration}&date=1990-01-01`
     });
-    if (addRes.ok) {
-      const actual = await addRes.json();
-      assert.deepEqual(actual, expected);
-      assert.isString(actual.description);
-      assert.isNumber(actual.duration);
-      assert.isString(actual.date);
-    } else {
+    assert.isTrue(addRes.ok);
+    if (!addRes.ok) {
       throw new Error(`${addRes.status} ${addRes.statusText}`);
     }
+    const responseBody = await addRes.json();
+    assert.isString(responseBody.description);
+    assert.isNumber(responseBody.duration);
+    assert.isString(responseBody.date);
+    assert.equal(responseBody._id, expected._id);
+    assert.equal(responseBody.username, expected.username);
+    assert.equal(responseBody.description, expected.description);
+    assert.equal(responseBody.duration, expected.duration);
+    const receivedDate = new Date(responseBody.date);
+    const expectedDate = new Date(expected.date); // Jan 1, 1990
+    const allowedPreviousDate = new Date(expectedDate);
+    allowedPreviousDate.setDate(expectedDate.getDate() - 1); // Dec 31, 1989
+    const isValidDate =
+      receivedDate.toDateString() === expectedDate.toDateString() ||
+      receivedDate.toDateString() === allowedPreviousDate.toDateString();
+    assert.isTrue(
+      isValidDate,
+      `Expected date to be ${expectedDate.toDateString()} or ${allowedPreviousDate.toDateString()}, but got ${receivedDate.toDateString()}`
+    );
   } else {
     throw new Error(`${res.status} ${res.statusText}`);
   }
@@ -495,26 +509,38 @@ async(getUserInput) => {
 `GET /api/users/:_id/logs` から返される `log` 配列内のどのオブジェクトの `date` プロパティも、文字列である必要があります。 `Date` API の `dateString` 形式を使用してください。
 
 ```js
-async(getUserInput) => {
+async (getUserInput) => {
   const url = getUserInput('url');
   const res = await fetch(url + '/api/users', {
     method: 'POST',
     headers: {
       'Content-Type': 'application/x-www-form-urlencoded',
     },
-    body: `username=fcc_test_${Date.now()}`.substring(0,29)
+    body: `username=fcc_test_${Date.now()}`.substring(0, 29)
   });
-  if(res.ok) {
-    const {_id, username} = await res.json();
+
+  if (res.ok) {
+    const { _id, username } = await res.json();
+    const currentDate = new Date();
+    const expectedDates = [
+      new Date(currentDate.setDate(currentDate.getDate() - 1)).toLocaleDateString("en-US", {
+        timeZone: "UTC", weekday: "short", month: "short",
+        day: "2-digit", year: "numeric"
+      }).replaceAll(',', ''),
+      new Date().toLocaleDateString("en-US", {
+        timeZone: "UTC", weekday: "short", month: "short",
+        day: "2-digit", year: "numeric"
+      }).replaceAll(',', ''),
+      new Date(currentDate.setDate(currentDate.getDate() + 1)).toLocaleDateString("en-US", {
+        timeZone: "UTC", weekday: "short", month: "short",
+        day: "2-digit", year: "numeric"
+      }).replaceAll(',', '')
+    ];
     const expected = {
       username,
       description: 'test',
       duration: 60,
       _id,
-      date: new Date().toLocaleDateString("en-US", {
-        timeZone: "UTC", weekday: "short", month: "short",
-        day: "2-digit", year: "numeric"
-      }).replaceAll(',', '')
     };
     const addRes = await fetch(url + `/api/users/${_id}/exercises`, {
       method: 'POST',
@@ -523,13 +549,13 @@ async(getUserInput) => {
       },
       body: `description=${expected.description}&duration=${expected.duration}`
     });
-    if(addRes.ok) {
+    if (addRes.ok) {
       const logRes = await fetch(url + `/api/users/${_id}/logs`);
-      if(logRes.ok){
-        const {log} = await logRes.json();
+      if (logRes.ok) {
+        const { log } = await logRes.json();
         const exercise = log[0];
         assert.isString(exercise.date);
-        assert.equal(exercise.date, expected.date);
+        assert.include(expectedDates, exercise.date); // Check if date matches any valid dates
       } else {
         throw new Error(`${logRes.status} ${logRes.statusText}`);
       }
diff --git a/curriculum/challenges/japanese/07-scientific-computing-with-python/build-a-budget-app-project/budget-app.md b/curriculum/challenges/japanese/07-scientific-computing-with-python/build-a-budget-app-project/budget-app.md
index 6ea7176736..ad4989e462 100644
--- a/curriculum/challenges/japanese/07-scientific-computing-with-python/build-a-budget-app-project/budget-app.md
+++ b/curriculum/challenges/japanese/07-scientific-computing-with-python/build-a-budget-app-project/budget-app.md
@@ -711,6 +711,358 @@ t.result.wasSuccessful()
 })
 ```
 
+Title at the top of `create_spend_chart` chart should say `Percentage spent by category`.
+
+```js
+({
+  test: () => {
+    pyodide.FS.writeFile('/home/pyodide/budget.py', code);
+    pyodide.FS.writeFile('/home/pyodide/test_module.py',`
+import unittest
+import budget
+from importlib import reload
+
+reload(budget)
+class UnitTests(unittest.TestCase):
+    maxDiff = None
+    def setUp(self):
+        self.food = budget.Category("Food")
+
+    def test_create_spend_chart(self):
+        self.food.deposit(900, "deposit")
+        self.food.withdraw(105.55)
+        chart = budget.create_spend_chart([self.food])
+        expected = "Percentage spent by category"
+        self.assertEqual(chart.split("\\n")[0], expected, "Chart should have correct title.")
+`);
+
+    const testCode = `
+from unittest import main
+from importlib import reload
+import test_module
+reload(test_module)
+t = main(module='test_module', exit=False)
+t.result.wasSuccessful()
+`;
+    const out = runPython(testCode);
+    assert(out);
+  }
+})
+```
+
+`create_spend_chart` chart should have correct percentages down the left side.
+
+```js
+({
+  test: () => {
+    pyodide.FS.writeFile('/home/pyodide/budget.py', code);
+    pyodide.FS.writeFile('/home/pyodide/test_module.py',`
+import unittest
+import budget
+from importlib import reload
+
+reload(budget)
+class UnitTests(unittest.TestCase):
+    maxDiff = None
+    def setUp(self):
+        self.food = budget.Category("Food")
+
+    def test_create_spend_chart(self):
+        self.food.deposit(900, "deposit")
+        self.food.withdraw(105.55)
+        chart = budget.create_spend_chart([self.food])
+        percentages = ["100|", " 90|", " 80|", " 70|", " 60|", " 50|", " 40|", " 30|", " 20|", " 10|", "  0|"]
+        for line, percent in zip(chart.split("\\n")[1:], percentages):
+           self.assertTrue(line.startswith(percent), "Chart correct percentages in the vertical axis.")
+`);
+
+    const testCode = `
+from unittest import main
+from importlib import reload
+import test_module
+reload(test_module)
+t = main(module='test_module', exit=False)
+t.result.wasSuccessful()
+`;
+    const out = runPython(testCode);
+    assert(out);
+  }
+})
+```
+
+The height of each bar on the `create_spend_chart` chart should be rounded down to the nearest 10.
+
+```js
+({
+  test: () => {
+    pyodide.FS.writeFile('/home/pyodide/budget.py', code);
+    pyodide.FS.writeFile('/home/pyodide/test_module.py',`
+import unittest
+import budget
+from importlib import reload
+
+reload(budget)
+class UnitTests(unittest.TestCase):
+    maxDiff = None
+    def setUp(self):
+        self.food = budget.Category("Food")
+        self.entertainment = budget.Category("Entertainment")
+        self.business = budget.Category("Business")
+        self.food.deposit(900, "deposit")
+        self.entertainment.deposit(900, "deposit")
+        self.business.deposit(900, "deposit")
+        self.food.withdraw(78)
+        self.entertainment.withdraw(22)
+        self.business.withdraw(8)
+
+    def test_create_spend_chart_rounding_close_to_upper_and_lower_ten(self):
+        chart_lines = budget.create_spend_chart([self.food, self.entertainment]).split("\\n")[1:12]
+        result_lines = '''100|
+ 90|
+ 80|
+ 70| o
+ 60| o
+ 50| o
+ 40| o
+ 30| o
+ 20| o  o
+ 10| o  o
+  0| o  o'''.split("\\n")
+
+        self.assertEqual(len(chart_lines), len(result_lines), "Lines missing in chart.")
+        for actual, expected in zip(chart_lines, result_lines):
+            self.assertTrue(actual.startswith(expected), "Expected different rounding of bars.")
+
+
+    def test_create_spend_chart_rounding_single_digit(self):
+        chart_lines = budget.create_spend_chart([self.business, self.food, self.entertainment]).split("\\n")[1:12]
+        result_lines = '''100|
+ 90|
+ 80|
+ 70|    o
+ 60|    o
+ 50|    o
+ 40|    o
+ 30|    o
+ 20|    o  o
+ 10|    o  o
+  0| o  o  o'''.split("\\n")
+
+        self.assertEqual(len(chart_lines), len(result_lines), "Lines missing in chart.")
+        for actual, expected in zip(chart_lines, result_lines):
+            self.assertTrue(actual.startswith(expected), "Expected different rounding of bars.")
+`);
+
+    const testCode = `
+from unittest import main
+from importlib import reload
+import test_module
+reload(test_module)
+t = main(module='test_module', exit=False)
+t.result.wasSuccessful()
+`;
+    const out = runPython(testCode);
+    assert(out);
+  }
+})
+```
+
+Each line in `create_spend_chart` chart should have the same length. Bars for different categories should be separated by two spaces, with additional two spaces after the final bar.
+
+```js
+({
+  test: () => {
+    pyodide.FS.writeFile('/home/pyodide/budget.py', code);
+    pyodide.FS.writeFile('/home/pyodide/test_module.py',`
+import unittest
+import budget
+from importlib import reload
+
+reload(budget)
+class UnitTests(unittest.TestCase):
+    maxDiff = None
+    def setUp(self):
+        self.food = budget.Category("Food")
+        self.entertainment = budget.Category("Entertainment")
+        self.business = budget.Category("Business")
+        self.food.deposit(900, "deposit")
+        self.entertainment.deposit(900, "deposit")
+        self.business.deposit(900, "deposit")
+        self.food.withdraw(78)
+        self.entertainment.withdraw(22)
+        self.business.withdraw(8)
+
+
+    def test_create_spend_chart_chart_lines_have_expected_length(self):
+        chart_categories = [[self.food, self.entertainment], [self.business, self.food, self.entertainment]]
+
+        expected_lengths = [len(line) for line in ["  0| o  o  ", "  0| o  o  o  "]]
+        expected_chart_lines = 11
+
+        for categories, expected_length in zip(chart_categories, expected_lengths):
+            chart_lines = budget.create_spend_chart(categories).split("\\n")[1:12]
+
+            self.assertEqual(len(chart_lines), expected_chart_lines, "Lines missing in chart.")
+            for actual in chart_lines:
+                self.assertEqual(len(actual), expected_length, "Expected different length of the chart line. Check that all spacing is exact.")
+`);
+    const testCode = `
+from unittest import main
+from importlib import reload
+import test_module
+reload(test_module)
+t = main(module='test_module', exit=False)
+t.result.wasSuccessful()
+`;
+    const out = runPython(testCode);
+    assert(out);
+  }
+})
+```
+
+`create_spend_chart` should correctly show horizontal line below the bars. Using three `-` characters for each category, and in total going two characters past the final bar.
+
+```js
+({
+  test: () => {
+    pyodide.FS.writeFile('/home/pyodide/budget.py', code);
+    pyodide.FS.writeFile('/home/pyodide/test_module.py',`
+import unittest
+import budget
+from importlib import reload
+
+reload(budget)
+class UnitTests(unittest.TestCase):
+    maxDiff = None
+    def setUp(self):
+        self.food = budget.Category("Food")
+        self.entertainment = budget.Category("Entertainment")
+        self.business = budget.Category("Business")
+        self.food.deposit(900, "deposit")
+        self.entertainment.deposit(900, "deposit")
+        self.business.deposit(900, "deposit")
+        self.food.withdraw(105.55)
+        self.entertainment.withdraw(33.40)
+        self.business.withdraw(10.99)
+
+    def test_create_spend_chart_horizontal_bar(self):
+        chart_categories = [[self.business], [self.business, self.food], [self.business, self.food, self.entertainment]]
+        horizontal_lines = ["    ----", "    -------", "    ----------"]
+        for categories, expected in zip(chart_categories, horizontal_lines):
+            actual = budget.create_spend_chart(categories).split("\\n")[12]
+            self.assertEqual(actual, expected, "Expected different horizontal bar. Check that all spacing is exact.")
+`);
+
+    const testCode = `
+from unittest import main
+from importlib import reload
+import test_module
+reload(test_module)
+t = main(module='test_module', exit=False)
+t.result.wasSuccessful()
+`;
+    const out = runPython(testCode);
+    assert(out);
+  }
+})
+```
+
+`create_spend_chart` chart should not have new line character at the end.
+
+```js
+({
+  test: () => {
+    pyodide.FS.writeFile('/home/pyodide/budget.py', code);
+    pyodide.FS.writeFile('/home/pyodide/test_module.py',`
+import unittest
+import budget
+from importlib import reload
+
+reload(budget)
+class UnitTests(unittest.TestCase):
+    maxDiff = None
+    def setUp(self):
+        self.food = budget.Category("Food")
+        self.entertainment = budget.Category("Entertainment")
+        self.business = budget.Category("Business")
+
+    def test_create_spend_chart_no_ending_new_line(self):
+        self.food.deposit(900, "deposit")
+        self.entertainment.deposit(900, "deposit")
+        self.business.deposit(900, "deposit")
+        self.food.withdraw(105.55)
+        self.entertainment.withdraw(33.40)
+        self.business.withdraw(10.99)
+        actual = budget.create_spend_chart([self.business, self.food, self.entertainment])
+        self.assertFalse(actual.endswith("\\n"), "Expected chart to not have new line at the end.")
+`);
+
+    const testCode = `
+from unittest import main
+from importlib import reload
+import test_module
+reload(test_module)
+t = main(module='test_module', exit=False)
+t.result.wasSuccessful()
+`;
+    const out = runPython(testCode);
+    assert(out);
+  }
+})
+```
+
+`create_spend_chart` chart should have each category name written vertically below the bar. Each line should have the same length, each category should be separated by two spaces, with additional two spaces after the final category.
+
+```js
+({
+  test: () => {
+    pyodide.FS.writeFile('/home/pyodide/budget.py', code);
+    pyodide.FS.writeFile('/home/pyodide/test_module.py',`
+import unittest
+import budget
+from importlib import reload
+
+reload(budget)
+class UnitTests(unittest.TestCase):
+    maxDiff = None
+    def setUp(self):
+        self.food = budget.Category("Food")
+        self.entertainment = budget.Category("Entertainment")
+        self.business = budget.Category("Business")
+        self.food.deposit(900, "deposit")
+        self.entertainment.deposit(900, "deposit")
+        self.business.deposit(900, "deposit")
+        self.food.withdraw(105.55)
+        self.entertainment.withdraw(33.40)
+        self.business.withdraw(10.99)
+
+    def test_create_spend_chart_names_two_categories(self):
+        chart = budget.create_spend_chart([self.food, self.entertainment])
+        actual = "\\n".join(chart.split("\\n")[13:]).rstrip("\\n")
+        expected = "     F  E  \\n     o  n  \\n     o  t  \\n     d  e  \\n        r  \\n        t  \\n        a  \\n        i  \\n        n  \\n        m  \\n        e  \\n        n  \\n        t  "
+        self.assertEqual(actual, expected, "Expected different category names written vertically below the bar. Check that all spacing is exact.")
+
+    def test_create_spend_chart_names_three_categories(self):
+        chart = budget.create_spend_chart([self.business, self.food, self.entertainment])
+        actual = "\\n".join(chart.split("\\n")[13:]).rstrip("\\n")
+        expected = "     B  F  E  \\n     u  o  n  \\n     s  o  t  \\n     i  d  e  \\n     n     r  \\n     e     t  \\n     s     a  \\n     s     i  \\n           n  \\n           m  \\n           e  \\n           n  \\n           t  "
+        self.assertEqual(actual, expected, "Expected different category names written vertically below the bar. Check that all spacing is exact.")
+`);
+
+    const testCode = `
+from unittest import main
+from importlib import reload
+import test_module
+reload(test_module)
+t = main(module='test_module', exit=False)
+t.result.wasSuccessful()
+`;
+    const out = runPython(testCode);
+    assert(out);
+  }
+})
+```
+
 `create_spend_chart` should print a different chart representation. Check that all spacing is exact. Open your browser console with F12 for more details.
 
 ```js
diff --git a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md
index 5615372346..e2179c4f28 100644
--- a/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md
+++ b/curriculum/challenges/japanese/08-data-analysis-with-python/data-analysis-with-python-projects/mean-variance-standard-deviation-calculator.md
@@ -52,7 +52,7 @@ Python カリキュラムの対話式教育コンテンツを引き続き開発
 
 ## 開発
 
-`mean_var_std.py` にコードを記述してください。 開発には `main.py` を使用してコードをテストすることができます。 In order to run your code, type `python3 main.py` into the GitPod terminal and hit enter. This will cause the included CPython interpreter to run the `main.py` file.
+`mean_var_std.py` にコードを記述してください。 開発には `main.py` を使用してコードをテストすることができます。 コードを実行するには、GitPod ターミナルに `python3 main.py` と入力してエンターを押してください。 これにより CPython インタープリターで `main.py` が実行されます。
 
 ## テスト
 
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
index 7609f12623..bc9552ac8f 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
@@ -10,7 +10,6 @@ dashedName: build-a-personal-portfolio-webpage
 
 **目標:** <a href="https://personal-portfolio.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://personal-portfolio.freecodecamp.rocks</a> と似た機能を持つアプリを作成してください。 **このデモプロジェクトをコピーしないでください**。
 
-
 **ユーザーストーリー:**
 
 1. あなたのポートフォリオには `id` が `welcome-section` に設定されているウェルカムセクションが 1 つあります
@@ -34,8 +33,8 @@ dashedName: build-a-personal-portfolio-webpage
 ポートフォリオには `id` が `welcome-section` であるウェルカムセクションが 1 つ必要です。
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 `#welcome-section` 要素内には `h1` 要素が必要です。
@@ -54,25 +53,21 @@ assert.isAbove(
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 `id` が `projects` であるプロジェクトセクションが 1 つ必要です。
 
 ```js
-const el = document.getElementById('projects')
-assert(!!el);
+const el = document.getElementById('projects');
+assert.isNotNull(el);
 ```
 
 ポートフォリオにはクラスの値が `project-tile` に設定されている要素が少なくとも 1 つ必要です。
 
 ```js
-assert.isAbove(
-  document.querySelectorAll('#projects .project-tile').length,
-  0
-);
+assert.isAbove(document.querySelectorAll('#projects .project-tile').length, 0);
 ```
 
 `#projects` 要素には `a` 要素を少なくとも 1 つ入れる必要があります。
@@ -85,35 +80,33 @@ assert.isAbove(document.querySelectorAll('#projects a').length, 0);
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 `#navbar` 要素には `href` 属性の値が `#` で始まる `a` 要素を少なくとも 1 つ入れる必要があります。
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 ポートフォリオには `id` が `profile-link` である `a` 要素が 1 つ必要です。
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 `#profile-link` 要素は値が `_blank` に設定されている `target` 属性をもつ必要があります。
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 ポートフォリオはメディアクエリを少なくとも 1 つ使用する必要があります。
@@ -121,14 +114,15 @@ assert(!!el && el.target === '_blank')
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 `#navbar` 要素は常にビューポートの上部にある必要があります。
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -136,7 +130,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -147,8 +141,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -223,7 +216,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 ```css
-nav{
+nav {
   position: fixed;
   width: 100%;
   text-align: right;
@@ -233,37 +226,37 @@ nav{
   background-color: #000000;
   color: #ffffff;
 }
-@media (max-width: 500px){
-  nav{
+@media (max-width: 500px) {
+  nav {
     display: none;
   }
 }
-a{
+a {
   color: #ffffff;
 }
-main{
+main {
   text-align: center;
   background-color: black;
-  font-family:Pacifico
+  font-family: Pacifico;
 }
-h1{
+h1 {
   font-size: 48pt;
 }
-h2{
+h2 {
   font-size: 24pt;
 }
-p{
+p {
   font-size: 12pt;
 }
-#welcome-section{
-  background-color:#251a4a;
-  color: #FFFFFF;
+#welcome-section {
+  background-color: #251a4a;
+  color: #ffffff;
   display: table-cell;
   vertical-align: middle;
   width: 100vw;
   height: 100vh;
 }
-#projects{
+#projects {
   background-color: #060a9c;
   color: #ffffff;
   display: table-cell;
@@ -271,7 +264,7 @@ p{
   width: 100vw;
   height: 100vh;
 }
-#contact{
+#contact {
   background-color: #03300b;
   color: #ffffff;
   display: table-cell;
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
index f67ebe5369..d3fa49e5f7 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
@@ -38,327 +38,368 @@ dashedName: build-a-survey-form
 `id` の値が `title` に設定されている `h1` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.tagName === 'H1')
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'H1');
 ```
 
 `#title` が空でないようにしてください。
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 `id` が `description` である `p` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('description')
-assert(!!el && el.tagName === 'P')
+const el = document.getElementById('description');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'P');
 ```
 
 `#description` が空でないようにしてください。
 
 ```js
-const el = document.getElementById('description')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('description');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 `id` の値が `survey-form` に設定されている `form` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('survey-form')
-assert(!!el && el.tagName === 'FORM')
+const el = document.getElementById('survey-form');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'FORM');
 ```
 
 `id` の値が `name` に設定されている `input` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 `#name` の `type` の値は `text` に設定されている必要があります。
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.type === 'text')
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'text');
 ```
 
 `#name` の入力が必須である必要があります。
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.required)
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 `#name` は `#survey-form` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#survey-form #name')
-assert(!!el)
+const el = document.querySelector('#survey-form #name');
+assert.isNotNull(el);
 ```
 
 `id` の値が `email` に設定されている `input` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 `#email` の `type` の値は `email` に設定されている必要があります。
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.type === 'email')
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'email');
 ```
 
 `#email` の入力が必須である必要があります。
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.required)
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 `#email` は `#survey-form` の子孫要素である必要があります
 
 ```js
-const el = document.querySelector('#survey-form #email')
-assert(!!el)
+const el = document.querySelector('#survey-form #email');
+assert.isNotNull(el);
 ```
 
 `id` の値が `number` に設定されている `input` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 `#number` は `#survey-form` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#survey-form #number')
-assert(!!el)
+const el = document.querySelector('#survey-form #number');
+assert.isNotNull(el);
 ```
 
 `#number` の `type` の値は `number` に設定されている必要があります。
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.type === 'number')
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'number');
 ```
 
 `#number` は数値が設定された `min` 属性をもつ必要があります。
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.min && isFinite(el.min))
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotEmpty(el.min);
+assert.isTrue(isFinite(el.min));
 ```
 
 `#number` は数値が設定された `max` 属性をもつ必要があります。
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.max && isFinite(el.max))
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotEmpty(el.max);
+assert.isTrue(isFinite(el.max));
 ```
 
 `id` の値が `name-label` に設定されている `label` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('name-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('name-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 `id` の値が `email-label` に設定されている `label` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('email-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('email-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 `id` の値が `number-label` に設定されている `label` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('number-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('number-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 `#name-label` には入力欄について説明するテキストを含める必要があります。
 
 ```js
-const el = document.getElementById('name-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('name-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 `#email-label` には入力欄について説明するテキストを含める必要があります。
 
 ```js
-const el = document.getElementById('email-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('email-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 `#number-label` には入力欄について説明するテキストを含める必要があります。
 
 ```js
-const el = document.getElementById('number-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('number-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 `#name-label` は `#survey-form` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#survey-form #name-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #name-label');
+assert.isNotNull(el);
 ```
 
 `#email-label` は `#survey-form` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#survey-form #email-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #email-label');
+assert.isNotNull(el);
 ```
 
 `#number-label` は `#survey-form` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#survey-form #number-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #number-label');
+assert.isNotNull(el);
 ```
 
 `#name` は `placeholder` 属性とその値をもつ必要があります。
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 `#email` は `placeholder` 属性とその値をもつ必要があります。
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 `#number` は `placeholder` 属性とその値をもつ必要があります。
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 `id` の値が `dropdown` に設定されている `select` 欄が 1 つ必要です。
 
 ```js
-const el = document.getElementById('dropdown')
-assert(!!el && el.tagName === 'SELECT')
+const el = document.getElementById('dropdown');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'SELECT');
 ```
 
 `#dropdown` は少なくとも 2 つの選択可能な (無効化されていない) `option` 要素をもつ必要があります。
 
 ```js
-const els = document.querySelectorAll('#dropdown option:not([disabled])')
-assert(els.length >= 2)
+const els = document.querySelectorAll('#dropdown option:not([disabled])');
+assert.isAtLeast(els.length, 2);
 ```
 
 `#dropdown` は `#survey-form` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#survey-form #dropdown')
-assert(!!el)
+const el = document.querySelector('#survey-form #dropdown');
+assert.isNotNull(el);
 ```
 
 `type` の値が `radio` (ラジオボタン) に設定されている `input` 要素が少なくとも 2 つ必要です。
 
 ```js
-const els = document.querySelectorAll('input[type="radio"]')
-assert(els.length >= 2)
+const els = document.querySelectorAll('input[type="radio"]');
+assert.isAtLeast(els.length, 2);
 ```
 
 少なくとも 2 つのラジオボタンが `#survey-form` の子孫要素として必要です。
 
 ```js
-const els = document.querySelectorAll('#survey-form input[type="radio"]')
-assert(els.length >= 2)
+const els = document.querySelectorAll('#survey-form input[type="radio"]');
+assert.isAtLeast(els.length, 2);
 ```
 
 すべてのラジオボタンには `value` 属性とその値が必要です。
 
 ```js
-const els1 = document.querySelectorAll('input[type="radio"]')
-const els2 = document.querySelectorAll('input[type="radio"][value=""], input[type="radio"]:not([value])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('input[type="radio"]');
+const els2 = document.querySelectorAll(
+  'input[type="radio"][value=""], input[type="radio"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 すべてのラジオボタンには `name` 属性とその値が必要です。
 
 ```js
-const els1 = document.querySelectorAll('input[type="radio"]')
-const els2 = document.querySelectorAll('input[type="radio"][name=""], input[type="radio"]:not([name])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('input[type="radio"]');
+const els2 = document.querySelectorAll(
+  'input[type="radio"][name=""], input[type="radio"]:not([name])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 ラジオボタンの各グループには少なくとも 2 つのラジオボタンが必要です。
 
 ```js
 const radioButtons = document.querySelectorAll('input[type="radio"]');
-const groups = {}
+const groups = {};
 
 if (radioButtons) {
   radioButtons.forEach(el => {
-    if (!groups[el.name]) groups[el.name] = []
-    groups[el.name].push(el)
-  })
+    if (!groups[el.name]) groups[el.name] = [];
+    groups[el.name].push(el);
+  });
 }
 
-const groupKeys = Object.keys(groups)
+const groupKeys = Object.keys(groups);
 
 groupKeys.forEach(key => {
-  if (groups[key].length < 2) assert(false)
-})
+  if (groups[key].length < 2) assert(false);
+});
 
-assert(groupKeys.length > 0)
+assert.isAbove(groupKeys.length, 0);
 ```
 
 `type` の値が `checkbox` (チェックボックス) に設定されている `input` 要素が `#survey-form` の子孫要素として少なくとも 2 つ必要です。
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="checkbox"]');
-assert(els.length >= 2)
+assert.isAtLeast(els.length, 2);
 ```
 
 `#survey-form` 内のすべてのチェックボックスには `value` 属性とその値が必要です。
 
 ```js
-const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]')
-const els2 = document.querySelectorAll('#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]');
+const els2 = document.querySelectorAll(
+  '#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 少なくとも 1 つの `textarea` 要素が `#survey-form` の子孫要素として必要です。
 
 ```js
-const el = document.querySelector('#survey-form textarea')
-assert(!!el)
+const el = document.querySelector('#survey-form textarea');
+assert.isNotNull(el);
 ```
 
 `id` の値が `submit` に設定されている、`input` または `button` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('submit')
-assert(!!el && (el.tagName === 'INPUT' || el.tagName === 'BUTTON'))
+const el = document.getElementById('submit');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'INPUT' || el.tagName === 'BUTTON');
 ```
 
 `#submit` は `type` が `submit` に設定されている必要があります。
 
 ```js
-const el = document.getElementById('submit')
-assert(!!el && el.type === 'submit')
+const el = document.getElementById('submit');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'submit');
 ```
 
 `#submit` は `#survey-form` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#survey-form #submit')
-assert(!!el)
+const el = document.querySelector('#survey-form #submit');
+assert.isNotNull(el);
 ```
 
 # --seed--
@@ -508,7 +549,10 @@ body {
   background: #3a3240;
   color: white;
 }
-input, textarea, select, button {
+input,
+textarea,
+select,
+button {
   background: #3a3240;
   color: white;
 }
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
index 7b76b3d730..96bfbb674b 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
@@ -37,141 +37,147 @@ dashedName: build-a-technical-documentation-page
 `id` の値が `main-doc` に設定されている `main` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 クラスが `main-section` である `section` 要素が少なくとも 5 つ必要です。
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 `.main-section` の要素はすべて `section` 要素である必要があります。
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 `#main-doc` の子孫要素として、少なくとも 5 つの `.main-section` 要素が必要です。
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 各 `.main-section` の最初の子要素は `header` 要素である必要があります。
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 どの `header` 要素も空でないようにしてください。
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 すべての `.main-section` 要素が `id` を持つようにしてください。
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 各 `.main-section` が、その最初の子要素のテキストに対応する `id` を持つように、子要素のテキストのスペースをアンダースコア (`_`) に置き換えた id を設定してください。
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 `.main-section` の要素内に、(合計で) 少なくとも 10 個の `p` 要素が必要です。
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 `.main-section` の子孫要素として、(合計で) 少なくとも 5 個の `code` 要素が必要です。
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 `.main-section` の子孫要素として、(合計で) 少なくとも 5 個の `li` 要素が必要です。
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 `id` が `navbar` である `nav` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 `#navbar` 内に `header` 要素が 1 つだけあるようにしてください。
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 クラスが `nav-link` である `a` 要素が少なくとも 1 つ必要です。
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 `.nav-link` の要素はすべてアンカー (`a`) 要素である必要があります。
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 `.nav-link` の要素はすべて `#navbar` の中にある必要があります。
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 `.nav-link` の要素と `.main-section` の要素の数が同じである必要があります。
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 `#navbar` 内の `header` 要素は、同じく `#navbar` 内にあるどのリンク (`a`) 要素よりも前に置かれなければなりません。
@@ -179,54 +185,66 @@ assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 各 `.nav-link` には、関連する `section` の `header` テキストに対応するテキストが必要です (例えば、もし "Hello world" セクション / ヘッダーがあるならば、`#navbar` には "Hello world" というテキストを含む `.nav-link` が必要です)。
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 各 `.nav-link` には、対応する `.main-section` へとリンクする `href` 属性が必要です (例えば、"Hello world" のテキストを含む `.nav-link` 要素をクリックしたならば、その id を持つ `section` 要素に移動しなければなりません)。
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 `#navbar` は常にウィンドウの左端にある必要があります。
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 技術ドキュメントのプロジェクトに、少なくとも 1 つのメディアクエリが使われている必要があります。
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -501,7 +519,7 @@ a:hover {
   left: -5px;
   padding: 5px;
   text-align: center;
-  color: #92869c
+  color: #92869c;
 }
 @media (min-width: 480px) {
   #navbar {
@@ -510,7 +528,7 @@ a:hover {
 }
 main {
   margin-left: 220px;
-  color: #92869c
+  color: #92869c;
 }
 header {
   font-size: 20pt;
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
index 00dee5d69f..d5f4363581 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
@@ -10,7 +10,6 @@ dashedName: build-a-tribute-page
 
 **目標:** <a href="https://tribute-page.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://tribute-page.freecodecamp.rocks</a> と似た機能を持つアプリを作成してください。 **このデモプロジェクトをコピーしないでください**。
 
-
 **ユーザーストーリー:**
 
 1. トリビュートページには `id` が `main` に設定された `main` 要素が 1 つあり、その中に他のすべての要素が含まれます
@@ -32,111 +31,125 @@ dashedName: build-a-tribute-page
 `id` の値が `main` に設定されている `main` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 `#img-div`、`#image`、`#img-caption`、`#tribute-info`、および `#tribute-link` は、すべて `#main` の子孫要素である必要があります。
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 `id` が `title` の要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 `#title` が空でないようにしてください。
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 `id` の値が `img-div` に設定されている、`figure` または `div` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 `id` の値が `image` に設定されている `img` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 `#image` は `#img-div` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 `id` の値が `img-caption` に設定されている、`figcaption` または `div` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 `#img-caption` は `#img-div` の子孫要素である必要があります。
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 `#img-caption` が空でないようにしてください。
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 `id` が `tribute-info` の要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 `#tribute-info` が空でないようにしてください。
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 `id` の値が `tribute-link` に設定されている `a` 要素が 1 つ必要です。
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 `#tribute-link` は `href` 属性とその値をもつ必要があります。
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 `#tribute-link` は、値が `_blank` に設定されている `target` 属性をもつ必要があります。
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 `img` 要素の `display` の値は `block` に設定されている必要があります。
@@ -144,8 +157,8 @@ assert(!!el && el.target === '_blank')
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 `#image` の `max-width` の値は `100%` に設定されている必要があります。
@@ -153,8 +166,8 @@ assert(style === 'block')
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 `#image` の `height` の値は `auto` に設定されている必要があります。
@@ -166,9 +179,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 `#image` は親要素内の中央に配置する必要があります。
@@ -183,7 +196,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -208,12 +222,10 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
     <link
       href="https://fonts.googleapis.com/css?family=Pacifico"
       rel="stylesheet"
-
     />
     <link
       href="https://fonts.googleapis.com/css?family=Lobster"
       rel="stylesheet"
-
     />
     <link href="styles.css" rel="stylesheet" />
     <title>Tribute Page</title>
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc174fcf86c76b9248c6eb2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc174fcf86c76b9248c6eb2.md
index d96e866cd6..5d9fa0b9d2 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc174fcf86c76b9248c6eb2.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc174fcf86c76b9248c6eb2.md
@@ -49,9 +49,11 @@ assert(document.querySelector('h1').innerText.toLowerCase() === 'catphotoapp');
 ウェブページを変更するブラウザ拡張機能が使用されているようです。 拡張機能をオフにしてください。
 
 ```js
-assert.isAtMost(document.querySelectorAll('script').length, 2);
-assert.equal(document.querySelectorAll('style').length, 1);
-assert.equal(document.querySelectorAll('link').length, 0);
+if(__checkForBrowserExtensions){
+  assert.isAtMost(document.querySelectorAll('script').length, 2);
+  assert.equal(document.querySelectorAll('style').length, 1);
+  assert.equal(document.querySelectorAll('link').length, 0);
+}
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md
index 4903c7512e..5d799458fc 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804dc.md
@@ -9,7 +9,7 @@ dashedName: step-46
 
 複数の選択肢から回答を 1 つだけ選んでほしい質問には、ラジオボタンを使うことができます。
 
-Here is an example of a radio button with the text set as `cat`:
+下記は、`cat` というテキストが設定されたラジオボタンの例です。
 
 ```html
 <input type="radio"> cat
@@ -17,7 +17,7 @@ Here is an example of a radio button with the text set as `cat`:
 
 `input` 要素は空要素であることを忘れないでください。
 
-Before the text input, add a radio button with the text set as:
+テキスト入力欄の前に、次のテキストが設定されたラジオボタンを追加してください:
 
 `Indoor`
 
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e2.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e2.md
index 711d945622..dc9d9b86fc 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e2.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804e2.md
@@ -9,7 +9,7 @@ dashedName: step-56
 
 フォームでは一般的に、複数の回答を得る可能性のある質問にはチェックボックスを使用します。 `input` 要素の `type` 属性を `checkbox` に設定すると、チェックボックスを作成できます。
 
-Under the `legend` element you just added, add an `input` with its `type` attribute set to `checkbox` and its text set to:
+先ほど追加した `legend` 要素の下に `input` 要素を追加してください。`type` 属性は `checkbox` に設定し、テキストは下記に設定してください:
 
 `Loving`
 
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141d8e32fe934c26fa1be.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141d8e32fe934c26fa1be.md
index e9d2042cca..53dd84c6b6 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141d8e32fe934c26fa1be.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141d8e32fe934c26fa1be.md
@@ -7,7 +7,7 @@ dashedName: step-12
 
 # --description--
 
-Add the words `See more` before the anchor element and `in our gallery` after the anchor element.
+アンカー要素の前に `See more` を、アンカー要素の後に `in our gallery` を追加してください。
 
 # --hints--
 
@@ -17,19 +17,19 @@ Add the words `See more` before the anchor element and `in our gallery` after th
 assert.lengthOf(document.querySelectorAll('a'), 1);
 ```
 
-The text inside the anchor element should not change, it must be `cat photos`.
+アンカー要素内のテキストは変更しないでください。`cat photos` でなければなりません。
 
 ```js
 assert.strictEqual(document.querySelector('a').innerText, "cat photos");
 ```
 
-You should have the words `See more` before the anchor element. Make sure you include the space after the last word.
+アンカー要素の前に `See more` があることを確認してください。 最後の単語の後にスペースを入れてください。
 
 ```js
 assert.match(code, /See more <a href=/)
 ```
 
-アンカー要素の後に `in our gallery` があることを確認してください。 Make sure you include the space before the first word.
+アンカー要素の後に `in our gallery` があることを確認してください。 最初の単語の前にスペースを入れてください。
 
 ```js
 assert.match(code, /<\/a> in our gallery/)
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md
index 98a16dcc2e..9ce737fd76 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/671141feba228a35cefba82d.md
@@ -7,7 +7,7 @@ dashedName: step-14
 
 # --description--
 
-Turn the existing text `cute cats` into an anchor elements that links to `https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg`.
+テキスト `cute cats` を、`https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg` にリンクするアンカー要素にしてください。
 
 # --hints--
 
@@ -29,7 +29,7 @@ assert.strictEqual(document.querySelector('a')?.innerText, "cute cats");
 assert.strictEqual(document.querySelector('a')?.href, "https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg");
 ```
 
-There should only be one instance of the phrase `cute cats` in your code.
+`cute cats` という記述はコード内に 1 つだけにしてください。
 
 ```js
 assert.strictEqual(code.indexOf("cute cats"),code.lastIndexOf("cute cats")); 
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md
index 92ff5cf850..9f56d17b85 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-intermediate-css-by-building-a-cat-painting/646ceb843412c74edee27a79.md
@@ -18,49 +18,49 @@ dashedName: step-22
 `.cat-right-ear` セレクターが必要です。
 
 ```js
-assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head'))
+assert.exists(new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear'))
 ```
 
 `.cat-right-ear` セレクターの `height` プロパティを `100px` に設定してください。 セミコロンを忘れないようにしましょう。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height === '100px')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height, '100px')
 ```
 
 `.cat-right-ear` セレクターの `width` プロパティを `100px` に設定してください。 セミコロンを忘れないようにしましょう。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width === '100px')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width, '100px')
 ```
 
 `.cat-right-ear` セレクターの `background-color` プロパティを `white` に設定してください。 セミコロンを忘れないようにしましょう。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.backgroundColor === 'white')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.backgroundColor, 'white')
 ```
 
 `.cat-right-ear` セレクターの `border-left` プロパティを `35px solid blue` に設定してください。 セミコロンを忘れないようにしましょう。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft === '35px solid blue')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft, '35px solid blue')
 ```
 
 `.cat-right-ear` セレクターの `border-right` プロパティを `35px solid blue` に設定してください。 セミコロンを忘れないようにしましょう。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight === '35px solid blue')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight, '35px solid blue')
 ```
 
 `.cat-right-ear` セレクターの `border-top` プロパティを `35px solid red` に設定してください。 セミコロンを忘れないようにしましょう。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop === '35px solid red')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop, '35px solid red')
 ```
 
 `.cat-right-ear` セレクターの `border-bottom` プロパティを `35px solid red` に設定してください。 セミコロンを忘れないようにしましょう。
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom === '35px solid red')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom, '35px solid red')
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-cash-register-project/build-a-cash-register.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-cash-register-project/build-a-cash-register.md
index f4ad4a8a5d..cc354a7f49 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-cash-register-project/build-a-cash-register.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-cash-register-project/build-a-cash-register.md
@@ -34,19 +34,19 @@ dashedName: build-a-cash-register
 |  20 ドル札  |    $20 (TWENTY)    |
 | 100 ドル札  | $100 (ONE HUNDRED) |
 
-**Objective:** Build an app that is functionally similar to <a href="https://cash-register.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://cash-register.freecodecamp.rocks</a>.
+**目標:** <a href="https://cash-register.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://cash-register.freecodecamp.rocks</a> と似た機能を持つアプリを作成してください。
 
 **ユーザーストーリー:**
 
-1. You should have an `input` element with an `id` of `"cash"`.
-1. You should have a `div`, `span` or `p` element with an `id` of `"change-due"`.
-1. You should have a `button` element with an `id` of `"purchase-btn"`.
-1. When the value in the `#cash` element is less than `price`, an alert should appear with the text `"Customer does not have enough money to purchase the item"`.
-1. When the value in the `#cash` element is equal to `price`, the value in the `#change-due` element should be `"No change due - customer paid with exact cash"`.
-1. When `price` is `19.5`, the value in the `#cash` element is `20`, `cid` is `[["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]`, and the `#purchase-btn` element is clicked, the value in the `#change-due` element should be `"Status: OPEN QUARTER: $0.5"`.
-1. When `price` is `3.26`, the value in the `#cash` element is `100`, `cid` is `[["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]`, and the `#purchase-btn` element is clicked, the value in the `#change-due` element should be `"Status: OPEN TWENTY: $60 TEN: $20 FIVE: $15 ONE: $1 QUARTER: $0.5 DIME: $0.2 PENNY: $0.04"`.
-1. When `price` is `19.5`, the value in the `#cash` element is `20`, `cid` is `[["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]`, and the `#purchase-btn` element is clicked, the value in the `#change-due` element should be `"Status: INSUFFICIENT_FUNDS"`.
-1. When `price` is `19.5`, the value in the `#cash` element is `20`, `cid` is `[["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]`, and the `#purchase-btn` element is clicked, the value in the `#change-due` element should be `"Status: INSUFFICIENT_FUNDS"`.
+1. `id` が `"cash"` に設定された `input` 要素が必要です。
+1. `id` が `"change-due"` に設定された、`div`、`span`、または `p` 要素のいずれかが必要です。
+1. `id` が `"purchase-btn"` に設定された `button` 要素が必要です。
+1. `#cash` の要素に入力された値が `price` より少ない場合、`"Customer does not have enough money to purchase the item"` というテキストのアラートが表示されます。
+1. `#cash` の要素に入力された値が `price` に等しい場合、`#change-due` の要素に表示する値は `"No change due - customer paid with exact cash"` となります。
+1. `price` が `19.5`、`#cash` の要素に入力された値が `20`、`cid` が `[["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]` の状態で、`#purchase-btn` の要素をクリックした場合、`#change-due` の要素に表示する値は `"Status: OPEN QUARTER: $0.5"` となります。
+1. `price` が `3.26`、`#cash` の要素に入力された値が `100`、`cid` が `[["PENNY", 1.01], ["NICKEL", 2.05], ["DIME", 3.1], ["QUARTER", 4.25], ["ONE", 90], ["FIVE", 55], ["TEN", 20], ["TWENTY", 60], ["ONE HUNDRED", 100]]` の状態で、`#purchase-btn` の要素をクリックした場合、`#change-due` の要素に表示する値は `"Status: OPEN TWENTY: $60 TEN: $20 FIVE: $15 ONE: $1 QUARTER: $0.5 DIME: $0.2 PENNY: $0.04"` となります。
+1. `price` が `19.5`、`#cash` の要素に入力された値が `20`、`cid` が `[["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]` の状態で、`#purchase-btn` の要素をクリックした場合、`#change-due` の要素に表示する値は `"Status: INSUFFICIENT_FUNDS"` となります。
+1. `price` が `19.5`、`#cash` の要素に入力された値が `20`、`cid` が `[["PENNY", 0.01], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 1], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]` の状態で、`#purchase-btn` の要素をクリックした場合、`#change-due` の要素に表示する値は `"Status: INSUFFICIENT_FUNDS"` となります。
 1. When `price` is `19.5`, the value in the `#cash` element is `20`, `cid` is `[["PENNY", 0.5], ["NICKEL", 0], ["DIME", 0], ["QUARTER", 0], ["ONE", 0], ["FIVE", 0], ["TEN", 0], ["TWENTY", 0], ["ONE HUNDRED", 0]]`, and the `#purchase-btn` element is clicked, the value in the `#change-due` element should be `"Status: CLOSED PENNY: $0.5"`.
 
 上記のユーザーストーリーを満たし、以下のすべてのテストが通るようにして、このプロジェクトを完成させてください。 あなた独自のアレンジを加えましょう。 ハッピーコーディング！
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md
index b43f630ba5..178668a653 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-palindrome-checker-project/build-a-palindrome-checker.md
@@ -12,27 +12,27 @@ dashedName: build-a-palindrome-checker
 
 **注:** **英数字以外のすべての文字** (句読点、スペース、記号) を削除する必要があります。また、回文かどうかをチェックするために、すべてを同じケース (小文字または大文字) に変換する必要があります。
 
-**Objective:** Build an app that is functionally similar to <a href="https://palindrome-checker.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://palindrome-checker.freecodecamp.rocks</a>.
+**目標:** <a href="https://palindrome-checker.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://palindrome-checker.freecodecamp.rocks</a> と似た機能を持つアプリを作成してください。
 
 **ユーザーストーリー:**
 
-1. You should have an `input` element with an `id` of `"text-input"`.
-1. You should have a `button` element with an `id` of `"check-btn"`.
-1. You should have a `div`, `span` or `p` element with an `id` of `"result"`.
-1. When you click on the `#check-btn` element without entering a value into the `#text-input` element, an alert should appear with the text `"Please input a value"`.
-1. When the `#text-input` element only contains the letter `A` and the `#check-btn` element is clicked, the `#result` element should contain the text `"A is a palindrome"`.
-1. When the `#text-input` element contains the text `eye` and the `#check-btn` element is clicked, the `#result` element should contain the text `"eye is a palindrome"`.
-1. When the `#text-input` element contains the text `_eye` and the `#check-btn` element is clicked, the `#result` element should contain the text `"_eye is a palindrome"`.
-1. When the `#text-input` element contains the text `race car` and the `#check-btn` element is clicked, the `#result` element should contain the text `"race car is a palindrome"`.
-1. When the `#text-input` element contains the text `not a palindrome` and the `#check-btn` element is clicked, the `#result` element should contain the text `"not a palindrome is not a palindrome"`.
-1. `#text-input` の要素に `A man, a plan, a canal. Panama` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"A man, a plan, a canal. Panama is a palindrome"`.
-1. When the `#text-input` element contains the text `never odd or even` and the `#check-btn` element is clicked, the `#result` element should contain the text `"never odd or even is a palindrome"`.
-1. When the `#text-input` element contains the text `nope` and the `#check-btn` element is clicked, the `#result` element should contain the text `"nope is not a palindrome"`.
-1. When the `#text-input` element contains the text `almostomla` and the `#check-btn` element is clicked, the `#result` element should contain the text `"almostomla is not a palindrome"`.
-1. When the `#text-input` element contains the text `My age is 0, 0 si ega ym.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"My age is 0, 0 si ega ym. is a palindrome"`.
-1. `#text-input` の要素に `1 eye for of 1 eye.` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"1 eye for of 1 eye. is not a palindrome"`.
-1. When the `#text-input` element contains the text `0_0 (: /-\ :) 0-0` and the `#check-btn` element is clicked, the `#result` element should contain the text `"0_0 (: /-\ :) 0-0 is a palindrome"`.
-1. When the `#text-input` element contains the text `five|\_/|four` and the `#check-btn` element is clicked, the `#result` element should contain the text `"five|\_/|four is not a palindrome"`.
+1. `id` が `"text-input"` に設定された `input` 要素が必要です。
+1. `id` が `"check-btn"` に設定された `button` 要素が必要です。
+1. `id` が `"result"` に設定された、`div`、`span`、または `p` 要素のいずれかが必要です。
+1. `#text-input` の要素に値を入力せずに `#check-btn` の要素をクリックした場合、`"Please input a value"` というテキストのアラートが表示されます。
+1. `#text-input` の要素に `A` という文字だけを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"A is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `eye` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"eye is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `_eye` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"_eye is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `race car` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"race car is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `not a palindrome` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"not a palindrome is not a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `A man, a plan, a canal. Panama` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"A man, a plan, a canal. Panama is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `never odd or even` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"never odd or even is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `nope` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"nope is not a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `almostomla` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"almostomla is not a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `My age is 0, 0 si ega ym.` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"My age is 0, 0 si ega ym. is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `1 eye for of 1 eye.` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"1 eye for of 1 eye. is not a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `0_0 (: /-\ :) 0-0` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"0_0 (: /-\ :) 0-0 is a palindrome"` というテキストが表示されます。
+1. `#text-input` の要素に `five|\_/|four` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"five|\_/|four is not a palindrome"` というテキストが表示されます。
 
 上記のユーザーストーリーを満たし、以下のすべてのテストが通るようにして、このプロジェクトを完成させてください。 あなた独自のアレンジを加えましょう。 ハッピーコーディング！
 
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md
index 9a575a78e9..b7f9d8eb29 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/build-a-pokemon-search-app-project/build-a-pokemon-search-app.md
@@ -12,30 +12,30 @@ dashedName: build-a-pokemon-search-app
 
  **注:** 最初の 13 項目は、`index.html` ファイル内で完了させてください。
 
-**Objective:** Build an app that is functionally similar to <a href="https://pokemon-search-app.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://pokemon-search-app.freecodecamp.rocks</a>.
+**目標:** <a href="https://pokemon-search-app.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://pokemon-search-app.freecodecamp.rocks</a> と似た機能を持つアプリを作成してください。
 
 **ユーザーストーリー:**
 
-1. You should have an `input` element with an `id` of `"search-input"`.
-1. You should have a `button` element with an `id` of `"search-button"`.
-1. You should have an element with an `id` of `"pokemon-name"`.
-1. You should have an element with an `id` of `"pokemon-id"`.
-1. You should have an element with an `id` of `"weight"`.
-1. You should have an element with an `id` of `"height"`.
-1. You should have an element with an `id` of `"types"`.
-1. You should have an element with an `id` of `"hp"`.
-1. You should have an element with an `id` of `"attack"`.
-1. You should have an element with an `id` of `"defense"`.
-1. You should have an element with an `id` of `"special-attack"`.
-1. You should have an element with an `id` of `"special-defense"`.
-1. You should have an element with an `id` of `"speed"`.
-1. When the `#search-input` element contains the value `Red` and the `#search-button` element is clicked, an alert should appear with the text `"Pokémon not found"`.
+1. `id` が `"search-input"` に設定された `input` 要素が必要です。
+1. `id` が `"search-button"` に設定された `button` 要素が必要です。
+1. `id` が `"pokemon-name"` に設定された要素が必要です。
+1. `id` が `"pokemon-id"` に設定された要素が必要です。
+1. `id` が `"weight"` に設定された要素が必要です。
+1. `id` が `"height"` に設定された要素が必要です。
+1. `id` が `"types"` に設定された要素が必要です。
+1. `id` が `"hp"` に設定された要素が必要です。
+1. `id` が `"attack"` に設定された要素が必要です。
+1. `id` が `"defense"` に設定された要素が必要です。
+1. `id` が `"special-attack"` に設定された要素が必要です。
+1. `id` が `"special-defense"` に設定された要素が必要です。
+1. `id` が `"speed"` に設定された要素が必要です。
+1. `#search-input` の要素に `Red` という値を入力した状態で `#search-button` の要素をクリックした場合、`"Pokémon not found"` というテキストのアラートが表示されます。
 1. When the `#search-input` element contains the value `Pikachu` and the `#search-button` element is clicked, the values in the `#pokemon-name`, `#pokemon-id`, `#weight`, `#height`, `#hp`, `#attack`, `#defense`, `#special-attack`, `#special-defense`, and `#speed` elements should be `PIKACHU`, `#25` or `25`, `Weight: 60` or `60`, `Height: 4` or `4`, `35`, `55`, `40`, `50`, `50`, and `90`, respectively.
 1. When the `#search-input` element contains the value `Pikachu` and the `#search-button` element is clicked, you should add an `img` element with the `id` of `"sprite"` and the `src` set to the Pokémon's `front_default` sprite to the page.
-1. `#search-input` の要素に `Pikachu` という値を入力した状態で `#search-button` の要素をクリックした場合、`#types` の要素の中には、`ELECTRIC` という値を持つ要素が 1 つ入ります。 The `#types` element content should be cleared between searches.
+1. `#search-input` の要素に `Pikachu` という値を入力した状態で `#search-button` の要素をクリックした場合、`#types` の要素の中には、`ELECTRIC` という値を持つ要素が 1 つ入ります。 `#types` の要素の中身は、検索の度にクリアされるようにしてください。
 1. When the `#search-input` element contains the value `94` and the `#search-button` element is clicked, the values in the `#pokemon-name`, `#pokemon-id`, `#weight`, `#height`, `#hp`, `#attack`, `#defense`, `#special-attack`, `#special-defense`, and `#speed`elements should be `GENGAR`, `#94` or `94`, `Weight: 405` or `405`, `Height: 15` or `15`, `60`, `65`, `60`, `130`, `75`, and `110`, respectively.
 1. When the `#search-input` element contains the value `94` and the `#search-button` element is clicked, you should add an `img` element with the `id` of `sprite` and the `src` set to the Pokémon's `front_default` sprite to the page.
-1. `#search-input` の要素に `94` という値を入力した状態で `#search-button` の要素をクリックした場合、`#types` の要素の中には、`GHOST` と `POISON` という値を持つ 2 つの要素が入ります。 The `#types` element content should be cleared between searches.
+1. `#search-input` の要素に `94` という値を入力した状態で `#search-button` の要素をクリックした場合、`#types` の要素の中には、`GHOST` と `POISON` という値を持つ 2 つの要素が入ります。 `#types` の要素の中身は、検索の度にクリアされるようにしてください。
 
 上記のユーザーストーリーを満たし、以下のすべてのテストが通るようにして、このプロジェクトを完成させてください。 あなた独自のアレンジを加えましょう。 ハッピーコーディング！
 
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
index f814c2772c..73f5615977 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
@@ -33,6 +33,12 @@ assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDiffere
 
 Your `reduce` callback should return the sum of `acc` and `el`.
 
+```js
+assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}/);
+```
+
+You are missing the starting value of the `reduce`.
+
 ```js
 assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}\s*,\s*0\s*\)/);
 ```
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
index ee2171a72a..f66058d531 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
@@ -14,7 +14,7 @@ dashedName: step-32
 結果を確認するには、数字 `4, 4, 2, 5` を入力して、`"Calculate"` ボタンをクリックします。 コンソールを開いて、次の配列を確認します。
 
 ```js
-[ 2, 4, 4, 5 ]
+[ 4, 4, 2, 5 ]
 ```
 
 # --hints--
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
index 362305e638..c10831cf06 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
@@ -29,8 +29,45 @@ assert.match(code, /printGreeting\(\);?/);
 assert.isBelow(code.indexOf("const printGreeting = () => {"), code.indexOf("printGreeting()"));
 ```
 
+Your `printGreeting` function call should output `Hello there!` to the console.
+
+```js
+assert.strictEqual(logOutput, "Hello there!"); 
+```
+
 # --seed--
 
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
index 9308edffc8..a5095e6c43 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
@@ -79,8 +79,47 @@ const functionDefinition = code.indexOf("printMessage =");
 assert.isBelow(functionDefinition, functionCall);
 ```
 
+Your `printMessage` function call should output `freeCodeCamp is awesome!` to the console.
+
+```js
+assert.strictEqual(logOutput, "freeCodeCamp is awesome!"); 
+```
+
 # --seed--
 
+
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b608ebf40c871d960fc004.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b608ebf40c871d960fc004.md
index f6b8285b83..a9fb3bd2b5 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b608ebf40c871d960fc004.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63b608ebf40c871d960fc004.md
@@ -47,7 +47,7 @@ assert.equal(document.querySelectorAll('form fieldset')[3]?.querySelector('legen
 assert.exists(document.querySelectorAll('form fieldset')[3]?.querySelector('div'));
 ```
 
-Your fourth `div` element should have a `class` set to `input-container`.
+4 つ目の `div` 要素の `class` は `input-container` に設定してください。
 
 ```js
 assert.equal(document.querySelectorAll('form fieldset')[3]?.querySelector('div')?.className, "input-container");
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e1965a898d302e0af4e3.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e1965a898d302e0af4e3.md
index 387d6d4a58..835d3b40fe 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e1965a898d302e0af4e3.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c1e1965a898d302e0af4e3.md
@@ -29,7 +29,7 @@ console.log(templateLiteral);
 assert.match(code, /const\s+targetInputContainer\s*=\s*document\.querySelector\(\s*`.*`\s*\)/);
 ```
 
-Your template literal should have the value `${targetId} .input-container`.
+テンプレートリテラルが `${targetId} .input-container` の値を持つようにしてください。
 
 ```js
 assert.match(code, /const\s+targetInputContainer\s*=\s*document\.querySelector\(\s*`\$\{targetId\}\s\.input-container`\s*\)/);
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md
index a0baad4bb7..65e09455f0 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c8ad0cd8f1e5201c4ef2e4.md
@@ -19,7 +19,7 @@ for (const element of elementArray) {
 }
 ```
 
-Create a `for...of` loop that loops through the `list`. ループの変数名として、`const` を使用して `item` という変数を宣言してください。
+`list` をループする `for...of` ループを作成してください。 ループの変数名として、`const` を使用して `item` という変数を宣言してください。
 
 # --hints--
 
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md
index 4f7fa45cb3..d2148ef6ab 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9bce376ca4f09c15a3768.md
@@ -40,7 +40,7 @@ assert.match(getCaloriesFromInputs.toString(), /if.*}\s*calories\s*\+=/s);
 assert.match(getCaloriesFromInputs.toString(), /Number\(\s*currVal\s*\)/);
 ```
 
-You should add the value of `Number(currVal)` to `calories`.
+`Number(currVal)` の値を `calories` に加えてください。
 
 ```js
 assert.match(getCaloriesFromInputs.toString(), /calories\s*\+=\s*Number\(\s*currVal\s*\)/);
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c1ef134f3513e751c975.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c1ef134f3513e751c975.md
index 12a3a31e7e..88e6822607 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c1ef134f3513e751c975.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9c1ef134f3513e751c975.md
@@ -59,7 +59,7 @@ assert.match(calculateCalories.toString(), /exerciseCalories\s*=/);
 assert.match(calculateCalories.toString(), /getCaloriesFromInputs\s*\(\s*exerciseNumberInputs\s*\)/);
 ```
 
-You should assign the result of `getCaloriesFromInputs` to `exerciseCalories`.
+`getCaloriesFromInputs` の結果を `exerciseCalories` に割り当ててください。
 
 ```js
 assert.match(calculateCalories.toString(), /exerciseCalories\s*=\s*getCaloriesFromInputs\s*\(\s*exerciseNumberInputs\s*\)/);
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md
index 20e8f7a5c4..04339584d1 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9e8fe3a6f022a05a04675.md
@@ -14,65 +14,162 @@ dashedName: step-87
 テンプレートリテラルに 2 つ目の `p` 要素を追加する必要があります。
 
 ```js
-assert.isAtLeast(getTemplateContents(code)?.match(/<p>[^<]*<\/p>/g)?.length, 2);
-```
 
-2 つ目の `p` 要素は新しい行に記述してください。
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
 
-```js
-assert.match(getTemplateContents(code), /<hr>\s*<p>[^<]*<\/p>\n\s*<p>[^<]*<\/p>/);
-```
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
 
-2 つ目の `p` 要素は既存の `p` 要素の後に置く必要があります。
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
 
-```js
-assert.match(getTemplateContents(code), /<p>\$\{budgetCalories\}\s*Calories\s*Budgeted<\/p>\s*<p>/);
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+
+const output = document.getElementById('output');
+assert.isAtLeast(output.children.length, 4);
 ```
 
 2 つ目の `p` 要素はテキスト `${consumedCalories} Calories Consumed` を持つようにしてください。
 
 ```js
-const secondP = getTemplateContents(code)?.split(/<p>/)?.[2];
-assert.match(secondP, /\$\{consumedCalories\}\s*Calories\s*Consumed<\/p>/);
+
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
+
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
+
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
+
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+assert.strictEqual(output.children[3].innerText,"1800 Calories Consumed"); 
+
+dinnerValueElement.value = 300;
+calculateCalories(fakeEvent); 
+assert.strictEqual(output.children[3].innerText,"1400 Calories Consumed"); 
+
 ```
 
 テンプレートリテラルに 3 つ目の `p` 要素を追加する必要があります。
 
 ```js
-assert.lengthOf(getTemplateContents(code)?.match(/<p>[^<]*<\/p>/g), 3);
-```
 
-3 つ目の `p` 要素は新しい行に記述してください。
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
 
-```js
-assert.match(getTemplateContents(code), /<hr>\s*<p>[^<]*<\/p>\s*<p>[^<]*<\/p>\n\s*<p>[^<]*<\/p>/);
-```
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
 
-3 つ目の `p` 要素は 2 つ目の `p` 要素の後に置く必要があります。
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
 
-```js
-assert.match(getTemplateContents(code), /<p>\$\{consumedCalories\}\s*Calories\s*Consumed<\/p>\s*<p>/);
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+assert.lengthOf(output.children,5);
 ```
 
 3 つ目の `p` 要素はテキスト `${exerciseCalories} Calories Burned` を持つようにしてください。
 
 ```js
-const thirdP = getTemplateContents(code)?.split(/<p>/)?.[3];
-assert.match(thirdP, /\$\{exerciseCalories\}\s*Calories\s*Burned<\/p>/);
-```
 
-# --seed--
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
 
-## --after-user-code--
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
+
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
+
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+assert.strictEqual(output.children[4].innerText,"300 Calories Burned"); 
+
+exerciseValueElement.value = Math.floor(Math.random() * 500);
+
+calculateCalories(fakeEvent); 
+assert.strictEqual(output.children[4].innerText, exerciseValueElement.value.toString() + " Calories Burned");
 
-```js
-function getTemplateContents(code) {
-  return code
-    .split(/output\s*\.\s*innerHTML\s*=\s*/)?.[1]
-    ?.split(/`/)?.[1];
-}
 ```
 
+# --seed--
+
 ## --seed-contents--
 
 ```html
@@ -270,7 +367,7 @@ function addEntry() {
   targetInputContainer.insertAdjacentHTML('beforeend', HTMLString);
 }
 
---fcc-editable-region--
+
 function calculateCalories(e) {
   e.preventDefault();
   isError = false;
@@ -292,6 +389,7 @@ function calculateCalories(e) {
     return;
   }
 
+--fcc-editable-region--
   const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
   const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
   const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ec044acedf312c4974ff.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ec044acedf312c4974ff.md
index b34e225a14..3bc0ca8555 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ec044acedf312c4974ff.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-form-validation-by-building-a-calorie-counter/63c9ec044acedf312c4974ff.md
@@ -23,7 +23,7 @@ assert.match(clearForm.toString(), /budgetNumberInput\.value/);
 assert.match(clearForm.toString(), /budgetNumberInput\.value\s*=\s*('|"|`)\1/);
 ```
 
-You should modify the `budgetNumberInput` after your `for` loop.
+`for` ループの後で `budgetNumberInput` に変更を加えてください。
 
 ```js
 const clearForm = code.split("function clearForm()")[1];
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496d80bc174a158c973080.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496d80bc174a158c973080.md
index d802287e89..e202a1fc4c 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496d80bc174a158c973080.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-functional-programming-by-building-a-spreadsheet/64496d80bc174a158c973080.md
@@ -7,62 +7,29 @@ dashedName: step-25
 
 # --description--
 
-Using ternary syntax, check if `length` is even using your `isEven` function. If it is, return the average of the number at the `middle` index and the number after that. If it's odd, return the number at the `middle` index – you'll need to round the `middle` value up.
+Check if `length` is even using your `isEven` function. If it is, return the average of the number at the `middle` index and the number after that. If it's odd, return the number at the `middle` index – you'll need to round the `middle` value up.
 
 # --hints--
 
-You should use the `return` keyword.
+You should return a value from the `median` function.
 
 ```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return/);
+assert.exists(median([2,4,6,8]));
 ```
 
-You should call your `isEven()` function after your `return` keyword.
+If `length` is even, you should return the average of the number at the `middle` index and the number after it.
 
 ```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(/);
+assert.strictEqual(median([2,4,6,8]),5); 
+assert.strictEqual(median([6,12,18,24]),15); 
 ```
 
-You should pass your `length` variable to your `isEven()` call.
 
-```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(\s*length\s*\)/);
-```
-
-You should use ternary syntax to check the truthiness of your `isEven()` call.
-
-```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(\s*length\s*\)\s*\?/);
-```
-
-If the ternary is truthy, you should call your `average()` function.
-
-```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(\s*length\s*\)\s*\?\s*average\(/);
-```
-
-You should pass an array to your `average()` function.
-
-```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(\s*length\s*\)\s*\?\s*average\(\s*\[/);
-```
-
-The first element of the array passed to `average()` should be the element at the `middle` index of your `sorted` array.
-
-```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(\s*length\s*\)\s*\?\s*average\(\s*\[\s*sorted\s*\[\s*middle\s*\]/);
-```
-
-The first element of the array passed to `average()` should be the element at the `middle + 1` index of your `sorted` array.
-
-```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(\s*length\s*\)\s*\?\s*average\(\s*\[\s*sorted\s*\[\s*middle\s*\]\s*,\s*sorted\s*\[\s*middle\s*\+\s*1\s*\]\s*\]\s*\)/);
-```
-
-If the ternary is false, you should return the value of `sorted` at the `middle` index. Use `Math.ceil()` to round the `middle` value up.
+If `length` is odd, you should return the value at the `middle` index.
 
 ```js
-assert.match(code, /const\s+median\s*=\s*nums\s*=>\s*\{\s*const\s+sorted\s*=\s*nums\.slice\(\s*\)\.sort\(\s*\(\s*a\s*,\s*b\s*\)\s*=>\s*a\s*-\s*b\s*\)\s*\s*;?\s*const\s+length\s*=\s*sorted\.length\s*;?\s*const\s+middle\s*=\s*length\s*\/\s*2\s*-\s*1\s*;?\s*return\s+isEven\(\s*length\s*\)\s*\?\s*average\(\s*\[\s*sorted\s*\[\s*middle\s*\]\s*,\s*sorted\s*\[\s*middle\s*\+\s*1\s*\]\s*\]\s*\)\s*:\s*sorted\s*\[\s*Math\.ceil\(\s*middle\s*\)\s*\]\s*;?/);
+assert.strictEqual(median([2,4,6,8,10]),6); 
+assert.strictEqual(median([3,6,9,12,15]),9); 
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index f17cd3df37..440d632b22 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
index 24502aad09..154d38bdc9 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--
 
diff --git a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/review-algorithmic-thinking-by-building-a-dice-game/657e230500602983e01fff6e.md b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/review-algorithmic-thinking-by-building-a-dice-game/657e230500602983e01fff6e.md
index c7f549e954..4e24bfb955 100644
--- a/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/review-algorithmic-thinking-by-building-a-dice-game/657e230500602983e01fff6e.md
+++ b/curriculum/challenges/japanese/15-javascript-algorithms-and-data-structures-22/review-algorithmic-thinking-by-building-a-dice-game/657e230500602983e01fff6e.md
@@ -55,14 +55,44 @@ assert.strictEqual(scoreSpans[3].innerText, ", score = 30");
 
 If no straight is rolled, your `checkForStraights` function should enable the final radio button, set the value to `0`, and update the displayed text to `, score = 0`.
 
+```js
+const assertNoStraight = (_diceValuesArr) => {
+  resetRadioOptions();
+  checkForStraights(_diceValuesArr);
+  assert.isTrue(scoreInputs[3].disabled);
+  assert.isTrue(scoreInputs[4].disabled);
+  assert.isFalse(scoreInputs[5].disabled);
+  assert.strictEqual(scoreInputs[5].value, "0");
+  assert.strictEqual(scoreSpans[5].innerText, ", score = 0");
+}
+
+assertNoStraight([1,1,1,1,1]);
+assertNoStraight([1,1,4,4,4]);
+```
+
+You should call the `checkForStraights` function when the `rollDiceBtn` is clicked.
+
 ```js
 resetRadioOptions();
-checkForStraights([1,1,1,1,1]);
-assert.isTrue(scoreInputs[3].disabled);
-assert.isTrue(scoreInputs[4].disabled);
-assert.isFalse(scoreInputs[5].disabled);
-assert.strictEqual(scoreInputs[5].value, "0");
-assert.strictEqual(scoreSpans[5].innerText, ", score = 0");
+const origMathRandom = Math.random;
+// Temporarily modifies Math.random to guarantee a straight.
+const myMathRandom = (() => {
+  let i = 0;
+  const values = [4/6,2/6,5/6,3/6,1/6];
+  return () => values[i++ % 5];
+})();
+
+Math.random = myMathRandom;
+
+try {
+  rollDiceBtn.click();
+} finally {
+  Math.random = origMathRandom;
+}
+
+assert.isFalse(scoreInputs[4].disabled);
+assert.strictEqual(scoreInputs[4].value, "40");
+assert.strictEqual(scoreSpans[4].innerText, ", score = 40");
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
index aefa6e0b66..28753e1cf4 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
@@ -13,7 +13,10 @@ In English, you can use the verb `to be` to ask questions about feelings, states
 
 Here are some more examples of turning statements into questions using `to be`:
 
-`He is here.` -> `Is he here?` `They are ready.` -> `Are they ready?`
+| Affirmative       | Interrogative     |
+| ----------------- | ----------------- |
+| `He is here.`     | `Is he here?`     |
+| `They are ready.` | `Are they ready?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
index e2287cda29..c3938fb4bb 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
@@ -21,7 +21,7 @@ What does `so far` mean in Sarah's question to Tom?
 
 ## --answers--
 
-It asks for Tom’s complete opinion about the workplace.
+It asks for Tom's complete opinion about the workplace.
 
 ### --feedback--
 
@@ -37,15 +37,15 @@ It does not ask about the future or what Tom expects.
 
 ---
 
-It asks about Tom’s feelings from his first day to the present time.
+It asks about Tom's feelings from his first day to the present time.
 
 ---
 
-It asks only about Tom’s first day at the workplace.
+It asks only about Tom's first day at the workplace.
 
 ### --feedback--
 
-It is about Tom’s experience until the time he is asked.
+It is about Tom's experience until the time he is asked.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
index e47bd84586..1701dc2ea8 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
@@ -24,7 +24,7 @@ What is Sarah referring to when she says `these activities`?
 
 ## --answers--
 
-`Yes, it’s great!`
+`Yes, it's great!`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
index b701add04f..71c7407c06 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
@@ -19,7 +19,7 @@ For example: `What is your name?` or `What are they doing?`
 
 Choose the correct question that Tom is asking Sarah:
 
-`Absolutely! They are really fun. What is the team’s favorite?`
+`Absolutely! They are really fun. What is the team's favorite?`
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
index 70416d6180..6d154884e7 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-12
 ---
 
-<!-- (Audio) Tom: Absolutely! They are really fun. What is the team’s favorite?
+<!-- (Audio) Tom: Absolutely! They are really fun. What is the team's favorite?
 
 Sarah: Many of us enjoy the monthly game night. Are you into board games?
 
@@ -31,7 +31,7 @@ The first sentence is correct, but the second one does not ask about interest. I
 
 ---
 
-`What is the team’s favorite?` and `Many of us enjoy the monthly game night.`
+`What is the team's favorite?` and `Many of us enjoy the monthly game night.`
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ The phrase `Are you going to board games?` is not grammatically correct. The sec
 
 ---
 
-`What is the team’s favorite?` and `Are you into playing board games?`
+`What is the team's favorite?` and `Are you into playing board games?`
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
index a66977be87..5d67db95fa 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
@@ -18,7 +18,7 @@ The present perfect is a tense used to indicate a link between the present and t
 
 `I have played this game before.` - This is in the present perfect tense. It states that the action of playing the game happened at an unspecified time in the past.
 
-`I’ve played this game before.` - This sentence is also in the present perfect tense, using the contraction `I've` for `I have`. Like the previous example, it states that the action of playing the game happened at an unspecified time in the past.
+`I've played this game before.` - This sentence is also in the present perfect tense, using the contraction `I've` for `I have`. Like the previous example, it states that the action of playing the game happened at an unspecified time in the past.
 
 
 # --questions--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
index bd690bae21..94e767ad52 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
@@ -11,13 +11,17 @@ dashedName: task-23
 
 So far you have learned how to create questions with the verb `to be`. In sentences with the verb `to be` (am, is, are) you just have to change the order of the noun and the verb to create a question. Like this:
 
-`You are a developer` -> `Are you a developer?`
+| Affirmative            | Interrogative          |
+| ---------------------- | ---------------------- |
+| `You are a developer.` | `Are you a developer?` |
 
-Changing the order of the noun and the verb doesn’t work in every situation. Most sentences need you to add an auxiliary verb to create questions. One of the most common auxiliary verbs is `Do`.
+Changing the order of the noun and the verb doesn’t work in every situation. Most sentences need you to add an auxiliary verb to create questions. One of the most common auxiliary verbs is `do`.
 
-You can use the verb `do` as an auxiliary to most verbs. In the present tense it assumes the form of `do` (I, you, we, they) and `does`(he, she, it). It is like a marker you will add to the beginning of your sentence and lets everyone know that sentence is a question. 例えば、次のようになります。
+You can use the verb `do` as an auxiliary to most verbs. In the present tense it assumes the form of `do` (I, you, we, they) and `does` (he, she, it). It is like a marker you will add to the beginning of your sentence and lets everyone know that sentence is a question. 例えば、次のようになります。
 
-Statement: `You debug on Fridays.` Question: `Do you debug on Fridays?`
+| Affirmative             | Interrogative              |
+| ----------------------- | -------------------------- |
+| `You debug on Fridays.` | `Do you debug on Fridays?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
index eb4abe07a5..4c38b1db5a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
@@ -13,7 +13,7 @@ Before you learned to ask questions using `do`, you can also use it to create ne
 
 `It does not function` - (Subject + `does` + `not` + main verb)
 
-Often, to be more practical people abbreviate `do not` to `don't` and `does not` to `doesn’t`.
+Often, to be more practical people abbreviate `do not` to `don't` and `does not` to `doesn't`.
 
 Just like with questions, when you use `don't`, the main verb that comes after it will always be in its base form, no matter who you're talking about.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
index dc0db6d1eb..78922bfda9 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
@@ -29,7 +29,7 @@ Read the dialogue excerpt and fill in the blanks using `do` or `don't.`
 
 ### --feedback--
 
-In the first blank, Tom is asking a question about Sophie’s hobbies, which requires `do.`
+In the first blank, Tom is asking a question about Sophie's hobbies, which requires `do.`
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
index a1fb366e90..cafcdc2438 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
@@ -11,7 +11,7 @@ Tom: It's a deal! -->
 
 # --description--
 
-The expression `only if` is used to set a condition for something to happen. It’s like saying `this will happen if that happens.` It's a way of making an agreement where one action depends on another.
+The expression `only if` is used to set a condition for something to happen. It's like saying `this will happen if that happens.` It's a way of making an agreement where one action depends on another.
 
 For example: if your friend says, `I'll go out only if it doesn't rain,` it means they will go out but the weather must be good - no rain.
 
@@ -20,7 +20,7 @@ For example: if your friend says, `I'll go out only if it doesn't rain,` it mean
 
 ## --text--
 
-What is Sophie’s condition?
+What is Sophie's condition?
 
 ## --answers--
 
@@ -44,7 +44,7 @@ There is no mention of Sophie wanting to show pictures.
 
 ---
 
-She doesn’t want to hear Tom play.
+She doesn't want to hear Tom play.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
index 13c64dee96..0e48c5cd59 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
@@ -7,11 +7,11 @@ dashedName: task-43
 
 # --description--
 
-When you want to learn about a person’s character or personality without specifying their gender, you can use `they` as a singular pronoun and ask, `What are they like?`.
+When you want to learn about a person's character or personality without specifying their gender, you can use `they` as a singular pronoun and ask, `What are they like?`.
 
 This is a respectful and inclusive way to ask about someone. Using `they` in this way ensures that you don't make assumptions about people. Example:
 
-Imagine there is a new team member joining your programming project, but you haven’t met them yet. Instead of assuming their gender, you can ask your supervisor, `What are they like?`
+Imagine there is a new team member joining your programming project, but you haven't met them yet. Instead of assuming their gender, you can ask your supervisor, `What are they like?`
 
 This question helps you find out about the new member's personality, such as being organized, creative, or detail-oriented.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
index 2f38e3a6b5..7963b39e2c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
@@ -13,7 +13,17 @@ As you already studied, for most verbs conjugation can be simple. You just  add
 
 以下に例を示します。
 
-`You talk` -> `He talks` `They do` -> `It does`
+Verb `to talk` conjugation:
+
+- `I talk`, `you talk`, `we talk`, and `they talk`.
+
+- `He talks`, `she talks`, and `it talks`.
+
+Verb `to do` conjugation:
+
+- `I do`, `you do`, `we do`, and `they do`.
+
+- `He does`, `she does`, and `it does`.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
index a1d512fed7..6ee041dcde 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
@@ -9,7 +9,7 @@ dashedName: task-58
 
 # --description--
 
-Let’s practice listening to verbs conjugated in the third person.
+Let's practice listening to verbs conjugated in the third person.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
index b5a7ed6dc1..dd804ae3ca 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
@@ -13,7 +13,7 @@ dashedName: task-60
 
 ## --text--
 
-Choose the correct question for asking about someone’s usual work location.
+Choose the correct question for asking about someone's usual work location.
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
index f206982476..7b9b413d19 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
@@ -11,7 +11,7 @@ dashedName: task-75
 
 The expression `to be in good hands` means that someone is being taken care of by a competent or capable person.
 
-It’s like saying you can relax because you trust the person helping or looking after you.
+It's like saying you can relax because you trust the person helping or looking after you.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
index 0bc7dfb91e..adf48b7131 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
@@ -35,7 +35,7 @@ Sophie's words are very positive, more than just average.
 
 ---
 
-She is unsure about Maria’s leadership skills.
+She is unsure about Maria's leadership skills.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
index a6504cbaf0..6729f470b2 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
@@ -13,7 +13,7 @@ The word `reasonable` means something is fair, makes sense, or is acceptable in
 
 ## --text--
 
-What does `that’s reasonable` mean?
+What does `that's reasonable` mean?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
index 0952906e3a..de288e79d4 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
@@ -9,7 +9,7 @@ dashedName: task-94
 
 In English, the verb `know` is conjugated to `knows` when the subject is singular and in third person.
 
-`Everyone` refers to a group but it is treated as a singular noun, that’s why in English the correct form is `everyone knows`.
+`Everyone` refers to a group but it is treated as a singular noun, that's why in English the correct form is `everyone knows`.
 
 
 # --questions--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
index 2593d34679..814f662f8f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
@@ -10,7 +10,7 @@ Tom: Good to know! Do they involve everyone on the team? -->
 
 # --description--
 
-Listen carefully to Tom’s question about the team meetings.
+Listen carefully to Tom's question about the team meetings.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
index afc410da84..62f9e6ff3e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
@@ -13,7 +13,7 @@ dashedName: task-104
 
 How long it takes to make a website depends on how big or small the job is. Choosing the coding language depends on the computer or system we use.
 
-Notice that after `depends` there’s always the preposition `on`.
+Notice that after `depends` there's always the preposition `on`.
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
index acdbdfe1e3..47b1f59464 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
@@ -26,7 +26,7 @@ Definitely next Monday.
 
 ### --feedback--
 
-`Definitely` is too certain compared to `probably.`
+Sophie says `probably`, which does not imply anything definite.
 
 ---
 
@@ -34,7 +34,7 @@ Maybe in two weeks.
 
 ### --feedback--
 
-`Maybe in two weeks` suggests less certainty and a longer timeframe than indicated by `probably.`
+Sophie uses `probably`, which suggests a greater level of certainty than maybe.
 
 ---
 
@@ -46,7 +46,7 @@ On Friday.
 
 ### --feedback--
 
-`On Friday` is not mentioned and does not align with `probably next Monday.`
+Friday was not mentioned in the dialog. It has to do with another day of the week.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
index 6e9c5718ed..1f60f107db 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
@@ -21,7 +21,7 @@ Which sentence is correct for describing one place near you?
 
 ### --feedback--
 
-`There are` is used for plural nouns, and `bank` is singular. You’ll learn about `there are` in the next few lessons.
+`There are` is used for plural nouns, and `bank` is singular. You'll learn about `there are` in the next few lessons.
 
 ---
 
@@ -29,7 +29,7 @@ Which sentence is correct for describing one place near you?
 
 ### --feedback--
 
-This option is a question form, not a statement. You’ll learn about questions later.
+This option is a question form, not a statement. You'll learn about questions later.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
index 10c0845779..cbbd43b132 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
@@ -9,7 +9,9 @@ dashedName: task-112
 
 To elaborate a question using `there is` you just need to change the order of the verb `to be`, like so:
 
-`There is an ATM nearby` -> `Is there an ATM nearby?`
+| Affirmative               | Interrogative             |
+| ------------------------- | ------------------------- |
+| `There is an ATM nearby.` | `Is there an ATM nearby?` |
 
 This form is useful when you're not sure if the place or item exists in that area and you want to ask about it.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
index 726e33791e..fd061f85d5 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
@@ -31,7 +31,7 @@ Absence of parks.
 
 ### --feedback--
 
-`Absence` suggests that there are no parks.
+`A couple of` suggests that there are some parks.
 
 ---
 
@@ -43,7 +43,7 @@ Many parks.
 
 ### --feedback--
 
-`Many` indicates a larger quantity, which doesn't match the context.
+`A couple of` indicates a small quantity, which doesn't match this answer.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
index cc6373a451..5311718220 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
@@ -11,9 +11,9 @@ dashedName: task-123
 
 Maria mentions that she doesn't know of any theater in the area. When you want to express that something does not exist or is not present somewhere, you use `there isn't` for singular nouns or `there aren't` for plural nouns.
 
-`There isn’t` is an abbreviation of `there is not`.
+`There isn't` is an abbreviation of `there is not`.
 
-`There aren’t` is an abbreviation of `there are not`.
+`There aren't` is an abbreviation of `there are not`.
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
index f5cbb5fad1..dba3b3ff6b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
@@ -21,11 +21,11 @@ There are closed malls.
 
 ### --feedback--
 
-They don’t discuss the opening hours of malls.
+They don't discuss the opening hours of malls.
 
 ---
 
-There aren’t any malls.
+There aren't any malls.
 
 ### --feedback--
 
@@ -33,7 +33,7 @@ Malls are easy to locate.
 
 ---
 
-Malls aren’t very common in this area.
+Malls aren't very common in this area.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
index fadee714a6..7c17a7e534 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
@@ -46,7 +46,7 @@ She doesn't ask about his family. Try again.
 
 ### --feedback--
 
-She doesn’t ask for reasons. Try again.
+She doesn't ask for reasons. Try again.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
index 481715cbc2..a15212305f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
@@ -13,9 +13,10 @@ There are some verbs you can't use `didn't` to create negative sentences in the
 
 If you want to create a negative sentence using the verb `to be` in the past, simply  add `not` after `was` or `were`. 例えば、次のように記述できます。
 
-`It was working normally` -> `It wasn't working normally`.
-
-`They were informed earlier` -> `They weren't informed earlier`.
+| Affirmative                   | Negative                         |
+| ----------------------------- | -------------------------------- |
+| `It was working normally.`    | `It wasn't working normally.`    |
+| `They were informed earlier.` | `They weren't informed earlier.` |
 
 `Wasn't` is the abbreviation of `was not` and `weren't` the abbreviation of `were not`.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
index 8620b1cc27..60aa2bf8c4 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-91
 ---
 
-<!-- (Audio) Anna: I saw that tech companies appreciate innovation and care for the employees’ well-being. -->
+<!-- (Audio) Anna: I saw that tech companies appreciate innovation and care for the employees' well-being. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
index 6c8694f2e4..3db34a46ba 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-61
 ---
 
-<!-- (Audio) Brian: They weren’t exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
+<!-- (Audio) Brian: They weren't exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
index a771e1f995..b950dd4104 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
@@ -6,7 +6,7 @@ dashedName: task-62
 ---
 
 <!-- (Audio) Sophie: That sounds cool. Did you ever work on any big projects during your studies? 
-Brian: They weren’t exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
+Brian: They weren't exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
index 0685ff884a..8b2cdb1d4b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
@@ -15,7 +15,7 @@ Listen to the audio and answer the question.
 
 ## --text--
 
-What part of Sarah’s answer suggests a course of action?
+What part of Sarah's answer suggests a course of action?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
index 57b9aca791..93211e77fd 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
@@ -11,7 +11,7 @@ dashedName: task-76
 
 `That's strange` means you think something is unusual or unexpected. For example, if you see it snowing in the summer, you might say, `That's strange.` It means you did not expect that to happen.
 
-`I'm sure` means you are confident that something is true. For example, if you know your friend’s birthday is tomorrow, you can say, `I'm sure it's tomorrow.` It means you believe it without doubt.
+`I'm sure` means you are confident that something is true. For example, if you know your friend's birthday is tomorrow, you can say, `I'm sure it's tomorrow.` It means you believe it without doubt.
 
 Listen and fill in the blanks.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
index ac608c2860..9d837be0c0 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
@@ -11,7 +11,7 @@ dashedName: task-78
 
 `Now that I think about it` means you have remembered or realized something after thinking more. For example, if you forgot where you put your keys but then remember, you might say, `Now that I think about it, they are on the table.` It means you have thought again and found new information.
 
-`To confuse something with something else` means to mix up two things and think one is the other. For example, if you see someone’s twin and think it is your friend, you can say `Sorry. I confused your twin with you`. It means you mistake one thing for another.
+`To confuse something with something else` means to mix up two things and think one is the other. For example, if you see someone's twin and think it is your friend, you can say `Sorry. I confused your twin with you`. It means you mistake one thing for another.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
index 1b76c28733..a46cb43df1 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
@@ -11,7 +11,7 @@ dashedName: task-79
 
 A `tray` is a flat, shallow container used to carry or hold things. For example, you use a `tray` to bring food or drinks from the kitchen to the table.
 
-`Enough` means having as much as you need. For example, if you have `enough water`, it means you have all the water you need to drink and you don’t need more. It can be used to talk about quantity, like having `enough food`, or to talk about quality, like when something is `good enough`.
+`Enough` means having as much as you need. For example, if you have `enough water`, it means you have all the water you need to drink and you don't need more. It can be used to talk about quantity, like having `enough food`, or to talk about quality, like when something is `good enough`.
 
 Listen to the dialogue and fill in the blanks.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
index e451409d9c..d9ebf0a85d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
@@ -23,7 +23,7 @@ Sophie helps her team and James checked cybersecurity
 
 ### --feedback--
 
-This option incorrectly uses the simple present tense for Sophie and the simple past tense for James. They don’t reflect the continuous, ongoing nature of their current activities.
+This option incorrectly uses the simple present tense for Sophie and the simple past tense for James. They don't reflect the continuous, ongoing nature of their current activities.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655bdc7e9c4116509df13f34.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655bdc7e9c4116509df13f34.md
index 5ab3023cf8..8c7c570bb5 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655bdc7e9c4116509df13f34.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655bdc7e9c4116509df13f34.md
@@ -9,13 +9,13 @@ dashedName: task-19
 
 # --description--
 
-To `Use` means to use something for a purpose.
+To `use` means to put something to a particular purpose.
 
 A `tool` is something that helps you do a job. In work, tools are often software or things on the computer. For example:
 
-`Using tools can make hard jobs easier`
+- `Using tools can make hard jobs easier`
 
-`She uses tools to organize her work`
+- `She uses tools to organize her work`
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
index c40bb6d517..9269f7943b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-22
 ---
 
-<!-- (Audio) Mark: Hi Maria! I'm testing a new software to find problems. It’s a nice experience so far, but we're doing more tests to make sure everything works. -->
+<!-- (Audio) Mark: Hi Maria! I'm testing a new software to find problems. It's a nice experience so far, but we're doing more tests to make sure everything works. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ In this dialogue, Mark talks about his activities related to a project.
 
 ## --sentence--
 
-`Hi Maria! I'm BLANK a new software to BLANK problems. It’s a nice experience so far, but we're BLANK more tests to BLANK sure everything BLANK`
+`Hi Maria! I'm BLANK a new software to BLANK problems. It's a nice experience so far, but we're BLANK more tests to BLANK sure everything BLANK`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
index f8bdbbd16b..b1a864b48a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-24
 ---
 
-<!-- (Audio) Mark: It’s a nice experience so far, but we're doing more tests to make sure everything works. -->
+<!-- (Audio) Mark: It's a nice experience so far, but we're doing more tests to make sure everything works. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
index 5727870ca7..ef33445527 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-34
 ---
 
-<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I’m getting information for the articles. It's keeping me busy, but I enjoy it. -->
+<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I'm getting information for the articles. It's keeping me busy, but I enjoy it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
index 9139e6824e..ef701124dc 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-35
 ---
 
-<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I’m getting information for the articles. It's keeping me busy, but I enjoy it. -->
+<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I'm getting information for the articles. It's keeping me busy, but I enjoy it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
index 6c53bef079..4b740a4e90 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
@@ -23,7 +23,7 @@ She is learning about project management
 
 ### --feedback--
 
-Sarah doesn’t mention project management.
+Sarah doesn't mention project management.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
index 916014bb9f..4e56cb9b2f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
@@ -13,7 +13,7 @@ When someone uses `either` at the end of a negative sentence, it means the same
 
 `I don't like carrots. My sister doesn't like them, either.`
 
-Here, `either` means both the speaker and their sister don’t like carrots.
+Here, `either` means both the speaker and their sister don't like carrots.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
index 4c6e55a91c..a2eb451b0f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
@@ -9,7 +9,7 @@ dashedName: task-2
 
 # --description--
 
-`AI` stands for Artificial Intelligence. It’s an abbreviation of Artificial Intelligence.
+`AI` stands for Artificial Intelligence. It's an abbreviation of Artificial Intelligence.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
index a55ae20787..106cd52000 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
@@ -9,7 +9,7 @@ dashedName: task-4
 
 # --description--
 
-`like` is a preposition used to describe the similarity between two things, people, or concepts. It indicates that there are shared qualities or characteristics between the compared elements. It’s commonly used in comparisons to highlight similarities. Example: `Her eyes are blue like the sky.`
+`like` is a preposition used to describe the similarity between two things, people, or concepts. It indicates that there are shared qualities or characteristics between the compared elements. It's commonly used in comparisons to highlight similarities. Example: `Her eyes are blue like the sky.`
 
 Fill in the blank with proper word.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
index 1d4e672e11..13c884e97e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
@@ -9,7 +9,7 @@ dashedName: task-5
 
 # --description--
 
-In this challenge, you’ll practice what you learned in previous challenges. Listen to the dialogue and choose the correct answer.
+In this challenge, you'll practice what you learned in previous challenges. Listen to the dialogue and choose the correct answer.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
index dae53352ee..e2cbb035ff 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
@@ -9,7 +9,7 @@ dashedName: task-88
 
 # --description--
 
-You learned how to talk about an unspecified thing or information with a broad term that didn’t point to a specific item. Let’s review it in this challenge.
+You learned how to talk about an unspecified thing or information with a broad term that didn't point to a specific item. Let's review it in this challenge.
 
 Listen and fill in the blank.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
index 794626ff98..4c893335a0 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
@@ -39,7 +39,7 @@ This answer limits `AR` to one aspect, which is not what `it is a mix` suggests.
 
 ### --feedback--
 
-`It is a mix` doesn’t mean `AR` is separate from reality.
+`It is a mix` doesn't mean `AR` is separate from reality.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
index 27013db43b..550916df98 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
@@ -9,7 +9,7 @@ dashedName: task-92
 
 # --description--
 
-Let’s review what Sophie and Tom talk about.
+Let's review what Sophie and Tom talk about.
 
 Listen and fill in the blanks to complete the dialogue.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
index a77f0cd3b5..b1cb3e9d4f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
@@ -9,7 +9,7 @@ dashedName: task-97
 
 # --description--
 
-Let’s review what Sophie and Tom talk about, to understand how AR works.
+Let's review what Sophie and Tom talk about, to understand how AR works.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
index c88ce7b9b4..15c689b96e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-6
 ---
 
-<!-- (Audio) Sophie: No, I haven’t seen her yet. What can you tell me about her? -->
+<!-- (Audio) Sophie: No, I haven't seen her yet. What can you tell me about her? -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
index d98c944146..84ecd83a82 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Sophie: No, I haven’t seen her yet. What can you tell me about her? -->
+<!-- (Audio) Sophie: No, I haven't seen her yet. What can you tell me about her? -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
index bea414922a..186571939a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-13
 ---
 
-<!-- (Audio) Bob: You’ll recognize her right away. -->
+<!-- (Audio) Bob: You'll recognize her right away. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ The phrase `right away` means quickly or very soon. For instance, `If you find a
 
 ## --sentence--
 
-`You’ll BLANK her BLANK BLANK.`
+`You'll BLANK her BLANK BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
index 7d7c747645..a9a42ad98e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-14
 ---
 
-<!-- (Audio) Bob: You’ll recognize her right away. -->
+<!-- (Audio) Bob: You'll recognize her right away. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
index 7cee717ac6..570d4df910 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-71
 ---
 
-<!-- (Audio) Tom: Ah, speaking of procedures, is there anything he’s told you that we need to do when it comes to office security? -->
+<!-- (Audio) Tom: Ah, speaking of procedures, is there anything he's told you that we need to do when it comes to office security? -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
index dbe75f0260..041180b2a7 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-82
 ---
 
-<!-- (Audio) Bob: I also can’t disclose sensitive information to anyone outside of the company. -->
+<!-- (Audio) Bob: I also can't disclose sensitive information to anyone outside of the company. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
index 693c5e9d72..b420fd22f0 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-94
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, if you don't eat healthy food or exercise, you might be `neglecting
 
 ## --sentence--
 
-`I also don’t want to BLANK BLANK BLANK, so two months ago I started jogging regularly.`
+`I also don't want to BLANK BLANK BLANK, so two months ago I started jogging regularly.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
index 75b255753c..0028bed138 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-95
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, if you say `I moved here a year ago`, it means that one year has pa
 
 ## --sentence--
 
-`I also don’t want to neglect my health, so two months BLANK I started jogging regularly.`
+`I also don't want to neglect my health, so two months BLANK I started jogging regularly.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
index 5b2d4f2761..bf7a88589a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-97
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -21,7 +21,7 @@ Adverbs describe how actions are done. They are often formed by adding `-ly` to
 
 ## --sentence--
 
-`I also don’t want to neglect my health, so two months ago I started BLANK BLANK.`
+`I also don't want to neglect my health, so two months ago I started BLANK BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
index 7f80a0719d..2c369859ad 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
@@ -6,7 +6,7 @@ dashedName: task-99
 ---
 
 <!-- (Audio) Brian: Tell me about your responsibilities beyond work.
-Sophie: Well, I have to make time for my family – that's really important to me. I also don’t want to neglect my health, so two months ago I started jogging regularly. It helps me relax and stay fit. -->
+Sophie: Well, I have to make time for my family – that's really important to me. I also don't want to neglect my health, so two months ago I started jogging regularly. It helps me relax and stay fit. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
index fdb363d022..57b9c82c78 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-106
 ---
 
-<!-- (Audio) Sophie: Sometimes, it’s the simple and free things that bring us the result we’re looking for. -->
+<!-- (Audio) Sophie: Sometimes, it's the simple and free things that bring us the result we're looking for. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
index 2c54980c81..13fb2e7c44 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
@@ -43,7 +43,7 @@ It disconnects applications from the internet, focusing on internal networks.
 
 ### --feedback--
 
-Serverless computing still uses the internet as part of cloud services; it doesn’t focus on internal networks.
+Serverless computing still uses the internet as part of cloud services; it doesn't focus on internal networks.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
index 5b268a1a15..da642e989c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-38
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, `He is hearing different opinions on the topic.` It shows he is cur
 
 ## --sentence--
 
-`Sarah, I’m BLANK a lot BLANK AI in programming these days, but I don't know how to use it. Any ideas?`
+`Sarah, I'm BLANK a lot BLANK AI in programming these days, but I don't know how to use it. Any ideas?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
index 945356b730..85316441f7 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-41
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
index ea0707a135..ea4db24932 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-42
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
index 1d2e63e5b5..7bcc11f1f7 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
@@ -23,7 +23,7 @@ Using a program that automatically improves code efficiency
 
 ### --feedback--
 
-This is an example of AI, as it involves using technology to improve code, aligning with Sarah’s description.
+This is an example of AI, as it involves using technology to improve code, aligning with Sarah's description.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
index 2a56c9c1f8..183dddda2f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
@@ -17,7 +17,8 @@ Instead of saying `It seems like you have a ton of energy this morning`, James c
 
 Here are some more examples:
 
-`She wakes up early every day` - `Early` describes the time of her waking up. `He has a quick shower in the morning` - `Quick` describes the short duration of the shower.
+* `She wakes up early every day` - `Early` describes the time of her waking up.
+* `He has a quick shower in the morning` - `Quick` describes the short duration of the shower.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556be93f9fcb88ac9e88b0d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556be93f9fcb88ac9e88b0d.md
index c001dbed11..66ec7ce7b4 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556be93f9fcb88ac9e88b0d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556be93f9fcb88ac9e88b0d.md
@@ -13,9 +13,12 @@ Idiomatic expressions are phrases where the words together have a different mean
 
 `A ton of energy` is an idiomatic expression meaning having a lot of energy, similar to saying `loads of energy`.
 
-Another expression would be `I slept like a rock,` which means sleeping very deeply. Here are some more examples of Idiomatic Expressions:
+Another expression would be `I slept like a rock,` which means sleeping very deeply. Here are some more examples of idiomatic expressions:
 
-`She's feeling blue today.` (feeling sad) `This math problem is a piece of cake.` (very easy) `He's in hot water now.` (in trouble) `They see eye to eye.` (agree with each other)
+* `She's feeling blue today.` (feeling sad)
+* `This math problem is a piece of cake.` (very easy)
+* `He's in hot water now.` (in trouble)
+* `They see eye to eye.` (agree with each other)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
index 4d858865ac..8135d17076 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
@@ -13,9 +13,8 @@ The words `before` and `after` are used to describe the order of events in time.
 
 `Before` is used to talk about something that happens earlier than another event, and `after` is used for something that happens later. 例えば、次のように記述できます。
 
-`I brush my teeth before I have breakfast` (Brushing teeth happens first)
-
-`I go to work after I have breakfast` (Going to work happens later)
+* `I brush my teeth before I have breakfast` (Brushing teeth happens first)
+* `I go to work after I have breakfast` (Going to work happens later)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
index 58129c90f4..7ae50ca723 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
@@ -9,7 +9,10 @@ dashedName: task-14
 
 The verb `take` is used in many common English expressions. When `take` is used with different nouns, it can have special meanings. 例えば、次のように記述します。
 
-`Take a shower` means to shower. `Take a walk` means to go for a walk. `Take a nap` means to sleep for a little while. `Take a chance` means to try something that might be risky.
+* `Take a shower` means to shower.
+* `Take a walk` means to go for a walk.
+* `Take a nap` means to sleep for a little while.
+* `Take a chance` means to try something that might be risky.
 
 These phrases are like fixed recipes in English; the words go together to mean something specific.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
index d980752b04..73e781eb5d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
@@ -9,7 +9,9 @@ dashedName: task-15
 
 Remember, adjectives are words that describe or give more information about nouns. They can tell you how something looks, feels, or acts. 例えば、次のように記述します。
 
-`Quick` describes something done in a short time. `Relaxed` describes something or someone calm and not strict. `Alert` describes being fully aware and paying attention.
+* `Quick` describes something done in a short time.
+* `Relaxed` describes something or someone calm and not strict.
+* `Alert` describes being fully aware and paying attention.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
index 49696643f6..27bebcdff7 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
@@ -9,7 +9,9 @@ dashedName: task-16
 
 The verb `get` is very common in English and has many uses. It can mean to receive, become, or reach a state. 例えば、次のように記述します。
 
-`Get dressed` means to put on clothes. `Get ready` means to prepare for something. `Get tired` means to start feeling tired.
+* `Get dressed` means to put on clothes.
+* `Get ready` means to prepare for something.
+* `Get tired` means to start feeling tired.
 
 Understanding how `get` is used will help you express different actions and states in English.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
index fbce03f463..f5d56888bd 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
@@ -9,7 +9,8 @@ dashedName: task-19
 
 A `dress code` is a set of rules about what you should wear in a certain place or event. Different places have different dress codes. 例えば、次のように記述します。
 
-A `relaxed dress code` means you can wear casual, comfortable clothes. A `formal dress code` requires more official and elegant clothes.
+* A `relaxed dress code` means you can wear casual, comfortable clothes.
+* A `formal dress code` requires more official and elegant clothes.
 
 Note: Remember, dress codes can vary depending on the culture and the specific place.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
index 239640bcc1..34c8758e4d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
@@ -13,7 +13,8 @@ dashedName: task-26
 
 `Late` means doing something after the expected or usual time, like arriving late to a meeting. Here are some examples:
 
-`She likes to start her day early with a jog.` `He often works late at the office.`
+* `She likes to start her day early with a jog.`
+* `He often works late at the office.`
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
index f7eb6d6073..2259299cad 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
@@ -11,7 +11,8 @@ dashedName: task-27
 
 The word `never` is an adverb used to mean `not at any time` or `not ever`. It's often used to talk about things that someone doesn't do or hasn't done. For example:
 
-`I have never been to Australia.` (this means the person has not visited Australia at any time) `She never eats fast food.` (this means she does not eat fast food at any time)
+* `I have never been to Australia.` (this means the person has not visited Australia at any time)
+* `She never eats fast food.` (this means she does not eat fast food at any time)
 
 The word `thought` is the past tense of `think`. `Thought of that` means to have considered or come up with an idea in the past. For example:
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
index 9958e2f23b..8e5f76418d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
@@ -11,11 +11,9 @@ dashedName: task-28
 
 When a verb follows a preposition, it often takes the `-ing` form, known as a gerund. Gerunds are verbs acting as nouns. This rule is common in many English expressions. 例えば、次のように記述します。
 
-`After eating dinner, we watched a movie.` (`eating` follows the preposition `after`)
-
-`She is interested in learning Spanish.` (`learning` follows the preposition `in`)
-
-`Before going to bed, I like to read.` (`going` follows the preposition `before`)
+* `After eating dinner, we watched a movie.` (`eating` follows the preposition `after`)
+* `She is interested in learning Spanish.` (`learning` follows the preposition `in`)
+* `Before going to bed, I like to read.` (`going` follows the preposition `before`)
 
 
 # --questions--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
index 7936732e4f..69164db350 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
@@ -11,9 +11,8 @@ dashedName: task-29
 
 The word `if` is often used in conditional statements to talk about a possible situation and its consequences. 例えば、次のように記述します。
 
-`If it rains, I will bring an umbrella.` (The action of bringing an umbrella depends on the possibility of rain.)
-
-`If you need help, just ask.` (The offer to help is conditional on the other person needing it.)
+* `If it rains, I will bring an umbrella.` (The action of bringing an umbrella depends on the possibility of rain.)
+* `If you need help, just ask.` (The offer to help is conditional on the other person needing it.)
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
index da60359836..a650abdd2b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
@@ -13,9 +13,8 @@ The word `even` is used to add emphasis to a statement, often highlighting somet
 
 When combined with `before` in the phrase `even before`, it emphasizes that an action or event occurs earlier than usual or expected, adding a sense of surprise or admiration. 例えば、次のように記述できます。
 
-`Even before the sun rises, she starts her workout.` (emphasizes that her workout begins unusually early)
-
-`He finished the project even before the deadline.` (implies that finishing before the deadline is surprisingly early)
+* `Even before the sun rises, she starts her workout.` (emphasizes that her workout begins unusually early)
+* `He finished the project even before the deadline.` (implies that finishing before the deadline is surprisingly early)
 
 In conversation, using `even` can express that something is more than what might be considered normal or usual. It makes the statement stronger.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
index eaaaf17193..bba1bd929a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
@@ -11,7 +11,8 @@ dashedName: task-32
 
 You probably remember that `I'll` is the contracted form of `I will`, a modal verb used to express future intentions, decisions, or plans made at the moment of speaking. 例えば、次のように記述します。
 
-`I'll call you tomorrow.` (future intention to call) `I'll take the bus to work.` (decision made about taking the bus)
+* `I'll call you tomorrow.` (future intention to call)
+* `I'll take the bus to work.` (decision made about taking the bus)
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
index ea6b5bfb6b..189614775f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
@@ -15,7 +15,7 @@ This challenge is designed to summarize and reinforce the understanding of James
 
 ## --sentence--
 
-`Sarah has a consistent morning routine. She BLANK up around 7 AM and starts her day by BLANK a bit. After making a cup of BLANK, she takes a BLANK shower and goes to the kitchen to BLANK a balanced breakfast. This helps her stay BLANK during the morning. She checks her BLANK and messages before BLANK to work. She likes to stay BLANK about the day’s tasks. James thinks her productivity BLANK coming to work is impressive and says he BLANK try some of her habits to become more BLANK in the morning as well.`
+`Sarah has a consistent morning routine. She BLANK up around 7 AM and starts her day by BLANK a bit. After making a cup of BLANK, she takes a BLANK shower and goes to the kitchen to BLANK a balanced breakfast. This helps her stay BLANK during the morning. She checks her BLANK and messages before BLANK to work. She likes to stay BLANK about the day's tasks. James thinks her productivity BLANK coming to work is impressive and says he BLANK try some of her habits to become more BLANK in the morning as well.`
 
 ## --blanks--
 
@@ -87,7 +87,7 @@ Going away from a place, in this case, her home. Try finishing the word with `in
 
 ### --feedback--
 
-Having knowledge or being aware of the day's tasks after acessing her email.
+Having knowledge or being aware of the day's tasks after accessing her email.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
index 1c72415d9d..e5c960336b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
@@ -11,7 +11,8 @@ The `y` ending can also turn nouns into adjectives that describe a characteristi
 
 `Healthy` comes from the noun `health` and means having or showing good health. Like `sleepy`, the `y` changes the noun into an adjective. Other examples:
 
-`Wealthy` (having a lot of wealth), `Cloudy` (full of or covered with clouds)
+* `Wealthy` (having a lot of wealth)
+* `Cloudy` (full of or covered with clouds)
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
index ffbde29081..4099e377bc 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
@@ -15,7 +15,9 @@ There's a difference between `may be` and `maybe`. Let's take a closer look.
 
 `Maybe` is an adverb indicating uncertainty or possibility. For example:
 
-`It may be raining outside.` (suggests a possibility of rain) `Maybe I will go out later.` (expresses uncertainty about going out) `May I ask a question?` (Asks for the permission to speak)
+* `It may be raining outside.` (suggests a possibility of rain)
+* `Maybe I will go out later.` (expresses uncertainty about going out)
+* `May I ask a question?` (Asks for the permission to speak)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
index 340607f48e..75074cce6c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
@@ -11,7 +11,7 @@ dashedName: task-45
 
 `I feel groggy if I don't get enough sleep` (describes feeling tired due to lack of sleep)
 
-`Sluggish` is an adjective that describes a feeling of low energy, slow movement, or a lack of alertness. It's often used when someone feels tired, lethargic, or not able to think or move quickly. This term can apply to both physical and mental states. Here are some examples:
+`Sluggish` is an adjective that describes a feeling of low energy, slow movement, or a lack of alertness. It's often used when someone feels tired, lethargic, or not able to think or move quickly. This term can apply to both physical and mental states. Here is an example:
 
 `The computer was running sluggishly, taking a long time to respond` (describes slow performance, used metaphorically for an inanimate object)
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
index 9bd5f5b852..f5891533c2 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
@@ -11,9 +11,8 @@ dashedName: task-46
 
 The verb `to ring` refers to the action of making a sound, particularly a clear resonant sound. It's commonly used to describe the sound made by bells, telephones, or alarms. 例えば、次のように記述します。
 
-`The phone will ring at 9 AM to remind me of the meeting.` (indicates the phone making a sound)
-
-`I wake up when my alarm clock rings.` (describes the alarm making a sound to wake someone up)
+* `The phone will ring at 9 AM to remind me of the meeting.` (indicates the phone making a sound)
+* `I wake up when my alarm clock rings.` (describes the alarm making a sound to wake someone up)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
index f187edd078..a140f6a901 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
@@ -11,9 +11,8 @@ dashedName: task-47
 
 The imperative form is used to give orders, instructions, or advice. It often starts with a verb in the base form for positive commands, or with `don't`/`do not` for negative commands. Understanding this form is important for following or giving instructions. 例えば、次のように記述します。
 
-`Drink plenty of water` (positive command)
-
-`Don't stay up too late` (negative command)
+* `Drink plenty of water` (positive command)
+* `Don't stay up too late` (negative command)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
index 0dad9dc43a..948be3713c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
@@ -9,9 +9,8 @@ dashedName: task-50
 
 The word `later` is the comparative form of `late`, used to indicate a time or event that is after the expected, usual, or planned time. Comparatives are used to compare two things. 例えば、次のように記述します。
 
-`We will leave later than planned.` (means leaving after the planned time)
-
-`She arrived later than me.` (indicates she arrived after the speaker)
+* `We will leave later than planned.` (means leaving after the planned time)
+* `She arrived later than me.` (indicates she arrived after the speaker)
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
index 43ff6f21c3..673daf8764 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
@@ -11,9 +11,8 @@ dashedName: task-52
 
 `Who` can be used as a relative pronoun to introduce a clause that gives more information about a person or people. It links a description or action specifically to a person. 例えば、次のように記述します。
 
-`She is someone who always knows what to do.` (links the knowing what to do to the person)
-
-`He's the data analyst who helped me a lot.` (describes the data analyst with the action of helping)
+* `She is someone who always knows what to do.` (links the knowing what to do to the person)
+* `He's the data analyst who helped me a lot.` (describes the data analyst with the action of helping)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
index 4947d7b6c1..ff8a47c8fd 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
@@ -11,9 +11,8 @@ dashedName: task-54
 
 The verb `to rush` means to do something or move quickly or in a hurry, often due to time pressure. It's used to describe actions done with urgency. 例えば、次のように記述します。
 
-`I had to rush to catch the train.` (means moving quickly to not miss the train)
-
-`Don't rush your decision.` (suggests taking time to decide)
+* `I had to rush to catch the train.` (means moving quickly to not miss the train)
+* `Don't rush your decision.` (suggests taking time to decide)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
index dfb4269170..9a22c7bea7 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
@@ -11,9 +11,8 @@ dashedName: task-56
 
 `Breathing exercises` are practices where you consciously control your breathing pattern. They are often used for relaxation, stress management, and to `clear your mind` – which means to free your mind from stress or worry. 例えば、次のように記述します。
 
-`Deep breathing helps to calm your nerves.` (uses controlled breathing for relaxation)
-
-`Clear your mind before the test to focus better.` (freeing the mind from distractions)
+* `Deep breathing helps to calm your nerves.` (uses controlled breathing for relaxation)
+* `Clear your mind before the test to focus better.` (freeing the mind from distractions)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
index 68912a95b0..99bc0a1af1 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
@@ -17,7 +17,7 @@ Conditional sentences often use `if` to describe a situation (cause) that will l
 
 ## --text--
 
-What is the cause and consequence of the expert’s advice?
+What is the cause and consequence of the expert's advice?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
index 84436cf410..1e5c0ab79d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
@@ -11,11 +11,13 @@ dashedName: task-62
 
 Past tense verbs are used to talk about actions that happened in the past. Some verbs change their form in the past tense, like `say` to `said`. 例えば、次のように記述します。
 
-`Yesterday, she said she would join us` (Past tense of `say`) `He said the meeting was at noon` (Describes a past statement about the meeting time)
+* `Yesterday, she said she would join us` (Past tense of `say`)
+* `He said the meeting was at noon` (Describes a past statement about the meeting time)
 
-Another example of irregular verb is `tell`, which becomes `told` in the past tense. For example:
+Another example of an irregular verb is `tell`, which becomes `told` in the past tense. For example:
 
-`He told me about the plan last week` (Past tense of `tell`) `Last night, they told stories about our last project` (Using `told` to describe a past action)
+* `He told me about the plan last week` (Past tense of `tell`)
+* `Last night, they told stories about our last project` (Using `told` to describe a past action)
 
 Don't worry if irregular verbs seem tricky; with practice, you'll get the hang of them!
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
index c0a9d1d54b..963e21d55f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
@@ -11,15 +11,13 @@ dashedName: task-63
 
 Regular verbs usually add `-ed` to form the past tense. This can also result in some adjectives as in the dialogue.
 
-`Complicated` is the past tense form of the regular verb `complicate`, as well as the adjective that means something is not simple or easy to do. One example of it as a verb can be: `The problems on the road complicated our trip.`
-
-`I walked to the store` (Past tense of `walk`)
-
-`She cleaned her room yesterday` (Past tense of `clean`)
+* `Complicated` is the past tense form of the regular verb `complicate`, as well as the adjective that means something is not simple or easy to do. One example of it as a verb can be: `The problems on the road complicated our trip.`
+* `I walked to the store` (Past tense of `walk`)
+* `She cleaned her room yesterday` (Past tense of `clean`)
 
 Extra note to help with the audio:
 
-`Running around` means moving about in a hurried or energetic way, often chaotically. 例:
+`Running around` means moving about in a hurried or energetic way, often chaotically. For example:
 
 `The kids are running around the playground`
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
index 8e075f537f..7ed16d6426 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
@@ -9,7 +9,7 @@ dashedName: task-64
 
 # --description--
 
-Listen to the audio and complente the sentence below.
+Listen to the audio and complete the sentence below.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
index e85bbb330e..7f7187346d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
@@ -11,7 +11,8 @@ dashedName: task-65
 
 The modal verb `could` is often used to politely ask for help or suggestions. 例えば、次のように記述します。
 
-`Could you show me how to do this?` (asking for help in a polite way) `What could I do to improve my skills?` (asking for suggestions)
+* `Could you show me how to do this?` (asking for help in a polite way)
+* `What could I do to improve my skills?` (asking for suggestions)
 
 Understanding how to use `could` is important to create polite requests or questions.
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
index 320e137a76..ac4788bf85 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
@@ -11,15 +11,13 @@ dashedName: task-67
 
 The modal verb `can` is used to express ability, possibility, or to ask permission. It's a versatile verb that's commonly used in everyday conversation. 例えば、次のように記述します。
 
-`I can speak three languages` (ability)
+* `I can speak three languages` (ability)
+* `Can I borrow your pen?` (asking permission)
 
-`Can I borrow your pen?` (asking permission)
+The word `tough` means difficult or challenging. It's often used to describe situations that require a lot of effort or endurance. For example:
 
-The word `tough` means difficult or challenging. It's often used to describe situations that require a lot of effort or endurance. 例えば、次のようになります。
-
-`The API test was really tough` (indicates the test was challenging)
-
-`They'are going through a tough time right now` (implies a period of difficulty)
+* `The API test was really tough` (indicates the test was challenging)
+* `They're going through a tough time right now` (implies a period of difficulty)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
index 0432495669..c9abf2424f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
@@ -15,9 +15,10 @@ Understanding the difference between `can` and `could` is crucial in English.
 
 `Could` is often used for polite requests, suggestions, or to talk about ability in the past. For example:
 
-`I can code very well` (present ability) `Can I leave early today?` (asking for permission)
-
-`Could you pass me that tool, please?` (polite request) `When I first learned programming, I could spend hours debugging without getting tired` (past ability)
+* `I can code very well` (present ability)
+* `Can I leave early today?` (asking for permission)
+* `Could you pass me that tool, please?` (polite request)
+* `When I first learned programming, I could spend hours debugging without getting tired` (past ability)
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
index 746c33bfe3..9ddddf0c55 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
@@ -11,7 +11,7 @@ dashedName: task-69
 
 The words you use in a sentence can make a big difference in modulating the message it delivers. Let's look at some examples to understand this better.
 
-Prepositions like `by` affect the verb that comes after, When you use `by`, it often needs the verb to end with `-ing`. 以下が例です:
+Prepositions like `by` affect the verb that comes after. When you use `by`, it often needs the verb to end with `-ing`. 以下が例です:
 
 `I improved by practicing daily` (This means I got better at something because I practiced every day. You use the preposition `by` to show how something is done)
 
@@ -21,7 +21,8 @@ Adjectives can also change the meaning of the following word by adding details t
 
 Even words like `family` and `outdoor` can be used as adjectives, they describe the noun that follows them. 例:
 
-`Family activities bring everyone together.` (`family` describes the type of activities) `Outdoor sports are enjoyable in good weather.` (`outdoor` describes where the sports happen)
+* `Family activities bring everyone together.` (`family` describes the type of activities)
+* `Outdoor sports are enjoyable in good weather.` (`outdoor` describes where the sports happen)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
index 1d1ed8e75d..caeff6d190 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
@@ -12,9 +12,8 @@ dashedName: task-72
 
 `While` is used in sentences to indicate that two actions or events are happening at the same time. It often sets the scene for one action that occurs during the time another action is taking place. 例えば、次のように記述できます。
 
-`While I cook, I listen to music` (I listen to music at the same time as I am cooking)
-
-`She reads while waiting for the bus` (She reads during the time she is waiting)
+* `While I cook, I listen to music` (I listen to music at the same time as I am cooking)
+* `She reads while waiting for the bus` (She reads during the time she is waiting)
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
index b7ff58ac8d..19118c9527 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
@@ -39,7 +39,7 @@ That is the wrong time.
 
 ### --feedback--
 
-That’s the wrong time of the day.
+That's the wrong time of the day.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
index a8fb4b11aa..5c36886336 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
@@ -14,9 +14,8 @@ A `night owl` is someone who stays up late. For example: `He's a night owl, ofte
 
 `Be back` means to return, and `tops` is used informally to indicate the maximum amount or time. For example:
 
-`I'll be back by dinner` (returning before a specific time)
-
-`The meeting will last one hour, tops` (no longer than one hour)
+* `I'll be back by dinner` (returning before a specific time)
+* `The meeting will last one hour, tops` (no longer than one hour)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
index 4eaa07945b..fb7399551a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
@@ -19,7 +19,7 @@ Long adjectives: Just add `the most` before the adjective.
 
 `This is the most interesting book I've read.` (`the most` + `interesting`)
 
-This is an introduction to these adjectives. You’ll learn more in the future.
+This is an introduction to these adjectives. You'll learn more in the future.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
index 0a741780cf..c692c5191b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
@@ -39,7 +39,7 @@ Sophie specifically says she sleeps `until 9:30`, not `10:00`.
 
 ---
 
-`She wakes up early, goes out, and spends the afternoon reading at home`
+`She wakes up early, goes jogging, and spends the afternoon reading at home`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
index 0eb50dea57..0b6615f97a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
@@ -41,7 +41,7 @@ Transparent
 
 ### --feedback--
 
-It’s another meaning of `clear`, referring to something allowing light to pass through so that objects behind can be distinctly seen. In documentation, `clear` is about understandability, not transparency.
+It's another meaning of `clear`, referring to something allowing light to pass through so that objects behind can be distinctly seen. In documentation, `clear` is about understandability, not transparency.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
index dba8a0daa8..750d651f96 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Bob: Thanks for your feedback. I’ll share this feedback with Tom and give him some extra time to work on these colors and fonts. -->
+<!-- (Audio) Bob: Thanks for your feedback. I'll share this feedback with Tom and give him some extra time to work on these colors and fonts. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
index 198a90888b..c7f9f52b9a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
@@ -29,7 +29,7 @@ This option is incorrect. Sophie's comments suggest she sees areas for improveme
 
 ---
 
-She doesn’t know and needs more time to form an opinion.
+She doesn't know and needs more time to form an opinion.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
index c6cafdff3b..91400c5aff 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
@@ -35,7 +35,7 @@ Yes, she completely agrees with Brian and suggests additional features for the m
 
 ### --feedback--
 
-Sarah's statement indicates disagreement with Brian’s focus on the mobile app, as she believes the web app requires more attention.
+Sarah's statement indicates disagreement with Brian's focus on the mobile app, as she believes the web app requires more attention.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
index 0e528326a7..625f758645 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-14
 ---
 
-<!-- (Audio) Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
@@ -19,7 +19,7 @@ To `allocate` means to distribute or assign resources or responsibilities to dif
 
 ## --sentence--
 
-`Well, here’s what I think we could do. Why don’t we BLANK resources to both platforms BLANK? We could give equal priority to BLANK the web app and the mobile app.`
+`Well, here's what I think we could do. Why don't we BLANK resources to both platforms BLANK? We could give equal priority to BLANK the web app and the mobile app.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
index 646b2e02fa..5178ef391e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-15
 ---
 
-<!-- (Audio) Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
index 53e9610427..5f582b4afa 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-16
 ---
 
-<!-- (Audio) Sarah: I'm not sure I agree with that, Brian. The web app needs attention. It has more users. Prioritizing the web app makes more sense given its larger user base. Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Sarah: I'm not sure I agree with that, Brian. The web app needs attention. It has more users. Prioritizing the web app makes more sense given its larger user base. Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
index f735695270..93fc608703 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-17
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal priority for a while. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal priority for a while. -->
 
 # --description--
 
@@ -23,7 +23,7 @@ Understanding these terms is key for discussing work plans and responsibilities.
 
 ## --sentence--
 
-`I BLANK think we should BLANK more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal BLANK for a while.`
+`I BLANK think we should BLANK more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal BLANK for a while.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
index cc9cdd7d27..ad89476b83 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-18
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
index f943a69e16..95f68a643b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-19
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal priority for a while. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal priority for a while. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
index 2c2b75397c..d129d5b178 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-29
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ Focus on the word `greater`. `Greater` is used to describe something that is mor
 
 ## --sentence--
 
-`I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a BLANK chance of success with it.`
+`I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a BLANK chance of success with it.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
index a1e92f740a..ade52e374b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-30
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
index 752a3e0fbc..46a4b6d7fb 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-31
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
index 36885fec86..8c4b33033a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
@@ -27,7 +27,7 @@ Sarah expresses a strong belief in Agile's alignment with the team's strengths.
 
 ---
 
-She disagrees with using Agile and thinks it won’t be successful.
+She disagrees with using Agile and thinks it won't be successful.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
index 3f070315bc..590ebffce3 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
index 557331b1ec..4f2ce221af 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-31
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ A `glitch` is a small problem that stops something from working right. Like when
 
 ## --sentence--
 
-`Yeah, technical BLANK are complicated and there’s not much we can do other than BLANK to solve them.`
+`Yeah, technical BLANK are complicated and there's not much we can do other than BLANK to solve them.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
index 59bb5b760f..7eebaba627 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-33
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
index 264598ab36..dc5b85d954 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
index 8bcd0b5cbe..1d15e26ec3 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
@@ -5,11 +5,11 @@ challengeType: 22
 dashedName: task-34
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
-People often use `have already` to talk about something they have done before now, and `have never` to talk about something they have not done at any time in the past. Let’s practice using these phrases.
+People often use `have already` to talk about something they have done before now, and `have never` to talk about something they have not done at any time in the past. Let's practice using these phrases.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
index 6ee70a6e52..f45c1443d0 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-35
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
index 5d2e2c04d5..6713e75053 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
@@ -19,7 +19,7 @@ What is Tom asking Sarah about?
 
 ## --answers--
 
-Why she didn’t solve the issue
+Why she didn't solve the issue
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
index 22355a8035..b1d011408f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
@@ -27,7 +27,7 @@ It caused more problems, showing the current version is the issue.
 
 ### --feedback--
 
-Sarah said that going back didn’t solve the issue, not that it caused more problems.
+Sarah said that going back didn't solve the issue, not that it caused more problems.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
index a5bbef4e68..3921c9d46d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
@@ -13,7 +13,7 @@ Modal verbs like `might` and `can` are used to express possibility and ability.
 
 `Might` is used for something that could happen or be true, like saying, `It might rain today`.
 
-`Can` is used to talk about someone's ability to do something, like, `She can speak three languages`. Let’s practice using these words in sentences.
+`Can` is used to talk about someone's ability to do something, like, `She can speak three languages`. Let's practice using these words in sentences.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
index e3d5b6e2ee..2deb62cf81 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-47
 ---
 
-<!-- (Audio) Sarah: Agreed. I’ll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
+<!-- (Audio) Sarah: Agreed. I'll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ In this task, you'll practice filling in key verbs and adjectives used in techni
 
 ## --sentence--
 
-`Agreed. I’ll BLANK a PR with the rollback and some BLANK logs for BLANK. That may help us find what the problem is.`
+`Agreed. I'll BLANK a PR with the rollback and some BLANK logs for BLANK. That may help us find what the problem is.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
index 1ab0495856..17c5f4214c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-48
 ---
 
-<!-- (Audio) Sarah: Agreed. I’ll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
+<!-- (Audio) Sarah: Agreed. I'll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
index c88c9cc689..9fd98e8f24 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-51
 ---
 
-<!-- (Audio) Maria: Tom, I saw that you’ve fixed the issue on GitHub. Great job! -->
+<!-- (Audio) Maria: Tom, I saw that you've fixed the issue on GitHub. Great job! -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
index 9c1256a421..a1ce1f6f6c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-60
 ---
 
-<!-- (Audio) Tom: It happens to all of us, Maria. I’ll make sure to document this for future reference, so we won't run into the same problem again. -->
+<!-- (Audio) Tom: It happens to all of us, Maria. I'll make sure to document this for future reference, so we won't run into the same problem again. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
index ffe29d6e90..ee94aec584 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-29
 ---
 
-<!-- (Audio) Tom: I see. So by explaining the complex parts with comments, I’ll help other people understand the code. Is that right? Sarah: Precisely. It's a form of documentation within the code. Great job grasping these concepts! -->
+<!-- (Audio) Tom: I see. So by explaining the complex parts with comments, I'll help other people understand the code. Is that right? Sarah: Precisely. It's a form of documentation within the code. Great job grasping these concepts! -->
 
 # --description--
 
@@ -27,7 +27,7 @@ Writing complex code without comments
 
 ### --feedback--
 
-Tom’s focus is on explaining complex code with comments, not writing it without comments.
+Tom's focus is on explaining complex code with comments, not writing it without comments.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
index bc1aeed0c9..4cb8f054a9 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
@@ -37,7 +37,7 @@ In this context, it refers to the final point Maria wants to make.
 
 ### --feedback--
 
-It describes the team’s nature of working together and helping each other.
+It describes the team's nature of working together and helping each other.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
index 6b28c5ed82..8c54ad805d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
@@ -35,7 +35,7 @@ Because it's a standard practice to read everything in order
 
 ### --feedback--
 
-The suggestion isn’t about reading everything in order but about finding specific information efficiently.
+The suggestion isn't about reading everything in order but about finding specific information efficiently.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
index 54fcbd4f84..74ad9bd474 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-4
 ---
 
-<!-- (Audio) Bob: That's great, Sarah! I’ve also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
+<!-- (Audio) Bob: That's great, Sarah! I've also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ dashedName: task-4
 
 ## --sentence--
 
-`That's great, Sarah! I’ve also been BLANK busy this week. I tested the new BLANK we added last week. It BLANK to be working well. And I found a few BLANK issues that we need to fix.`
+`That's great, Sarah! I've also been BLANK busy this week. I tested the new BLANK we added last week. It BLANK to be working well. And I found a few BLANK issues that we need to fix.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
index 53e4327760..a857c20ffb 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-5
 ---
 
-<!-- (Audio) Bob: That's great, Sarah! I’ve also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
+<!-- (Audio) Bob: That's great, Sarah! I've also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
index 1818ca9913..c222365c18 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Sarah: Thanks for catching those. As for me, I also finished the market research report. I presented it to the team yesterday. We’ve gathered valuable data that will help us make informed decisions. -->
+<!-- (Audio) Sarah: Thanks for catching those. As for me, I also finished the market research report. I presented it to the team yesterday. We've gathered valuable data that will help us make informed decisions. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
index a7bf842d65..5df2f8b44e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-22
 ---
 
-<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I’m working on fully updated, and I intend to improve our customer support process based on the training I received. -->
+<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I'm working on fully updated, and I intend to improve our customer support process based on the training I received. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
index 0303f8a900..2a112d6a82 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-23
 ---
 
-<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I’m working on fully updated, and I intend to improve our customer support process based on the training I received. -->
+<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I'm working on fully updated, and I intend to improve our customer support process based on the training I received. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
index bcfc7989fc..04e3aa0a90 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
@@ -9,7 +9,7 @@ dashedName: task-6
 
 # --description--
 
-The phrase `a fresh pair of eyes` is an idiomatic expression meaning to have someone new look at something to offer a different perspective. It’s often used when someone has been working on a problem for a long time and needs an outside opinion. The modal verb `may` suggests possibility or likelihood but not certainty.
+The phrase `a fresh pair of eyes` is an idiomatic expression meaning to have someone new look at something to offer a different perspective. It's often used when someone has been working on a problem for a long time and needs an outside opinion. The modal verb `may` suggests possibility or likelihood but not certainty.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
index 0135cee3cf..8f147965c8 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
@@ -9,7 +9,7 @@ dashedName: task-8
 
 # --description--
 
-Sophie implies, or suggests without directly stating, that she needs help with her coding problem. To 'imply' something means to suggest it in an indirect way. For example, saying 'It’s getting late' can imply that it's time to leave, without saying it directly.
+Sophie implies, or suggests without directly stating, that she needs help with her coding problem. To 'imply' something means to suggest it in an indirect way. For example, saying 'It's getting late' can imply that it's time to leave, without saying it directly.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
index 0e6debc701..7aecbc246e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
@@ -35,7 +35,7 @@ She should wait until the next meeting
 
 ### --feedback--
 
-Bob’s offer to help is immediate, contingent on Sophie sharing the code, not waiting until the next meeting.
+Bob's offer to help is immediate, contingent on Sophie sharing the code, not waiting until the next meeting.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
index 3dc8fe0149..d443f66209 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
@@ -43,7 +43,7 @@ He doesn't think the problem can be solved
 
 ### --feedback--
 
-Bob’s statement implies he believes there are possible solutions, not that it's unsolvable.
+Bob's statement implies he believes there are possible solutions, not that it's unsolvable.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
index f051cf04a9..d11033e4fe 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
@@ -44,7 +44,7 @@ He is asking for a break from the meeting
 
 ### --feedback--
 
-Bob’s statement is about making a suggestion, not about taking a break from the meeting.
+Bob's statement is about making a suggestion, not about taking a break from the meeting.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
index 23a87bd30c..b230b440b8 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-31
 ---
 
-<!-- (Audio) Bob: I’m sure we'll gain some valuable insights from our discussion. -->
+<!-- (Audio) Bob: I'm sure we'll gain some valuable insights from our discussion. -->
 
 # --description--
 
@@ -43,7 +43,7 @@ He is unsure about the usefulness of the discussion
 
 ### --feedback--
 
-Bob’s statement `I'm sure` shows confidence in the usefulness of the discussion.
+Bob's statement `I'm sure` shows confidence in the usefulness of the discussion.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
index bfd75f1dcb..3c7b969815 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
@@ -35,7 +35,7 @@ Sophie specifically mentions a coding issue she's been working on, not a differe
 
 ---
 
-She requests Bob’s help on a coding issue she's struggling with
+She requests Bob's help on a coding issue she's struggling with
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
index 22fea697ce..47fb134f10 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
@@ -31,7 +31,7 @@ It means to give someone access to something, here referring to the code.
 
 ### --feedback--
 
-It suggests starting something with enthusiasm, indicating Bob’s readiness to examine the code closely.
+It suggests starting something with enthusiasm, indicating Bob's readiness to examine the code closely.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
index e41b40a7b9..81e0846404 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-56
 ---
 
-<!-- (Audio) Sophie: Yeah, consistency is essential. I’ll go ahead and start with defining those coding standards. -->
+<!-- (Audio) Sophie: Yeah, consistency is essential. I'll go ahead and start with defining those coding standards. -->
 
 # --description--
 
@@ -23,7 +23,7 @@ To wait for further instructions about coding standards
 
 ### --feedback--
 
-Sophie’s statement shows she is ready to start working on the standards, not waiting for instructions.
+Sophie's statement shows she is ready to start working on the standards, not waiting for instructions.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
index 3f65c83626..f8c4f352be 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
@@ -38,7 +38,7 @@ Which sentence correctly uses the word `most`?
 
 ### --feedback--
 
-This sentence doesn’t use `most`
+This sentence doesn't use `most`
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
index dda6ad5238..3c36ac1713 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
@@ -19,7 +19,7 @@ What is Tom asking Sophie about?
 
 ## --answers--
 
-Sophie’s opinion on work.
+Sophie's opinion on work.
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ The focus is on breaks during work, not after work.
 
 ---
 
-Sophie’s favorite coffee.
+Sophie's favorite coffee.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
index 7dce6f2fd0..23c4a176c2 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
@@ -7,7 +7,7 @@ dashedName: task-22
 
 # --description--
 
-Understanding someone’s routine, like their lunch habits, involves paying attention to specific details in the conversation.
+Understanding someone's routine, like their lunch habits, involves paying attention to specific details in the conversation.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
index f52e60445c..fbab79ef2a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
@@ -33,7 +33,7 @@ For helping him with a project.
 
 ### --feedback--
 
-Helping with a project isn’t mentioned in this context.
+Helping with a project isn't mentioned in this context.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
index d97918e009..6cbdbc24a3 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
@@ -41,7 +41,7 @@ His favorite security equipment.
 
 ### --feedback--
 
-Equipment isn’t mentioned in Sophie's question.
+Equipment isn't mentioned in Sophie's question.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
index 210520379e..38d50d8972 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
@@ -27,7 +27,7 @@ Company rules suggest an external obligation, more suited to `have to`.
 
 ---
 
-`I have to make sure the security cameras work because I believe it’s crucial.`
+`I have to make sure the security cameras work because I believe it's crucial.`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
index da3c53934b..4a128ff905 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-68
 ---
 
-<!-- (audio) Jake: “Well, yeah, security is a top priority and I have to make sure everything goes as expected.” -->
+<!-- (audio) Jake: "Well, yeah, security is a top priority and I have to make sure everything goes as expected." -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
index 5f4fa4583b..9ad6479bab 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
@@ -9,7 +9,7 @@ dashedName: task-77
 
 A `policy` (in the plural, `policies`) is a principle or rule to guide decisions and achieve rational outcomes. Policies are often adopted by an organization to guide employees.
 
-For instance, `The company’s privacy policy protects client information.`
+For instance, `The company's privacy policy protects client information.`
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
index bb9c004796..8ca986ec69 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-75
 ---
 
-<!-- (audio) Linda: Hey, James. So what is the meaning of “compliance”. Can you tell me? -->
+<!-- (audio) Linda: Hey, James. So what is the meaning of "compliance". Can you tell me? -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
index 846f6b5a6c..9a4dfb86bf 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
@@ -44,7 +44,7 @@ Deciding what tasks to do.
 
 ### --feedback--
 
-It’s about following set tasks, not personal choice.
+It's about following set tasks, not personal choice.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
index 828885fedd..50cf4e1ee6 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
@@ -15,7 +15,7 @@ Listen to the audio to answer the question below.
 
 ## --text--
 
-What is the meaning of Linda’s question?
+What is the meaning of Linda's question?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5d8f7f2274f2b1a8efcc.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5d8f7f2274f2b1a8efcc.md
index e67c513fb1..b0ca04bd0a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5d8f7f2274f2b1a8efcc.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5d8f7f2274f2b1a8efcc.md
@@ -25,7 +25,7 @@ What is the difference between `every` and `any`?
 
 ### --feedback--
 
-`Every` is for all items, not just in questions.
+`Every` is for all items, not just in questions; `any` is for one, some, or all.
 
 ---
 
@@ -41,7 +41,7 @@ Both words have broader meanings than just one item.
 
 ### --feedback--
 
-`Every` means all, not none.
+`Every` means all, not none; `any` means one, some, or all.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
index e26136fde5..86936d1fff 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-28
 ---
 
-<!-- (Audio) Linda: I've been a cyclist for more than 15 years. It's a love that hasn’t disappeared with time. -->
+<!-- (Audio) Linda: I've been a cyclist for more than 15 years. It's a love that hasn't disappeared with time. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
index 52cd8ce27f..29dfa450ee 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
@@ -39,7 +39,7 @@ This sentence is not correct. A correct usage would be `Would you like me to mak
 
 ### --feedback--
 
-In this context, `like` doesn’t require the ending `-s` The correct form is `Would you like a glass of water?`
+In this context, `like` doesn't require the ending `-s` The correct form is `Would you like a glass of water?`
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
index 015ce73fef..ec1f23cf22 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
@@ -31,7 +31,7 @@ Partial acceptance
 
 ### --feedback--
 
-It suggests agreeing partially, which doesn’t fit the intention of the phrase.
+It suggests agreeing partially, which doesn't fit the intention of the phrase.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
index 652a7816d2..914ce31e13 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
@@ -35,7 +35,7 @@ She's hesitant to include Brian.
 
 ### --feedback--
 
-Sophie's tone doesn’t suggest hesitation, but rather openness and enthusiasm for his participation.
+Sophie's tone doesn't suggest hesitation, but rather openness and enthusiasm for his participation.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
index d4a4e08426..4abf0566c6 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-5
 ---
 
-<!-- (Audio) Brian: Well, we’re going to use a framework for the front-end, probably React. It's the technology we're most comfortable with, and it will make development faster. -->
+<!-- (Audio) Brian: Well, we're going to use a framework for the front-end, probably React. It's the technology we're most comfortable with, and it will make development faster. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
index c8aac6bc38..b3fa35e633 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
@@ -11,7 +11,7 @@ dashedName: task-6
 
 `Going to` can also be used when you have some evidence in the present that something will happen in the future.
 
-For example, `Look at those numbers! It's going to be a hard day.` or `They are going to feel upset if we don’t invite them to the meeting.`
+For example, `Look at those numbers! It's going to be a hard day.` or `They are going to feel upset if we don't invite them to the meeting.`
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
index 30acf7c1f1..1b1e4f6ff1 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-8
 ---
 
-<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we’ll use Node.js. -->
+<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we'll use Node.js. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
index 7a1fa716e4..0b70344b0c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-10
 ---
 
-<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we’ll use Node.js. It's a solid choice, and it will allow us to scale the application effectively. -->
+<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we'll use Node.js. It's a solid choice, and it will allow us to scale the application effectively. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
index 0db34941fa..53cf16536e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-15
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
@@ -21,7 +21,7 @@ An `audience` refers to the group of people who watch, read, or listen to someth
 
 ## --sentence--
 
-`I think we’re going to focus on social media marketing. It's BLANK, and it will BLANK a BLANK audience.`
+`I think we're going to focus on social media marketing. It's BLANK, and it will BLANK a BLANK audience.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
index 89cd9b3c21..75284c19fd 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-16
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
@@ -19,7 +19,7 @@ Which part of Sophie's sentence indicates that she is considering focusing on so
 
 ## --answers--
 
-`I think we’re going to focus on social media marketing.`
+`I think we're going to focus on social media marketing.`
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
index 9226d7dbd2..b524bf726a 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-17
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
index 525acd9ab8..46d406b836 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-20
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. Brian: That sounds good. I suggest that we also invest in email marketing. It's more targeted, and it will allow us to engage with our subscribers directly. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. Brian: That sounds good. I suggest that we also invest in email marketing. It's more targeted, and it will allow us to engage with our subscribers directly. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
index bd9c122052..ada734ca66 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
@@ -11,7 +11,7 @@ dashedName: task-3
 
 The **Present Perfect Continuous tense** is used talk about actions or situations that started in the past and are still happening now. It is very useful when you want to emphasize the duration of an activity or that it is an ongoing process.
 
-Here’s how to form the **Present Perfect Continuous**: Subject + `has/have been` + `-ing` form of the verb. This tense is often used with expressions of time such as `for` and `since`. `For` is used with a period of time like two years or six months, while `since` is used with a specific point in time, like 2018 or this morning.
+Here's how to form the **Present Perfect Continuous**: Subject + `has/have been` + `-ing` form of the verb. This tense is often used with expressions of time such as `for` and `since`. `For` is used with a period of time like two years or six months, while `since` is used with a specific point in time, like 2018 or this morning.
 
 例:
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
index c926609aa5..554e897708 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
@@ -23,7 +23,7 @@ She complains about the difficulty of learning them.
 
 ### --feedback--
 
-Sophie doesn’t mention any difficulty; she only expresses surprise at the number of programming languages.
+Sophie doesn't mention any difficulty; she only expresses surprise at the number of programming languages.
 
 ---
 
@@ -43,7 +43,7 @@ She ignores the comment and changes the subject.
 
 ### --feedback--
 
-Sophie directly responds to Brian’s observation by pointing out an interesting fact about programming languages.
+Sophie directly responds to Brian's observation by pointing out an interesting fact about programming languages.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
index 004cbafbf2..f92948b12f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
@@ -43,7 +43,7 @@ Who she was with when she spent the time
 
 ### --feedback--
 
-Brian’s question is specifically about the amount of time, not about who was with her.
+Brian's question is specifically about the amount of time, not about who was with her.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
index 0db44bbb3e..a8af053cff 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
@@ -35,7 +35,7 @@ Sophie actually indicates she has free time and chooses to spend much of it on a
 
 ---
 
-She doesn’t enjoy what she does in her free time.
+She doesn't enjoy what she does in her free time.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
index aec19e9fb4..b974b3a90b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
@@ -23,7 +23,7 @@ Brian needs help finding Python, the snake.
 
 ### --feedback--
 
-Brian’s question is about Python the programming language, not a snake.
+Brian's question is about Python the programming language, not a snake.
 
 ---
 
@@ -35,7 +35,7 @@ Brian is looking for someone to teach him Python next week.
 
 ### --feedback--
 
-Brian’s request implies an immediate need for clarification on a specific question, not seeking a teacher for future lessons.
+Brian's request implies an immediate need for clarification on a specific question, not seeking a teacher for future lessons.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
index 1dba64adb0..b48b7083cd 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
@@ -35,7 +35,7 @@ Sarah needs help installing her code.
 
 ### --feedback--
 
-The audio does not mention installation issues; it focuses on trouble with existing code and understanding what’s wrong.
+The audio does not mention installation issues; it focuses on trouble with existing code and understanding what's wrong.
 
 ---
 
@@ -43,7 +43,7 @@ Sarah is confident about fixing the code herself.
 
 ### --feedback--
 
-Sarah’s description of not being able to figure out the issue suggests she is not confident about resolving it on her own.
+Sarah's description of not being able to figure out the issue suggests she is not confident about resolving it on her own.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
index 8de618ca83..9ec6648a33 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-53
 ---
 
-<!-- (Audio) Tom: Depending on the IDE that you’re using, there are many extensions and plugins to use. -->
+<!-- (Audio) Tom: Depending on the IDE that you're using, there are many extensions and plugins to use. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
index 4d45b479d9..6934ab728e 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-57
 ---
 
-<!-- (Audio) Tom: There are many debugging tools you can use. Depending on the IDE that you’re using, there are many extensions and plugins to use. They are super helpful. Sarah: I'll keep that in mind. Thanks, Tom. -->
+<!-- (Audio) Tom: There are many debugging tools you can use. Depending on the IDE that you're using, there are many extensions and plugins to use. They are super helpful. Sarah: I'll keep that in mind. Thanks, Tom. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
index 2fc64e245c..812e05036b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-66
 ---
 
-<!-- (Audio) Tom: I understand that there are classes and methods, but I’ve never used them in my code. -->
+<!-- (Audio) Tom: I understand that there are classes and methods, but I've never used them in my code. -->
 
 # --description--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
index 0714228145..bdad8fee67 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-67
 ---
 
-<!-- (Audio) Sarah: Object-oriented programming is used in many modern languages. How much do you know about it so far? Tom: Not much, really. I understand there are classes and methods, but I’ve never used them in my code. -->
+<!-- (Audio) Sarah: Object-oriented programming is used in many modern languages. How much do you know about it so far? Tom: Not much, really. I understand there are classes and methods, but I've never used them in my code. -->
 
 # --description--
 
@@ -31,11 +31,11 @@ Tom knows some things but hasn't tried them yet.
 
 ---
 
-Tom knows a lot about it but hasn’t used it.
+Tom knows a lot about it but hasn't used it.
 
 ### --feedback--
 
-Tom mentions understanding basic ideas like classes and methods, but he hasn’t used them, showing he knows a bit but not a lot.
+Tom mentions understanding basic ideas like classes and methods, but he hasn't used them, showing he knows a bit but not a lot.
 
 ---
 
@@ -43,7 +43,7 @@ Tom doesn't know anything about it.
 
 ### --feedback--
 
-Tom does know something because he talks about classes and methods, so he isn’t completely unfamiliar.
+Tom does know something because he talks about classes and methods, so he isn't completely unfamiliar.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
index 53912865ad..b8dcdcfff8 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
@@ -33,7 +33,7 @@ A coworker asks for a report urgently and you reply, `No worries`, without provi
 
 ### --feedback--
 
-This use might imply indifference or dismissal without addressing the coworker’s urgent need, which is not appropriate.
+This use might imply indifference or dismissal without addressing the coworker's urgent need, which is not appropriate.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
index 4012d66560..0ac1e68e2f 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
@@ -20,7 +20,7 @@ Sentences with the verb `to be` are often used to describe feelings and emotions
 
 ## --text--
 
-What does the expression `I’m happy` indicate in the present simple tense?
+What does the expression `I'm happy` indicate in the present simple tense?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
index f3fc614799..78487ca329 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
@@ -13,7 +13,7 @@ It's nice to have you here, Alice.
 
 # --description--
 
-`It’s nice to` is used to express a positive sentiment or feeling about something or someone.
+`It's nice to` is used to express a positive sentiment or feeling about something or someone.
 
 # --questions--
 
@@ -23,7 +23,7 @@ What is Bob expressing in his sentence?
 
 ## --answers--
 
-A negative opinion about Alice’s presence
+A negative opinion about Alice's presence
 
 ### --feedback--
 
@@ -31,7 +31,7 @@ Think about how the phrase `nice to` usually conveys positive feelings.
 
 ---
 
-A neutral statement about Alice’s presence
+A neutral statement about Alice's presence
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ Consider the warmth usually conveyed by the phrase `nice to`.
 
 ---
 
-An apology for Alice’s presence
+An apology for Alice's presence
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ Reflect on the purpose of the phrase `nice to` in welcoming contexts.
 
 ---
 
-A positive and welcoming sentiment about Alice’s presence
+A positive and welcoming sentiment about Alice's presence
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
index 67fd94fb24..c33d9d1bc6 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
@@ -34,7 +34,7 @@ He is pleased with the current team members.
 
 ### --feedback--
 
-While this might be true, it doesn’t directly relate to the phrase about new members.
+While this might be true, it doesn't directly relate to the phrase about new members.
 
 ---
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
index 9adb5c7dfb..7c6fb0ff6c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
@@ -7,7 +7,7 @@ dashedName: task-33
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years. He makes sure our data is secure and efficient.
+This is John, the database administrator. He's been here for three years. He makes sure our data is secure and efficient.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
index b107b99704..668d6f75a4 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
@@ -7,7 +7,7 @@ dashedName: task-34
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years. He makes sure our data is secure and efficient.
+This is John, the database administrator. He's been here for three years. He makes sure our data is secure and efficient.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
index fa3095c1d9..95cfbb80bc 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
@@ -7,7 +7,7 @@ dashedName: task-35
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years.
+This is John, the database administrator. He's been here for three years.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
index 83a26611de..0fd347be73 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
@@ -7,7 +7,7 @@ dashedName: task-36
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years.
+This is John, the database administrator. He's been here for three years.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
index 3149d36633..eeb310927c 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
@@ -7,7 +7,7 @@ dashedName: task-42
 
 <!--
 AUDIO REFERENCE:
-Everybody, let’s welcome Alice to the team.
+Everybody, let's welcome Alice to the team.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
index 293dc13f40..019bbdce77 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
@@ -7,7 +7,7 @@ dashedName: task-50
 
 <!--
 AUDIO REFERENCE:
-I'd like to introduce Lisa. She’s our new front-end developer.
+I'd like to introduce Lisa. She's our new front-end developer.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
index 4c0c43967b..0e1b862e7d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
@@ -7,7 +7,7 @@ dashedName: task-58
 
 <!--
 AUDIO REFERENCE:
-Bob: Is there any specific area of design or development you're interested in? He’s your go-to guy for that.
+Bob: Is there any specific area of design or development you're interested in? He's your go-to guy for that.
 -->
 
 # --description--
@@ -20,7 +20,7 @@ For example, `He's the go-to guy for computer problems` means he is the person b
 
 ## --sentence--
 
-`Is there any BLANK area of design or development you're interested in? He’s your BLANK-to BLANK for that.`
+`Is there any BLANK area of design or development you're interested in? He's your BLANK-to BLANK for that.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
index 2db18719f9..868a16409b 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
@@ -7,7 +7,7 @@ dashedName: task-61
 
 <!--
 AUDIO REFERENCE:
-Bob: This is Tom, our new graphic designer. Is there any specific area of design or development you're interested in? He’s your go-to guy for that.
+Bob: This is Tom, our new graphic designer. Is there any specific area of design or development you're interested in? He's your go-to guy for that.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
index 7768777883..56277dd8ba 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
@@ -7,7 +7,7 @@ dashedName: task-64
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager.
+Bob: And I'm Bob, the team's project manager.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
index c277575137..deae9734e2 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
@@ -7,7 +7,7 @@ dashedName: task-66
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager. I’m the person you always need to talk to if you have any questions about the team’s goals and schedule.
+Bob: And I'm Bob, the team's project manager. I'm the person you always need to talk to if you have any questions about the team's goals and schedule.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
index 0878b60d8a..f617ef9400 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
@@ -7,7 +7,7 @@ dashedName: task-67
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager. I’m the person you always need to talk to if you have any questions about the team’s goals and schedule.
+Bob: And I'm Bob, the team's project manager. I'm the person you always need to talk to if you have any questions about the team's goals and schedule.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
index b74e976b36..597beb2f90 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
@@ -7,7 +7,7 @@ dashedName: task-68
 
 <!--
 AUDIO REFERENCE:
-Lisa: Hi, Bob. It’s great to meet you too.
+Lisa: Hi, Bob. It's great to meet you too.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
index 71ee4c712f..35beb02fe6 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
@@ -7,7 +7,7 @@ dashedName: task-69
 
 <!--
 AUDIO REFERENCE:
-Bob: Excellent! Lisa, it’s great to have you join our team, even if just online.
+Bob: Excellent! Lisa, it's great to have you join our team, even if just online.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
index efa8ac5345..71af118d4d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
@@ -7,7 +7,7 @@ dashedName: task-70
 
 <!--
 AUDIO REFERENCE:
-Bob: Excellent! Lisa, it’s great to have you join our team, even if just online.
+Bob: Excellent! Lisa, it's great to have you join our team, even if just online.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
index 94437caec1..d88c66f94d 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
@@ -7,7 +7,7 @@ dashedName: task-74
 
 <!--
 AUDIO REFERENCE:
-James: Good morning. I’m James and I’m here to help you with your training.
+James: Good morning. I'm James and I'm here to help you with your training.
 -->
 
 # --description--
@@ -18,7 +18,7 @@ Listen to the audio and fill in the missing words.
 
 ## --sentence--
 
-`I’m James and I’m BLANK to BLANK you with your BLANK.`
+`I'm James and I'm BLANK to BLANK you with your BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
index 7cf942fc3f..ec5afd0432 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
@@ -7,7 +7,7 @@ dashedName: task-75
 
 <!--
 AUDIO REFERENCE:
-James: Good morning. I’m James and I’m here to help you with your training.
+James: Good morning. I'm James and I'm here to help you with your training.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
index 57cb2df43b..53ec387ce7 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
@@ -7,7 +7,7 @@ dashedName: task-88
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
index d17861b90a..3c09b26e81 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
@@ -7,7 +7,7 @@ dashedName: task-89
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
index 3608932d8f..8ed1d6bfdb 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
@@ -7,7 +7,7 @@ dashedName: task-90
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
index 8d7879228a..46d15fb380 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
@@ -7,7 +7,7 @@ dashedName: task-91
 
 <!--
 AUDIO REFERENCE:
-David: Hey, Bob. How’s it going?
+David: Hey, Bob. How's it going?
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
index 2409dfaf7a..2cd8608c05 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
@@ -7,7 +7,7 @@ dashedName: task-94
 
 <!--
 AUDIO REFERENCE:
-Maria: And this is Linda, she’s our UX/UI designer. She works in user experience and she creates our interface design.
+Maria: And this is Linda, she's our UX/UI designer. She works in user experience and she creates our interface design.
 -->
 
 # --description--
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
index 357caad275..2755c0e762 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
@@ -8,7 +8,7 @@ dashedName: task-97
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
index 03edc606d6..9d01733325 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
@@ -8,7 +8,7 @@ dashedName: task-98
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
@@ -20,7 +20,7 @@ David: I’ll be your point of contact and I’ll help make sure our collaborati
 
 ## --sentence--
 
-`I'll be your BLANK of contact and I’ll help make sure our BLANK is great.`
+`I'll be your BLANK of contact and I'll help make sure our BLANK is great.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
index 2942122d17..d0d5c04085 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
@@ -8,7 +8,7 @@ dashedName: task-99
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
index 04529a558d..5b466bce30 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
@@ -8,7 +8,7 @@ dashedName: task-100
 <!--
 AUDIO REFERENCE:
 
-"We’re excited about this project. I’m confident that we can achieve great results."
+"We're excited about this project. I'm confident that we can achieve great results."
 
 -->
 
diff --git a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
index 6f137204cd..c381505fa1 100644
--- a/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
+++ b/curriculum/challenges/japanese/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
@@ -8,7 +8,7 @@ dashedName: task-101
 <!--
 AUDIO REFERENCE:
 
-David: Wonderful to meet you all. I'm David, the project manager from FCC Corp. I’ll be your point of contact and I’ll help make sure our collaboration is great. We’re excited about this project. I’m confident that we can achieve great results.
+David: Wonderful to meet you all. I'm David, the project manager from FCC Corp. I'll be your point of contact and I'll help make sure our collaboration is great. We're excited about this project. I'm confident that we can achieve great results.
 
 -->
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
index d354f8b2f7..0508452f04 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
@@ -58,7 +58,7 @@ If she is going to a Hackathon this weekend.
 
 To find out what Bob wants to know, listen to the second question he asks. Pay attention what comes after `I hear you're going to...` which show what Bob is trying to find out.
 
-He uses a question to confirm what he heard, specifically mentioning the event he thinks she’s attending.
+He uses a question to confirm what he heard, specifically mentioning the event he thinks she's attending.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
index 06c1cee959..25869b37cf 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
@@ -8,7 +8,7 @@ dashedName: task-14
 <!--
 AUDIO REFERENCE:
 Lisa: We plan to develop a new app for real-time project collaboration. How does that sound to you?
-Bob: Interesting! Who’s on your team?
+Bob: Interesting! Who's on your team?
 -->
 
 # --instructions--
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
index ca36ed3e23..6bc8abd325 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
@@ -7,7 +7,7 @@ dashedName: task-18
 
 <!--
 AUDIO REFERENCE:
-Bob: Interesting! Who’s on your team?
+Bob: Interesting! Who's on your team?
 Lisa: A couple of developers from our branch in Seattle, and a UX designer I've collaborated with before.
 -->
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
index 4ac4454391..1d204157a4 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
@@ -54,7 +54,7 @@ Lisa is asking about similar projects happening soon, not about moving to a diff
 
 # --explanation--
 
-Lisa asks about what’s coming up, specifically looking for information on projects that are similar to the one she is currently working on.
+Lisa asks about what's coming up, specifically looking for information on projects that are similar to the one she is currently working on.
 
 Pay attention to the phrase `similar projects coming up here` to understand what Lisa is asking about.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
index 0a3bcdfe0c..e547ded4d5 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
@@ -56,7 +56,7 @@ Bob is not asking about development status.
 
 Bob uses the word `yet`, which signals that he is asking if something expected has already happened.
 
-Pay attention to the words `potential name` and `yet` in Bob’s question, as these indicate that he is asking about the status of the app's name.
+Pay attention to the words `potential name` and `yet` in Bob's question, as these indicate that he is asking about the status of the app's name.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
index 89ea86edbd..ca9bfe0a46 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
@@ -55,9 +55,9 @@ Bob has not decided yet. He says `Maybe`.
 
 # --explanation--
 
-People sometimes express uncertainty before making a decision. Bob hasn’t fully decided if he'll join the event. You can notice that because he says `Maybe`, which shows he is still thinking about it.
+People sometimes express uncertainty before making a decision. Bob hasn't fully decided if he'll join the event. You can notice that because he says `Maybe`, which shows he is still thinking about it.
 
-Pay attention to Bob’s follow-up question where he asks, `Where can I find...?` This reveals that he needs more details before deciding whether to join the event.
+Pay attention to Bob's follow-up question where he asks, `Where can I find...?` This reveals that he needs more details before deciding whether to join the event.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
index 7d67182960..8775026bec 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
@@ -45,4 +45,4 @@ False
 
 # --explanation--
 
-To answer this question, focus on the part of the text that describes Lisa’s team. Look for the sentence that mentions `Her team includes...`. This will help you determine if there are developers from Seattle on her team.
+To answer this question, focus on the part of the text that describes Lisa's team. Look for the sentence that mentions `Her team includes...`. This will help you determine if there are developers from Seattle on her team.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
index b82062ba59..ea088d0df4 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
@@ -41,7 +41,7 @@ When someone asks if you have a moment, they want to talk to you about something
 
 When someone asks if you have a moment, they want to discuss something important.
 
-The correct response will show that you’re ready to listen or talk about the topic they want to discuss. Pay attention to options that focus on being open to a conversation.
+The correct response will show that you're ready to listen or talk about the topic they want to discuss. Pay attention to options that focus on being open to a conversation.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
index 4a83860096..ba994c9200 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
@@ -20,7 +20,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Does Anna support Brian’s idea of using real-life scenarios?
+Does Anna support Brian's idea of using real-life scenarios?
 
 ## --answers--
 
@@ -44,7 +44,7 @@ She mentions that using real-life scenarios improves the training. This indicate
 
 ---
 
-She ignores Brian’s suggestion completely. This indicates she doesn't understands his idea.
+She ignores Brian's suggestion completely. This indicates she doesn't understands his idea.
 
 ### --feedback--
 
@@ -56,7 +56,7 @@ She didn't ignore Brian. Pay attention to the words she uses after `Using real-l
 
 # --explanation--
 
-People sometimes show support indirectly without explicitly saying they agree. To understand if Anna supports Brian’s idea, focus on her comment about the training.
+People sometimes show support indirectly without explicitly saying they agree. To understand if Anna supports Brian's idea, focus on her comment about the training.
 
 Instead of directly saying she likes the idea, she mentions that using real-life scenarios `makes the training more relevant`. This shows she agrees with Brian because she highlights a positive result of using his suggestion.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
index 8a8cccc7bb..c61a585c09 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
@@ -37,9 +37,9 @@ Consider what phrase you would use to suggest connecting with someone to discuss
 
 `Touch base` means to make contact or to check in with someone, usually to discuss progress or updates. For example:
 
-- `Let’s touch base next week to see how the project is going.` - We'll talk again next week to discuss the project's progress.
+- `Let's touch base next week to see how the project is going.` - We'll talk again next week to discuss the project's progress.
 
-- `I’ll touch base with you later about the meeting.` - you'll contact this person later to talk about the meeting.
+- `I'll touch base with you later about the meeting.` - you'll contact this person later to talk about the meeting.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
index fb318c8bbf..1cb3999e59 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -83,4 +83,4 @@ Brian doesn't mention a party.
 
 # --explanation--
 
-Look at the email subject `Cybersecurity Training Session` and the first line `I want to update you on our next cybersecurity training session`. These show that Brian is informing the team about the upcoming session. There’s no mention of rescheduling, so the correct answer focuses on providing information about the training.
+Look at the email subject `Cybersecurity Training Session` and the first line `I want to update you on our next cybersecurity training session`. These show that Brian is informing the team about the upcoming session. There's no mention of rescheduling, so the correct answer focuses on providing information about the training.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
index fba928ee12..9865cdf2ce 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -55,7 +55,7 @@ To know why the training session is important.
 
 ### --feedback--
 
-Although understanding the importance is useful, it doesn’t help you attend the meeting.
+Although understanding the importance is useful, it doesn't help you attend the meeting.
 
 ---
 
@@ -63,7 +63,7 @@ To bring a laptop to take notes during the session.
 
 ### --feedback--
 
-Bringing a laptop might be helpful, but it’s not essential information for attending the meeting.
+Bringing a laptop might be helpful, but it's not essential information for attending the meeting.
 
 ---
 
@@ -83,4 +83,4 @@ This is an important information, but it won't help you to attend the meeting. Q
 
 # --explanation--
 
-To answer correctly, focus on the details needed to attend the meeting: the `date`, `time`, `topic`, and `location`. These are listed under `Details` in the email. While informing a manager is important if you can’t attend, it doesn't help you participate in the session itself.
+To answer correctly, focus on the details needed to attend the meeting: the `date`, `time`, `topic`, and `location`. These are listed under `Details` in the email. While informing a manager is important if you can't attend, it doesn't help you participate in the session itself.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
index f3937b181d..0f98762db2 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
index a7ca1ea7ce..a2778d1e14 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -83,4 +83,4 @@ Think about whether the email mentions anything about meetings or focuses on cyb
 
 # --explanation--
 
-The email states, `We’re adding a section on phishing, using real-life scenarios.` This shows that the new section is focused on identifying phishing attempts, not scheduling meetings.
+The email states, `We're adding a section on phishing, using real-life scenarios.` This shows that the new section is focused on identifying phishing attempts, not scheduling meetings.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
index cff9863927..b9b8acba45 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -47,7 +47,7 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Brian`
 
-What should you do if you can’t attend the meeting?
+What should you do if you can't attend the meeting?
 
 ## --answers--
 
@@ -84,4 +84,4 @@ Reflect on whether the email mentions this as an option or gives different instr
 
 # --explanation--
 
-The email says, `If you can’t attend, please inform your manager.` This clearly shows that the correct action is to inform your manager, not reschedule the meeting yourself.
+The email says, `If you can't attend, please inform your manager.` This clearly shows that the correct action is to inform your manager, not reschedule the meeting yourself.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
index 865b9759a4..d29fa0f85c 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
@@ -45,7 +45,7 @@ Yes, but only for a moment because she has her own problems.
 
 ### --feedback--
 
-Sarah doesn’t limit the time; she simply states that she is not busy.
+Sarah doesn't limit the time; she simply states that she is not busy.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
index ee9241e31c..f2f4e253a6 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
@@ -44,7 +44,7 @@ The live preview is working correctly.
 
 ### --feedback--
 
-If it were working correctly, Tom wouldn’t say that it isn’t showing.
+If it were working correctly, Tom wouldn't say that it isn't showing.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
index 24bb29a532..94a6c7425e 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
@@ -44,7 +44,7 @@ Not have this feature.
 
 ### --feedback--
 
-Pay attention to how Tom’s initial statement about the problem connects with his question, showing his surprise that the feature isn’t working as expected.
+Pay attention to how Tom's initial statement about the problem connects with his question, showing his surprise that the feature isn't working as expected.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
index 2cca4413cc..eadfeafc80 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
@@ -15,7 +15,7 @@ This is a review of the entire dialogue you just studied.
 
 Place the following phrases in the correct spot:
 
-`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, `Does your app`.
+`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, and `Does your app`.
 
 # --fillInTheBlank--
 
@@ -29,7 +29,7 @@ Place the following phrases in the correct spot:
 
 `Lisa: We plan to develop a new app for real-time project collaboration. BLANK sound to you?`
 
-`Bob: Interesting! Who’s on your team?`
+`Bob: Interesting! Who's on your team?`
 
 `Lisa: A couple of developers from our branch in Seattle, and a UX designer I've collaborated with before. BLANK we have any similar projects coming up here?`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
index 4809d4e625..d1ad2f49cc 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
@@ -32,7 +32,7 @@ This is a contraction for `it is`, indicating who or what is involved in the act
 
 ### --feedback--
 
-This word is used to make the sentence negative, showing that the action isn’t happening.
+This word is used to make the sentence negative, showing that the action isn't happening.
 
 # --explanation--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
index cf06529d4b..c55863c153 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
@@ -44,11 +44,11 @@ Remember the verb `to be`.
 
 # --explanation--
 
-`Might` is used to express possibility. When Sarah says, `might not be running`, she’s suggesting that it’s possible the live server extension isn’t currently active or working. For example:
+`Might` is used to express possibility. When Sarah says, `might not be running`, she's suggesting that it's possible the live server extension isn't currently active or working. For example:
 
-- `The server might be down.` - It’s possible the server isn’t working.
+- `The server might be down.` - It's possible the server isn't working.
 
-- `She might not be available today.` - It’s possible she’s not free today.
+- `She might not be available today.` - It's possible she's not free today.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
index 7d795fbb9b..6ac0a66232 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
@@ -16,11 +16,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What is the probable reason the live preview isn’t working?
+What is the probable reason the live preview isn't working?
 
 ## --answers--
 
-The live preview isn’t supported in Visual Studio Code.
+The live preview isn't supported in Visual Studio Code.
 
 ### --feedback--
 
@@ -40,7 +40,7 @@ Consider why Sarah would mention an issue if everything was working properly.
 
 ---
 
-Sarah doesn’t know what the problem is.
+Sarah doesn't know what the problem is.
 
 ### --feedback--
 
@@ -54,7 +54,7 @@ Think about whether Sarah suggested a possible cause for the issue.
 
 Sarah mentions three things that will help you to help identify the issue.
 
-First, she says, `It should,` showing that the live preview is expected to work. Next, she states that it’s `not displaying,` which indicates a problem. Finally, she suggests a reason: `the live server extension might not be running.`
+First, she says, `It should,` showing that the live preview is expected to work. Next, she states that it's `not displaying,` which indicates a problem. Finally, she suggests a reason: `the live server extension might not be running.`
 
 By connecting these clues, you can determine the probable reason Sarah provides for the issue.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
index 7c6b1aa2df..f13a7f41ff 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
@@ -26,7 +26,7 @@ Which option is the best answer to Sarah's question?
 
 ### --feedback--
 
-This response doesn’t address whether Tom is using the extension Sarah mentioned.
+This response doesn't address whether Tom is using the extension Sarah mentioned.
 
 ---
 
@@ -38,7 +38,7 @@ This response doesn’t address whether Tom is using the extension Sarah mention
 
 # --explanation--
 
-Sarah is asking Tom if he’s using the live server extension, which is necessary for real-time previews in Visual Studio Code. Tom’s answer will help identify if this might be the cause of the problem. Select the option that answers Sarah's question.
+Sarah is asking Tom if he's using the live server extension, which is necessary for real-time previews in Visual Studio Code. Tom's answer will help identify if this might be the cause of the problem. Select the option that answers Sarah's question.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
index c03d740306..3a9346f3bc 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
@@ -28,9 +28,9 @@ These two words together mean to configure something so it works correctly.
 
 # --explanation--
 
-`Set up right` means to configure something correctly so that it works as expected. If something isn’t `set up right`, it might not function properly. For example:
+`Set up right` means to configure something correctly so that it works as expected. If something isn't `set up right`, it might not function properly. For example:
 
-- `The printer isn’t working because it’s not set up right.` - The printer isn’t configured correctly.
+- `The printer isn't working because it's not set up right.` - The printer isn't configured correctly.
 
 - `Make sure the software is set up right before you start using it.` - You need to configure the software correctly to ensure it works.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
index 2ed0f408a8..39e59c36ba 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
@@ -21,7 +21,7 @@ Which sentence correctly uses `pop up`?
 
 ### --feedback--
 
-Think about whether `pop up` describes something that happens automatically, or if it’s something you actively do.
+Think about whether `pop up` describes something that happens automatically, or if it's something you actively do.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
index f564cf3f65..12bab43332 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
@@ -46,7 +46,7 @@ These two words together mean something suddenly appearing on the screen. The fi
 
 `IntelliJ IDEA` is a popular Integrated Development Environment (IDE) used by developers to write, test, and debug code. It is known for its powerful features, including `auto-completion`, which helps you code faster by suggesting possible completions as you type.
 
-When Tom says that `auto-completion isn’t popping up`, he means that the feature, which normally suggests code as you type, isn’t appearing on the screen like it should.
+When Tom says that `auto-completion isn't popping up`, he means that the feature, which normally suggests code as you type, isn't appearing on the screen like it should.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
index ed6d30065a..223088f40a 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
@@ -6,7 +6,7 @@ dashedName: task-122
 ---
 
 <!-- Audio Reference:
-Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic? -->
 
 # --instructions--
 
@@ -20,7 +20,7 @@ Listen to the audio and complete the sentence below.
 
 ## --blanks--
 
-`Isn’t it`
+`Isn't it`
 
 ### --feedback--
 
@@ -30,11 +30,11 @@ A tag question using the contraction of `is not` followed by a pronoun. The firs
 
 A `tag question` is a short question added to the end of a sentence to confirm or check something. It's often used when the speaker expects the listener to agree with them. For example:
 
-- `It’s a nice day, isn’t it?` - The speaker expects that the listener will agree that it’s a nice day.
+- `It's a nice day, isn't it?` - The speaker expects that the listener will agree that it's a nice day.
 
-- `They are coming to the meeting, aren’t they?` - The speaker expects that the listener will agree that they are coming to the meeting.
+- `They are coming to the meeting, aren't they?` - The speaker expects that the listener will agree that they are coming to the meeting.
 
-When Tom says, `Isn’t it automatic?`, he is asking for confirmation that the auto-completion should happen automatically.
+When Tom says, `Isn't it automatic?`, he is asking for confirmation that the auto-completion should happen automatically.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
index e64bc75442..620bea5497 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
@@ -6,7 +6,7 @@ dashedName: task-123
 ---
 
 <!-- Audio Reference:
-Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic? -->
 
 # --instructions--
 
@@ -16,7 +16,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Why does Tom ask `Isn’t it automatic?`
+Why does Tom ask `Isn't it automatic?`
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
index 5d377d7ee1..b9da55a2cf 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
@@ -6,7 +6,7 @@ dashedName: task-124
 ---
 
 <!-- Audio Reference:
-Tom: The code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: The code auto-completion isn't popping up. Isn't it automatic? -->
 
 <!-- SPEAKING -->
 
@@ -30,9 +30,9 @@ Which option is the best answer to Tom's question?
 
 ### --feedback--
 
-This options is wrong because it contradicts itself. It starts saying `It is`, confirming Tom’s question, but then it adds that auto-completion needs to be enabled manually every time.
+This options is wrong because it contradicts itself. It starts saying `It is`, confirming Tom's question, but then it adds that auto-completion needs to be enabled manually every time.
 
-This doesn’t make sense — if something is automatic, you wouldn’t need to enable it manually.
+This doesn't make sense — if something is automatic, you wouldn't need to enable it manually.
 
 ## --video-solution--
 
@@ -40,7 +40,7 @@ This doesn’t make sense — if something is automatic, you wouldn’t need to
 
 # --explanation--
 
-Tom says, `The code auto-completion isn't popping up. Isn’t it automatic?` This means he expects auto-completion to work automatically.
+Tom says, `The code auto-completion isn't popping up. Isn't it automatic?` This means he expects auto-completion to work automatically.
 
 A good response would either confirm that auto-completion should be automatic or explain why it might not be working.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
index fd842b9866..3f35eea8a3 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
@@ -42,7 +42,7 @@ In the `Present Simple` tense, the negative form is created using `doesn't` or `
 
 - Use `isn't` with forms of `to be` to show that something is not true, like `isn't set up.`
 
-In this sentence, you’ll need both `doesn't` and `isn't` to correctly describe why the feature isn’t working as expected.
+In this sentence, you'll need both `doesn't` and `isn't` to correctly describe why the feature isn't working as expected.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
index 46f8651fd9..075b4fed84 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
@@ -54,13 +54,13 @@ Pay attention to what Sarah says after `it doesn't work if...`.
 
 # --explanation--
 
-When Listening to Sarah’s, pay attention to the word `if`. This word often introduces the cause of a problem, explaining what needs to happen for something else to occur.
+When Listening to Sarah's, pay attention to the word `if`. This word often introduces the cause of a problem, explaining what needs to happen for something else to occur.
 
-After finding `if`, identify the part of the sentence that describes what happens when that condition isn’t met (the effect). In Sarah’s sentence:
+After finding `if`, identify the part of the sentence that describes what happens when that condition isn't met (the effect). In Sarah's sentence:
 
-- **Effect:** `The auto-completion doesn’t work`.
+- **Effect:** `The auto-completion doesn't work`.
 
-- **Cause** introduced by `if`: `If the project isn’t set up correctly`.
+- **Cause** introduced by `if`: `If the project isn't set up correctly`.
 
 Understanding this relationship helps you explain problems and solutions clearly.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
index 0d8514e8ec..1c6799b09d 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
@@ -22,11 +22,11 @@ Tom is not sure he checked the settings and wants to check it again. How can he
 
 ## --answers--
 
-`I don’t think the settings matter.`
+`I don't think the settings matter.`
 
 ### --feedback--
 
-The correct answer would say that he isn’t sure if he has checked the settings, so he needs to check them again.
+The correct answer would say that he isn't sure if he has checked the settings, so he needs to check them again.
 
 ---
 
@@ -38,11 +38,11 @@ The correct answer would say that he isn’t sure if he has checked the settings
 
 # --explanation--
 
-Sometimes, when you’re not sure if you’ve done something, it’s important to say that you’re unsure. For example:
+Sometimes, when you're not sure if you've done something, it's important to say that you're unsure. For example:
 
 - `I'm not sure this is the correct settings.` - You are unsure whether the settings are according to what is expected or not.
 
-The correct answer will reflect Tom’s uncertainty and his plan to check the settings again.
+The correct answer will reflect Tom's uncertainty and his plan to check the settings again.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
index 9d0529ccb8..bcdb2dece2 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
@@ -32,7 +32,7 @@ These two words together mean that something is necessary or required.
 
 ### --feedback--
 
-This verb means to look at something carefully to find out if it’s correct or working properly.
+This verb means to look at something carefully to find out if it's correct or working properly.
 
 ---
 
@@ -46,7 +46,7 @@ This word means to do something one more time.
 
 `Have to` is used to express that something is necessary or required. It indicates that there is no choice but to do something. For example:
 
-- `You have to save your changes before closing the program.` - This means it’s necessary to save changes before closing the program.
+- `You have to save your changes before closing the program.` - This means it's necessary to save changes before closing the program.
 
 When Tom says, `I'll have to check again`, he is stating that it's necessary for him to check the settings one more time, suggesting he's not sure about it.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
index 5193a4b374..c9f5737a33 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
@@ -6,7 +6,7 @@ dashedName: task-130
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. -->
+Tom: And in Eclipse, it's not showing the Git tools. -->
 
 # --instructions--
 
@@ -36,9 +36,9 @@ This word means that something is supposed to be visible. It ends with `-ing`.
 
 # --explanation--
 
-`It’s not showing` is used to explain that something expected to appear on the screen isn’t visible. For example:
+`It's not showing` is used to explain that something expected to appear on the screen isn't visible. For example:
 
-- `The image isn’t showing on the screen.` - The image is supposed to be there, but it’s not visible.
+- `The image isn't showing on the screen.` - The image is supposed to be there, but it's not visible.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
index 508b0dc14f..9b343d92f3 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
@@ -6,7 +6,7 @@ dashedName: task-131
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. -->
+Tom: And in Eclipse, it's not showing the Git tools. -->
 
 # --instructions--
 
@@ -20,7 +20,7 @@ What problem is Tom facing now?
 
 ## --answers--
 
-He doesn’t know how to use Git tools.
+He doesn't know how to use Git tools.
 
 ### --feedback--
 
@@ -28,11 +28,11 @@ Pay attention to the part where Tom talks about something that should be visible
 
 ---
 
-He can’t see the Git tools in Eclipse.
+He can't see the Git tools in Eclipse.
 
 ---
 
-He can’t open the Eclipse software.
+He can't open the Eclipse software.
 
 ### --feedback--
 
@@ -40,7 +40,7 @@ Pay attention to the part where Tom talks about something that should be visible
 
 ---
 
-He doesn’t have Git installed.
+He doesn't have Git installed.
 
 ### --feedback--
 
@@ -52,7 +52,7 @@ Pay attention to the part where Tom talks about something that should be visible
 
 # --explanation--
 
-Tom says, `it’s not showing the Git tools,` which gives important clues to identify his problem.
+Tom says, `it's not showing the Git tools,` which gives important clues to identify his problem.
 
 The key phrase is `not showing`, which points to a visibility issue rather than a problem with knowledge or installation.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
index 54cccc567f..106c722948 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
@@ -6,7 +6,7 @@ dashedName: task-132
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. Are they built-in? -->
+Tom: And in Eclipse, it's not showing the Git tools. Are they built-in? -->
 
 # --instructions--
 
@@ -16,7 +16,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`And in Eclipse, it’s not showing the Git tools. Are they BLANK?`
+`And in Eclipse, it's not showing the Git tools. Are they BLANK?`
 
 ## --blanks--
 
@@ -30,7 +30,7 @@ Something has been included as part of a larger system or structure from the sta
 
 `Built-in` refers to features or tools that are included as part of a software program or device from the start, without needing to be added or installed separately.
 
-When something is `built-in`, it’s already there and ready to use. For example:
+When something is `built-in`, it's already there and ready to use. For example:
 
 - `This laptop has a built-in camera.` - The camera is included as part of the laptop.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
index 9aa50e0fc9..6ed79263c4 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
@@ -6,7 +6,7 @@ dashedName: task-133
 ---
 
 <!-- Audio Reference:
-Tom: It’s not showing the Git tools. Are they built-in? -->
+Tom: It's not showing the Git tools. Are they built-in? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
index 93318ded00..813f4789c4 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
@@ -20,7 +20,7 @@ According to Sarah, in which case won't the Git tools be visible?
 
 ## --answers--
 
-If the project isn’t saved correctly.
+If the project isn't saved correctly.
 
 ### --feedback--
 
@@ -28,7 +28,7 @@ Pay attention to what Sarah says after `but they're not visible if...`.
 
 ---
 
-If Eclipse isn’t updated to the latest version.
+If Eclipse isn't updated to the latest version.
 
 ### --feedback--
 
@@ -36,11 +36,11 @@ Pay attention to what Sarah says after `but they're not visible if...`.
 
 ---
 
-If the project isn’t linked to Git.
+If the project isn't linked to Git.
 
 ---
 
-If the Git tools aren’t installed manually.
+If the Git tools aren't installed manually.
 
 ### --feedback--
 
@@ -58,7 +58,7 @@ After `but`, Sarah mentions `they're not visible`, followed by the condition `if
 
 This tells you that the tools are hidden unless the project is connected to Git.
 
-The phrase `if the project isn't` is a key marker that introduces the condition under which the Git tools won’t appear.
+The phrase `if the project isn't` is a key marker that introduces the condition under which the Git tools won't appear.
 
 In Sarah's sentence, she uses `they're not` to explain that the Git tools are not visible, and `isn't` to say that the project is not linked to Git.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
index 6eebd117d0..4350295d82 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
@@ -34,7 +34,7 @@ When forming questions with the verb `to be`, the usual word order of the subjec
 
 - `Is your project connected to Git?` (Question)
 
-In Sarah’s sentence, she uses this inversion to ask Tom if his project is connected to Git in Eclipse.
+In Sarah's sentence, she uses this inversion to ask Tom if his project is connected to Git in Eclipse.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
index a62104b0ec..666757cb56 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
@@ -16,11 +16,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Tom believes his project should be connected to Git, but he isn’t completely sure. What should he answer Sarah?
+Tom believes his project should be connected to Git, but he isn't completely sure. What should he answer Sarah?
 
 ## --answers--
 
-`It’s supposed to be.`
+`It's supposed to be.`
 
 ---
 
@@ -36,11 +36,11 @@ Think about whether Tom is completely sure about the connection.
 
 # --explanation--
 
-Sometimes, when you're not completely sure about something, but you believe it should be true, you can use the phrase `It’s supposed to` + verb.
+Sometimes, when you're not completely sure about something, but you believe it should be true, you can use the phrase `It's supposed to` + verb.
 
-This will express that something is expected to be a certain way, even if you haven’t confirmed it yet. For example:
+This will express that something is expected to be a certain way, even if you haven't confirmed it yet. For example:
 
-- `The update is supposed to fix the bug.` - This means you expect the update to fix the bug, but you haven’t confirmed it yet.
+- `The update is supposed to fix the bug.` - This means you expect the update to fix the bug, but you haven't confirmed it yet.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
index e6ae198ef7..6ecd32ea6a 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
@@ -32,13 +32,13 @@ These two words start the sentence and are used to describe something that is ha
 
 ### --feedback--
 
-An adjective that describes the feeling of being upset or annoyed because something isn’t working as expected. It ends with `-ing`.
+An adjective that describes the feeling of being upset or annoyed because something isn't working as expected. It ends with `-ing`.
 
 # --explanation--
 
 `This is` is a simple way to start a sentence when describing something.
 
-`Frustrating` is an adjective that describes a feeling of being upset or annoyed because something isn’t working as expected. For example:
+`Frustrating` is an adjective that describes a feeling of being upset or annoyed because something isn't working as expected. For example:
 
 - `This is confusing.` - The situation is hard to understand.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
index 5c1cb4919d..dc90df92b0 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
@@ -20,7 +20,7 @@ Why is Tom frustrated?
 
 ## --answers--
 
-Because he doesn’t know how to code.
+Because he doesn't know how to code.
 
 ### --feedback--
 
@@ -28,7 +28,7 @@ Tom's frustration is not related to his coding skills.
 
 ---
 
-Because he didn’t save his project.
+Because he didn't save his project.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
index f182ad1168..9b4afa7617 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
@@ -30,11 +30,11 @@ This word introduces the condition or situation that causes something to happen.
 
 `when` is used here to describe a specific condition or situation that causes something to happen.
 
-In Sarah’s sentence, `when` introduces the condition where the IDEs become tricky: `if they’re not set up properly`. For example:
+In Sarah's sentence, `when` introduces the condition where the IDEs become tricky: `if they're not set up properly`. For example:
 
 - `The program crashes when it runs out of memory.` - The condition of running out of memory causes the program to crash.
 
-- `The printer only works when it’s plugged in.` - The condition of being plugged in allows the printer to work.
+- `The printer only works when it's plugged in.` - The condition of being plugged in allows the printer to work.
 
 In both cases, `when` is used to explain the situation in which something occurs.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
index cf4c22aa7c..c9a8a3d164 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
@@ -41,7 +41,7 @@ The IDEs are tricky because they lack built-in tools.
 
 ### --feedback--
 
-Reflect on whether Sarah’s explanation was about built-in tools or the setup of the IDEs.
+Reflect on whether Sarah's explanation was about built-in tools or the setup of the IDEs.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
index 60dd081e30..6fe398be0c 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
@@ -26,7 +26,7 @@ Tom wants to accept Sarah's offer. How could he reply to her?
 
 ---
 
-`I’m not sure if that will help.`
+`I'm not sure if that will help.`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
index e0451e2128..643e541962 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
@@ -29,11 +29,11 @@ Place the following phrases in the correct spot:
 
 `Sarah: It should, but BLANK because the live server extension might not be running. Are you using that extension for real-time previews?`
 
-`Tom: I think we are, but maybe BLANK right. Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic?`
+`Tom: I think we are, but maybe BLANK right. Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic?`
 
 `Sarah: It usually is, but it doesn't work if the project isn't set up right. Have you checked the settings?`
 
-`Tom: I'll have to check again. And in Eclipse, it’s not showing the Git tools. BLANK built in?`
+`Tom: I'll have to check again. And in Eclipse, it's not showing the Git tools. BLANK built in?`
 
 `Sarah: Yes, they are, but BLANK if the project isn't linked to Git. Is your project connected to Git in Eclipse?`
 
@@ -57,7 +57,7 @@ This phrase is used when checking if something should be working automatically.
 
 ### --feedback--
 
-This phrase indicates that something expected to be visible on the screen isn’t appearing.
+This phrase indicates that something expected to be visible on the screen isn't appearing.
 
 ---
 
@@ -65,7 +65,7 @@ This phrase indicates that something expected to be visible on the screen isn’
 
 ### --feedback--
 
-This phrase explains that something isn’t arranged or configured correctly.
+This phrase explains that something isn't arranged or configured correctly.
 
 ---
 
@@ -81,7 +81,7 @@ This phrase is used to ask if something, like the Git tools, is included or buil
 
 ### --feedback--
 
-This phrase indicates that something, like the Git tools, can’t be seen on the screen.
+This phrase indicates that something, like the Git tools, can't be seen on the screen.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
index 7078fc94a0..4bb912d098 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
@@ -27,17 +27,17 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
 `Best, Sarah`
 
-What should Tom do if the Live Preview isn’t displaying in Visual Studio Code?
+What should Tom do if the Live Preview isn't displaying in Visual Studio Code?
 
 ## --answers--
 
@@ -45,7 +45,7 @@ Restart Visual Studio Code and check the project settings.
 
 ### --feedback--
 
-Consider whether restarting the program is Sarah’s suggested solution or if she focuses more on project settings.
+Consider whether restarting the program is Sarah's suggested solution or if she focuses more on project settings.
 
 ---
 
@@ -65,7 +65,7 @@ Switch to a different IDE to see if the issue persists. She prefers Eclipse.
 
 ### --feedback--
 
-Reflect on whether Sarah’s advice is about changing IDEs or troubleshooting within Visual Studio Code.
+Reflect on whether Sarah's advice is about changing IDEs or troubleshooting within Visual Studio Code.
 
 ## --video-solution--
 
@@ -73,8 +73,8 @@ Reflect on whether Sarah’s advice is about changing IDEs or troubleshooting wi
 
 # --explanation--
 
-To find the answer, focus on the section of Sarah’s email labeled `1. Visual Studio Code - Live preview.`
+To find the answer, focus on the section of Sarah's email labeled `1. Visual Studio Code - Live preview.`
 
-In this part, she explains that if the Live Preview isn’t displaying, Tom should first make sure the live server extension is installed and running.
+In this part, she explains that if the Live Preview isn't displaying, Tom should first make sure the live server extension is installed and running.
 
-Then, if it’s still not working, she advises checking the project settings to ensure everything is correctly set up for real-time previews.
+Then, if it's still not working, she advises checking the project settings to ensure everything is correctly set up for real-time previews.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
index cd6ca7c8a9..b010db7d26 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -41,7 +41,7 @@ Why might auto-completion not work in IntelliJ IDEA, according to Sarah's email?
 
 ## --answers--
 
-The live server extension isn’t installed.
+The live server extension isn't installed.
 
 ### --feedback--
 
@@ -53,7 +53,7 @@ The Git tools are not visible.
 
 ### --feedback--
 
-Consider whether the visibility of Git tools affects auto-completion, or if it’s more about the project setup.
+Consider whether the visibility of Git tools affects auto-completion, or if it's more about the project setup.
 
 ---
 
@@ -75,4 +75,4 @@ Reflect on whether Sarah mentioned file corruption as a reason for auto-completi
 
 Pay close attention to the section labeled `2. IntelliJ IDEA - Auto-Completion.`
 
-In this part, Sarah mentions that if auto-completion isn’t working, the problem is likely due to the project not being set up correctly. She suggests checking the project settings and verifying that all necessary plugins are enabled.
+In this part, Sarah mentions that if auto-completion isn't working, the problem is likely due to the project not being set up correctly. She suggests checking the project settings and verifying that all necessary plugins are enabled.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
index e4b2db4d62..d46dd94d8d 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -41,7 +41,7 @@ What does Sarah say about the Git tools in Eclipse?
 
 ## --answers--
 
-They are built-in but won’t be visible unless your project is linked to Git.
+They are built-in but won't be visible unless your project is linked to Git.
 
 ---
 
@@ -61,7 +61,7 @@ Consider if Sarah said the tools are automatically visible or if she mentioned a
 
 ---
 
-They only work if you’re using IntelliJ IDEA.
+They only work if you're using IntelliJ IDEA.
 
 ### --feedback--
 
@@ -75,4 +75,4 @@ Reflect on whether Sarah was talking about Eclipse or if this applies to a diffe
 
 Sarah provides instructions specifically about the Git tools in Eclipse under the section `3. Eclipse - Git Tools.`
 
-She mentions that the tools are built-in, but they won’t be visible unless the project is linked to Git. 
+She mentions that the tools are built-in, but they won't be visible unless the project is linked to Git. 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
index 6f49f93d04..c77c188650 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -53,7 +53,7 @@ She suggests that Tom should hire someone else to fix the issues.
 
 ### --feedback--
 
-Consider if Sarah’s tone is more supportive or if she is suggesting an alternative solution.
+Consider if Sarah's tone is more supportive or if she is suggesting an alternative solution.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
index 52fa983677..b00e7e2457 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
@@ -1,8 +1,8 @@
 ---
 id: 66609f86c2500e597c8cb52f
-title: "Dialogue 1: I'm Tom"
+title: "Dialogue 1: Scheduled Maintenance to Prevent DoS Attacks"
 challengeType: 21
-dashedName: dialogue-1-im-tom
+dashedName: dialogue-1-scheduled-maintenance-to-prevent-dos-attacks
 ---
 
 # --description--
@@ -11,48 +11,177 @@ Watch the video below to understand the context of the upcoming lessons.
 
 # --assignment--
 
-Watch the video
+Watch the video.
 
 # --scene--
 
 ```json
 {
-  "setup": {
-    "background": "chaos.png",
-    "characters": [
-      {
-        "character": "David",
-        "position": {"x":50,"y":80,"z":8},
-        "opacity": 0
-      }
-    ],
-    "audio": {
-      "filename": "1.1-1.mp3",
-      "startTime": 1,
-      "startTimestamp": 5.7,
-      "finishTimestamp": 6.48
-    }
-  },
-  "commands": [
-    {
-      "character": "David",
-      "opacity": 1,
-      "startTime": 0
-    },
-    {
-      "character": "David",
-      "startTime": 1,
-      "finishTime": 0.78,
-      "dialogue": {
-        "text": "I'm Tom.",
-        "align": "center"
-      }
-    },
-    {
-      "character": "Tom",
-      "opacity": 0,
-      "startTime": 1.28
-    }
-  ]
+ "setup": {
+   "background": "company2-boardroom.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-1.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.94,
+     "dialogue": {
+       "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 5.22,
+     "finishTime": 10.94,
+     "dialogue": {
+       "text": "It's crucial to enhance our firewall settings to prevent any potential denial of service attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 11.9,
+     "finishTime": 17.52,
+     "dialogue": {
+       "text": "Yes, Jake. I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.4,
+     "finishTime": 21.06,
+     "dialogue": {
+       "text": "That's right. The update should last about two hours.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.42,
+     "finishTime": 25.52,
+     "dialogue": {
+       "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 26.1,
+     "finishTime": 31.76,
+     "dialogue": {
+       "text": "Will the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 32.78,
+     "finishTime": 35.44,
+     "dialogue": {
+       "text": "Absolutely. The entire technical support team will be on duty.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 35.82,
+     "finishTime": 40,
+     "dialogue": {
+       "text": "They've been briefed and are prepared to manage any unexpected situations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 40.5,
+     "finishTime": 42.74,
+     "dialogue": {
+       "text": "Great. And when does the team perform the final checks?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 43.12,
+     "finishTime": 45.78,
+     "dialogue": {
+       "text": "The final system checks are set for Friday night.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 46.1,
+     "finishTime": 51.18,
+     "dialogue": {
+       "text": "We'll confirm that all security patches are ready to be deployed without any complications.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 51.76,
+     "finishTime": 55.42,
+     "dialogue": {
+       "text": "Perfect. And the training session for the new security protocols, when is that planned?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 55.42,
+     "finishTime": 57.98,
+     "dialogue": {
+       "text": "The training is planned for Thursday afternoon.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 58.44,
+     "finishTime": 63.06,
+     "dialogue": {
+       "text": "Every team member must understand the changes and how these will impact our operations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 63.56
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 64.06
+   }
+ ]
 }
 ```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
new file mode 100644
index 0000000000..d78c313753
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
@@ -0,0 +1,90 @@
+---
+id: 673519c3d750b013c96f1e6f
+title: Task 1
+challengeType: 22
+dashedName: task-1
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Maria, the next BLANK BLANK is scheduled for this Saturday at 2 AM.`
+
+## --blanks--
+
+`system`
+
+### --feedback--
+
+This word refers to the entire software or hardware environment needing improvement or maintenance.
+
+---
+
+`update`
+
+### --feedback--
+
+This word describes a new version or change that improves software or adds features.
+
+# --explanation--
+
+A `system update` is an essential process that makes improvements, adds new features, or corrects issues in the software on a device or network. For example:
+
+- `The system update included security improvements to protect user data.` - The update made changes to help keep user information safe from potential threats.
+
+- `After the system update, the device ran faster and had new features.` - The update improved device speed and added new functionalities, making it more efficient and useful.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
new file mode 100644
index 0000000000..5d6e6f115b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
@@ -0,0 +1,107 @@
+---
+id: 67351b96eefe7c282ec1424b
+title: Task 2
+challengeType: 19
+dashedName: task-2
+---
+
+<!-- (Audio) Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has been scheduled?
+
+## --answers--
+
+The next system update.
+
+---
+
+A team meeting.
+
+### --feedback--
+
+James does not mention a meeting.
+
+---
+
+A system backup.
+
+### --feedback--
+
+James doesn't mention a backup.
+
+---
+
+A software installation.
+
+### --feedback--
+
+James doesn't mention a new installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`To be scheduled` means to set a specific date and time for something to happen. In this case, the system update is planned for a specific day and hour. For example:
+
+- `The meeting is scheduled for Monday at 10 AM.` - This means the meeting will happen on Monday at 10 AM.
+
+- `The release is scheduled for next month.` - This means the release will take place sometime in the upcoming month.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
new file mode 100644
index 0000000000..57d207b4f2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
@@ -0,0 +1,108 @@
+---
+id: 673653fa580778853a7a7afd
+title: Task 3
+challengeType: 19
+dashedName: task-3
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the system update scheduled?
+
+## --answers--
+
+This Sunday at 2 AM.
+
+### --feedback--
+
+Check if Jake mentions Saturday or Sunday for the update.
+
+---
+
+This Saturday at 2 AM.
+
+---
+
+Next Saturday at 2 PM.
+
+### --feedback--
+
+Check if Jake specifies a morning or afternoon time and which Saturday he means.
+
+---
+
+Past Saturday at 2 AM.
+
+### --feedback--
+
+Consider whether Jake refers to a future date or something that has already passed.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`This` and `next` help clarify if an event is scheduled soon or further in the future.
+
+In this case, `this Saturday at 2 AM` refers to the upcoming Saturday and a specific early morning time chosen to minimize disruption. For example:
+
+- `The meeting is scheduled for this Friday at 9 AM.` - This means the meeting is set for the closest Friday at 9 AM.
+
+- `Our next session is next Tuesday at 4 PM.` - This means the session will occur on the Tuesday following this week, at 4 PM.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
new file mode 100644
index 0000000000..15bbeeacc3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
@@ -0,0 +1,82 @@
+---
+id: 673654d11366b18b1c76d980
+title: Task 4
+challengeType: 22
+dashedName: task-4
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to BLANK our firewall settings.`
+
+## --blanks--
+
+`enhance`
+
+### --feedback--
+
+This word means to improve or make something stronger or more effective.
+
+# --explanation--
+
+`Enhance` means to improve something or make it more effective. For example:
+
+- `We need to enhance our website's security features.` - This means improving or strengthening the website's security.
+
+- `The new update enhances the app's performance.` - This means the update improves how well the app works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
new file mode 100644
index 0000000000..2da226cc72
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
@@ -0,0 +1,107 @@
+---
+id: 673655ea628630928b5b50b8
+title: Task 6
+challengeType: 22
+dashedName: task-6
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to enhance our firewall settings to prevent any potential BLANK BLANK BLANK attacks.`
+
+## --blanks--
+
+`denial`
+
+### --feedback--
+
+This word refers to refusing or blocking something from happening.
+
+---
+
+`of`
+
+### --feedback--
+
+This word is a short preposition often used to link two related ideas.
+
+---
+
+`service`
+
+### --feedback--
+
+This word describes a type of assistance or functionality provided, such as by a network.
+
+# --explanation--
+
+A `Denial of Service (DoS)` attack is a cyber-attack intended to make a network or service unavailable to its intended users, usually by overwhelming it with traffic. This type of attack disrupts normal service, causing slowdowns or complete outages. For example:
+
+- `The system went down due to a denial of service attack.` - This means the system became unavailable because it was overwhelmed by malicious traffic.
+
+- `Enhanced firewall settings can help prevent DoS attacks.` - This means improved firewall configurations can reduce the risk of such attacks by blocking unwanted traffic.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
new file mode 100644
index 0000000000..a63034725a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
@@ -0,0 +1,110 @@
+---
+id: 6736576b5407af9bdf1f41b7
+title: Task 5
+challengeType: 19
+dashedName: task-5
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be enhanced?
+
+## --answers--
+
+Network speed.
+
+### --feedback--
+
+Jake is not discussing the network's speed or performance.
+
+---
+
+Software compatibility.
+
+### --feedback--
+
+Jake is not focused on compatibility between different software.
+
+---
+
+Firewall settings.
+
+---
+
+User interface.
+
+### --feedback--
+
+Jake's focus is on something related to security, not appearance or design.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+A `firewall` is a security system that protects a network by controlling incoming and outgoing network traffic based on security rules.
+
+`Settings` refer to configurations or adjustments that determine how something functions.
+
+`Firewall settings` are the specific rules or configurations used to manage network security. For example:
+
+- `We updated the firewall settings to block unauthorized access.` - This means adjustments were made to prevent access by unauthorized users.
+
+- `Enhancing firewall settings can help prevent cyber attacks.` - This means improving the configurations to increase security against online threats.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
new file mode 100644
index 0000000000..2c32852ecc
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
@@ -0,0 +1,113 @@
+---
+id: 67365a08481f68acc18a9639
+title: Task 7
+challengeType: 19
+dashedName: task-7
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Jake want to enhance their firewall settings?
+
+## --answers--
+
+To improve network speed.
+
+### --feedback--
+
+Consider if Jake's focus is on security or performance.
+
+---
+
+To add new features.
+
+### --feedback--
+
+Think about whether Jake mentions adding anything new, or if he is more focused on protection.
+
+---
+
+To fix a current security issue.
+
+### --feedback--
+
+Jake refers to a potential risk, not a current issue that needs fixing.
+
+---
+
+To prevent Denial of Service attacks.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, `to prevent` is a key marker that shows Jake's main reason for enhancing the firewall settings.
+
+He emphasizes prevention, specifically mentioning `Denial of Service attacks` as the potential risk.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
new file mode 100644
index 0000000000..749d8c4e97
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
@@ -0,0 +1,109 @@
+---
+id: 673ba128855f6e78cd392dab
+title: Task 8
+challengeType: 19
+dashedName: task-8
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which is the best response to Jake's comment?
+
+## --answers--
+
+`Yes, Jake. I've reviewed the timetable.`
+
+---
+
+`Yes, Jake. The moon looks great tonight.`
+
+### --feedback--
+
+This response is unrelated to Jake's comment about the system update and firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. In this context, Jake refers to a timetable for the system update, and Maria mentions reviewing it, showing she is prepared. For example:
+
+- `The timetable for the train is posted at the station.` - This means the schedule for train arrivals and departures is available for reference.
+
+- `We created a timetable to organize our project milestones.` - This means a schedule was set up to track when each project goal should be achieved.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 10.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.94,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2 AM.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 7.62,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.63,
+      "finishTime": 10.34,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 11.04
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
new file mode 100644
index 0000000000..8a0e9ae740
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
@@ -0,0 +1,82 @@
+---
+id: 673ba3a9d1858104dfbba180
+title: Task 9
+challengeType: 22
+dashedName: task-9
+---
+
+<!-- (Audio) Maria: Yes, Jake. I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, Jake. I've reviewed the BLANK.`
+
+## --blanks--
+
+`timetable`
+
+### --feedback--
+
+This word refers to a schedule that organizes events or activities based on time.
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. It is used to organize and keep track of when specific tasks, meetings, or updates will happen. For example:
+
+- `The timetable for the conference was shared last week.` - This means the schedule of sessions and events for the conference was provided.
+
+- `Our team follows a weekly timetable for project check-ins.` - This means there is a set schedule each week for the team to review progress.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
new file mode 100644
index 0000000000..104e394e0c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
@@ -0,0 +1,106 @@
+---
+id: 673ba5bf35e3b51211c27c2b
+title: Task 10
+challengeType: 19
+dashedName: task-10
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has Maria done?
+
+## --answers--
+
+She has changed the timetable.
+
+### --feedback--
+
+Consider whether Maria mentions making any edits or changes.
+
+---
+
+She has ignored the timetable.
+
+### --feedback--
+
+Think about whether Maria shows she has paid attention to the timetable.
+
+---
+
+She has created a timetable.
+
+### --feedback--
+
+Check if Maria refers to an existing timetable or mentions making a new one.
+
+---
+
+She has reviewed the timetable.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria's statement, `Yes, Jake, I've reviewed the timetable`, shows she has already checked or looked over the schedule for the system update. `To review` something means to examine or go over it carefully. For example:
+
+- `I reviewed the project proposal before the meeting.` - This means you checked the proposal to understand it.
+
+- `She reviewed the instructions before starting the task.` - This means she examined the instructions to ensure she knew what to do.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
new file mode 100644
index 0000000000..eab87a114a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
@@ -0,0 +1,101 @@
+---
+id: 673ba72bd5ef6a1bc39ba037
+title: Task 11
+challengeType: 22
+dashedName: task-11
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The BLANK BLANK starts exactly when the user traffic is at its lowest, correct?`
+
+## --blanks--
+
+`server`
+
+### --feedback--
+
+This word refers to a computer system that provides services, resources, or data to other computers on a network.
+
+---
+
+`downtime`
+
+### --feedback--
+
+This word refers to a period when a system or service is not available or operational.
+
+# --explanation--
+
+`Downtime` is a period when a system or service is unavailable or not operational. It is often scheduled to perform maintenance, updates, or repairs.
+
+`Server downtime` specifically refers to the time when a server — a computer system that provides data, services, or resources to other devices — is temporarily unavailable. For example:
+
+- `The server downtime was scheduled at midnight to minimize the impact on users.` - This means the server was made unavailable at midnight to reduce inconvenience to users.
+
+- `Unexpected downtime occurred due to a power failure.` - This means the system became unavailable without prior planning because of a power outage.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
new file mode 100644
index 0000000000..3e4a44f387
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
@@ -0,0 +1,111 @@
+---
+id: 673ba8558f0a93235de58ccb
+title: Task 12
+challengeType: 22
+dashedName: task-12
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The server downtime starts exactly when the user traffic is BLANK BLANK BLANK, correct?`
+
+## --blanks--
+
+`at`
+
+### --feedback--
+
+This is a preposition used to indicate a specific time or condition.
+
+---
+
+`its`
+
+### --feedback--
+
+This is a possessive pronoun referring to something that belongs to or is related to the server traffic.
+
+---
+
+`lowest`
+
+### --feedback--
+
+This is the superlative form of `low`, describing the smallest amount or level.
+
+# --explanation--
+
+The pronoun `its` is a possessive pronoun that indicates something belongs to or is associated with a subject. For example:
+
+`The system operates best when its temperature is regulated.` - This means the system works well when the temperature belonging to it is controlled.
+
+The word `lowest` is the superlative form of `low`, meaning the least amount or the smallest degree. For example:
+
+`The lowest temperature recorded was in the early morning.` - This means the smallest temperature measured occurred in the morning.
+
+In Maria's sentence, `at its lowest` refers to the lowest level of user traffic for the server.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
new file mode 100644
index 0000000000..e814301b9d
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
@@ -0,0 +1,111 @@
+---
+id: 673ba99a1280af2ba7770b56
+title: Task 13
+challengeType: 19
+dashedName: task-13
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does the server downtime start?
+
+## --answers--
+
+When the user traffic is at its peak.
+
+### --feedback--
+
+Consider whether downtime would be planned when the server is most active. Think about when the least disruption would occur.
+
+---
+
+When the user traffic is at its lowest.
+
+---
+
+When the server needs a reboot.
+
+### --feedback--
+
+Maria does not mention any specific technical need like a reboot. Focus on what she says about traffic.
+
+---
+
+When new features are added.
+
+### --feedback--
+
+Maria is talking about downtime related to user traffic, not updates or feature additions. Pay attention to the context of the sentence.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria states that the server downtime starts when `the user traffic is at its lowest`. This indicates the downtime is planned for a time with minimal user activity, likely to reduce the impact on users.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
new file mode 100644
index 0000000000..f3712a2e98
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
@@ -0,0 +1,101 @@
+---
+id: 673bab51ecb42c369eb6b37b
+title: Task 14
+challengeType: 19
+dashedName: task-14
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`That's right. The update lasted about two hours.`
+
+### --feedback--
+
+Check if the response uses the correct tense for a future event. Maria is asking about something that hasn't happened yet.
+
+---
+
+`That's right. The update should last about two hours.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria's question uses the `Present Simple` tense, `The server downtime starts...`, to talk about a planned event.
+
+This is common when discussing schedules or timetables, as the `Present Simple` indicates something fixed or organized in the future. Her intention is to confirm the timing of the downtime as planned.
+
+The answer, `That's right. The update should last about two hours`, confirms her statement and provides additional detail about the expected duration of the update.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
new file mode 100644
index 0000000000..b92c074789
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
@@ -0,0 +1,94 @@
+---
+id: 673bad5d57b0a6444819ca0e
+title: Task 15
+challengeType: 22
+dashedName: task-15
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That's right. The update BLANK BLANK about two hours.`
+
+## --blanks--
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express an expectation or likelihood of something happening.
+
+---
+
+`last`
+
+### --feedback--
+
+This word means to continue for a specific period of time.
+
+# --explanation--
+
+`Should` is used to express an expectation or something that is likely to happen.
+
+`Last` means to continue or endure for a specific amount of time. For example:
+
+- `The meeting should last for one hour.` - This means it is expected that the meeting will take one hour to complete.
+
+- `This battery should last up to five hours.` - This indicates the expected duration of the battery's performance.
+
+Together, `should last` expresses the anticipated length of time something will continue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 20.06
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
new file mode 100644
index 0000000000..1277e59b5e
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
@@ -0,0 +1,92 @@
+---
+id: 673baec00a78e04d5c6a9ea2
+title: Task 16
+challengeType: 22
+dashedName: task-16
+---
+
+<!-- (Audio) Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to BLANK BLANK while strengthening our defenses.`
+
+## --blanks--
+
+`minimize`
+
+### --feedback--
+
+This word means to reduce something to the smallest possible amount or degree.
+
+---
+
+`disruption`
+
+### --feedback--
+
+This word refers to a disturbance or interruption in the normal flow or operation of something.
+
+# --explanation--
+
+`Minimize` means to reduce something to the smallest amount or degree possible.
+
+`Disruption` refers to any interruption or disturbance in normal activity.
+
+Together, `minimize disruption` means to reduce interruptions or disturbances to the lowest level possible. For example:
+
+`The team worked at night to minimize disruption to daily operations.` - This means they scheduled their work at night to cause the least amount of interference during the day.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
new file mode 100644
index 0000000000..bc428e2aa0
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
@@ -0,0 +1,80 @@
+---
+id: 673c03eb9c3d4c2e12555aaf
+title: Task 17
+challengeType: 22
+dashedName: task-17
+---
+
+<!-- (Audio) Jake: Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to minimize disruption while BLANK our defenses.`
+
+## --blanks--
+
+`strengthening`
+
+### --feedback--
+
+This word refers to the process of making something stronger or more secure. It ends in `-ing`.
+
+# --explanation--
+
+`Strengthening` describes the ongoing process of making something stronger. For example:
+
+`We are strengthening our defenses to improve security.` - This means actively working to make the defenses better and more secure.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
new file mode 100644
index 0000000000..972e3636ad
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
@@ -0,0 +1,113 @@
+---
+id: 673c06abb58d403f7e4533fb
+title: Task 18
+challengeType: 19
+dashedName: task-18
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the expected outcome?
+
+## --answers--
+
+The update completely avoids all disruption.
+
+### --feedback--
+
+Consider whether Jake mentions completely avoiding disruption or minimizing it.
+
+---
+
+The update weakens defenses while maintaining user traffic.
+
+### --feedback--
+
+Think about whether Jake's goal is to weaken defenses or strengthen them.
+
+---
+
+The update causes minimal disruption and strengthens defenses.
+
+---
+
+The update distracts users to implement new features.
+
+### --feedback--
+
+Jake is focused on minimizing disruption, not on distracting users, and does not mention new features.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify the expected outcome, listen for the parts of the audio where Jake states the goals of the update.
+
+He mentions `minimize disruption` and `strengthening our defenses`, which clearly outline what the update aims to achieve.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.02,
+      "finishTime": 8.32,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
new file mode 100644
index 0000000000..368a66821f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
@@ -0,0 +1,92 @@
+---
+id: 673c07da6aa1be470dc55332
+title: Task 19
+challengeType: 22
+dashedName: task-19
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK the support team be BLANK during the update?`
+
+## --blanks--
+
+`Will`
+
+### --feedback--
+
+It is used to indicate the future in this structure. The first letter is capitalized.
+
+---
+
+`on call`
+
+### --feedback--
+
+This phrase means being available online to provide support or help if needed.
+
+# --explanation--
+
+`On call` means being available online to provide help or support if necessary.
+
+This sentence uses the structure `Will + subject + verb` to ask about a planned event in the future. This structure is common in formal questions about future arrangements. For example:
+
+- `Will the meeting start at 10 AM?` - This is asking if the meeting is scheduled to begin at that specific time.
+
+- `Will they join us for dinner?` - This is asking if they have plans to come to dinner.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
new file mode 100644
index 0000000000..a0ff078d7f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
@@ -0,0 +1,104 @@
+---
+id: 673c097ad524db51cca7ae3f
+title: Task 20
+challengeType: 19
+dashedName: task-20
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to confirm about the support team?
+
+## --answers--
+
+If they will be on call during the update.
+
+---
+
+If they will perform the update themselves.
+
+### --feedback--
+
+Think about whether Maria is asking about the team's role or their availability.
+
+---
+
+If they will monitor user traffic.
+
+### --feedback--
+
+Consider whether Maria refers to managing user activity or being available to assist.
+
+---
+
+If they will install new features.
+
+### --feedback--
+
+Maria's question focuses on their availability, not specific tasks like feature installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria uses the structure `Will the support team be on call during the update?` to ask if they will be available to help if needed.
+
+Pay attention to the phrase `on call` to understand her intention.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
new file mode 100644
index 0000000000..499a16488a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
@@ -0,0 +1,102 @@
+---
+id: 673c0bf736904660a9077269
+title: Task 21
+challengeType: 19
+dashedName: task-21
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the support team might install new features during the update.
+
+### --feedback--
+
+Think about whether Maria's question mentions feature installation or their availability.
+
+---
+
+If the support team is not required to assist during the update.
+
+### --feedback--
+
+Consider whether Maria's question implies the team is unnecessary or if she is confirming their availability.
+
+---
+
+If the support team will be on call during the update.
+
+---
+
+If the support team will work on managing user activity.
+
+### --feedback--
+
+Maria's question does not focus on user activity but rather their availability.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria's question, `Will the support team be on call during the update?`, is asking about a future event in which the team needs to be available to assist.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
new file mode 100644
index 0000000000..5cafb2b6ae
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
@@ -0,0 +1,101 @@
+---
+id: 67472118e6040e52ad3ca5b0
+title: Task 22
+challengeType: 22
+dashedName: task-22
+---
+
+<!-- (Audio) Maria:  We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to make sure they're ready to BLANK any immediate BLANK that come up.`
+
+## --blanks--
+
+`handle`
+
+### --feedback--
+
+This word means to manage, deal with, or take care of something.
+
+---
+
+`issues`
+
+### --feedback--
+
+This word refers to problems or concerns that need to be addressed or resolved.
+
+# --explanation--
+
+`Handle` means to deal with or manage a task or situation effectively.
+
+`Issues` refers to problems or concerns that require attention or resolution. Together, `handle issues` suggests managing or solving problems as they occur. For example:
+
+- `The technician handled the issue quickly.` - This means the technician managed or resolved the problem efficiently.
+
+- `Addressing these issues is critical for project success.` - This refers to focusing on and resolving problems that affect the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
new file mode 100644
index 0000000000..8c23c475f4
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
@@ -0,0 +1,115 @@
+---
+id: 67472280c0b01f5e1442f8da
+title: Task 23
+challengeType: 19
+dashedName: task-23
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to ensure?
+
+## --answers--
+
+That they've already solved all the issues.
+
+### --feedback--
+
+Maria is talking about preparation for future problems, not resolving something that has already been handled.
+
+---
+
+That they're ready to handle any immediate issues.
+
+---
+
+That they avoid dealing with any issues.
+
+### --feedback--
+
+Maria emphasizes readiness, not avoidance. Think about whether she wants them to act or ignore.
+
+---
+
+That they focus only on long-term problems.
+
+### --feedback--
+
+Maria's focus is on immediate issues, not long-term concerns. Pay attention to the word `immediate`.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen to the key phrases in Maria's statement: `We need to make sure they're ready` and `to handle any immediate issues that come up.`
+
+The word `ready` indicates preparation, and `immediate issues` specifies the type of problems Maria is referring to.
+
+Together, these phrases show that Maria is focused on ensuring readiness to deal with short-term, unexpected challenges.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
new file mode 100644
index 0000000000..0863bb86fe
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
@@ -0,0 +1,99 @@
+---
+id: 67472348ce54e263862c5386
+title: Task 24
+challengeType: 19
+dashedName: task-24
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria believes they should handle issues as they come up.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+Consider whether Maria talks about avoiding or addressing issues. Pay attention to the phrase `handle any immediate issues`.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria says, `We need to make sure they're ready to handle any immediate issues that come up.`
+
+The phrase `handle issues as they come up` directly points to her belief in addressing problems as they occur.
+
+To answer correctly, focus on her use of the words `ready to handle` and `immediate issues`, which indicate her intention for proactive problem-solving.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
new file mode 100644
index 0000000000..df14a58f76
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
@@ -0,0 +1,92 @@
+---
+id: 674e3864432aea6f5ce708ed
+title: Task 26
+challengeType: 22
+dashedName: task-26
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The BLANK technical support team will be BLANK.`
+
+## --blanks--
+
+`entire`
+
+### --feedback--
+
+This word means the whole or complete group.
+
+---
+
+`on duty`
+
+### --feedback--
+
+These two words together mean being officially assigned to work or perform tasks at a specific time. The first word is a preposition, and the second is a noun.
+
+# --explanation--
+
+`Entire` means the whole or complete group, emphasizing that every member of the technical support team is included.
+
+`On duty` refers to being officially assigned to work or available to perform tasks during a specific time. For example:
+
+- `The entire staff attended the meeting.` - This means all members of the staff were present.
+
+- `The security guard is on duty until midnight.` - This means the guard is working and available until the specified time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
new file mode 100644
index 0000000000..a167546f76
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
@@ -0,0 +1,94 @@
+---
+id: 674e3b2f69b2e481d4f6cebe
+title: Task 25
+challengeType: 22
+dashedName: task-25
+---
+
+<!-- (Audio) Absolutely. The entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The entire technical support team BLANK BLANK on duty.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense.
+
+---
+
+`be`
+
+### --feedback--
+
+Infinitive form of verb `to be`.
+
+# --explanation--
+
+The sentence uses `will` to indicate the `Future Simple` tense, showing that the action is expected to happen.
+
+The structure `will + verb` is commonly used to talk about future events, plans, or predictions. For example:
+
+- `They will be at the meeting tomorrow.` - This means their presence is planned for the future.
+
+- `We will start the project next week.` - This means the project is scheduled to begin in the future.
+
+Using `will` is a straightforward way to express future intentions, promises, or schedules.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
new file mode 100644
index 0000000000..f9b77c33aa
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
@@ -0,0 +1,88 @@
+---
+id: 674e3bc223f6c5862facf3e2
+title: Task 27
+challengeType: 19
+dashedName: task-27
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Only a part of the technical support team will be on duty.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Focus on the word `entire` in his statement.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Entire` in the sentence makes it clear that all members of the technical support team will be available.
+
+To find the correct answer, focus on the key phrase: `the entire technical support team`. This emphasizes that no one is excluded from being on duty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
new file mode 100644
index 0000000000..691fda15e6
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
@@ -0,0 +1,99 @@
+---
+id: 674e3cb5a611618cd5301758
+title: Task 28
+challengeType: 22
+dashedName: task-28
+---
+
+<!-- (Audio) They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`They've been BLANK and are prepared to manage any BLANK situations.`
+
+## --blanks--
+
+`briefed`
+
+### --feedback--
+
+This word means being given detailed information or instructions about a task or situation. It ends in `-ed`.
+
+---
+
+`unexpected`
+
+### --feedback--
+
+This word describes something that happens without warning or is not anticipated. It ends in `-ed`.
+
+# --explanation--
+
+`Briefed` means that someone has been provided with detailed instructions or information to prepare them for a specific task or situation.
+
+`Unexpected` refers to something that happens without prior knowledge or warning. For example:
+
+`The team was briefed on the emergency procedures.` - This means the team was given instructions about what to do in an emergency.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
new file mode 100644
index 0000000000..c76e177c69
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
@@ -0,0 +1,111 @@
+---
+id: 67506acdf255ff94e0ba712e
+title: Task 29
+challengeType: 19
+dashedName: task-29
+---
+
+<!-- (Audio) Jake: They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did Jake instruct them about?
+
+## --answers--
+
+Completing a scheduled task.
+
+### --feedback--
+
+Think about whether Jake's statement focuses on planned tasks or unplanned situations.
+
+---
+
+Managing unexpected situations.
+
+---
+
+Avoiding all potential issues.
+
+### --feedback--
+
+Consider if Jake mentioned avoiding issues or handling them when they arise.
+
+---
+
+Reporting to him immediately.
+
+### --feedback--
+
+Jake's statement does not mention reporting back. Focus on what they are prepared to do.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen for the key phrase in Jake's statement: `prepared to manage any unexpected situations`. This shows that the team was briefed to handle unplanned or surprising events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
new file mode 100644
index 0000000000..495a696be3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
@@ -0,0 +1,90 @@
+---
+id: 67506bd2d567359bac72f760
+title: Task 30
+challengeType: 22
+dashedName: task-30
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great, and when does the team BLANK the final BLANK?`
+
+## --blanks--
+
+`perform`
+
+### --feedback--
+
+This word means to carry out or execute a task or action.
+
+---
+
+`checks`
+
+### --feedback--
+
+This word refers to examinations or inspections to ensure something is correct or in good condition.
+
+# --explanation--
+
+`Perform` means to carry out or execute a specific task.
+
+`Checks` refers to inspections or evaluations made to ensure that everything is functioning correctly or meeting a standard. For example:
+
+`The team performed the tests before deployment.` - This means they executed tests as part of their tasks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
new file mode 100644
index 0000000000..7ac2e03436
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
@@ -0,0 +1,88 @@
+---
+id: 67506c7db9d148a0308107d8
+title: Task 31
+challengeType: 19
+dashedName: task-31
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria wants to perform the final checks with the team.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Think about whether Maria mentions her involvement in performing the checks or if she is just asking about the team's task.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria is asking about the timing of the team's task, not expressing a desire to join them in performing the checks.
+
+The phrase `when does the team perform` indicates she is inquiring rather than volunteering or participating.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
new file mode 100644
index 0000000000..62976e0eb0
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
@@ -0,0 +1,104 @@
+---
+id: 67506d2c92a80fa4b7a912a7
+title: Task 32
+challengeType: 19
+dashedName: task-32
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+Who performs the final checks.
+
+### --feedback--
+
+Maria's question is about timing, not about identifying who performs the checks.
+
+---
+
+When the final checks will happen.
+
+---
+
+Why the final checks are performed.
+
+### --feedback--
+
+Maria is asking about the timing, not the reason for the checks.
+
+---
+
+What the final checks include.
+
+### --feedback--
+
+Maria does not ask about the details of the checks, but when they happen.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Listening for key question words like `when` can help identify her intent.
+
+`When` indicates that her question is focused on the timing of the task, not who performs it, why they are performed, or what they include.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
new file mode 100644
index 0000000000..43f7869327
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
@@ -0,0 +1,98 @@
+---
+id: 67506e16a9e0bdaad7267c35
+title: Task 33
+challengeType: 19
+dashedName: task-33
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What would be the best answer to Maria's question?
+
+## --answers--
+
+`The final system checks are set for Friday night`.
+
+---
+
+`The final system checks were completed yesterday.`
+
+### --feedback--
+
+This refers to the past, but Maria is asking about a future event. Focus on the tense in her question.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`And when does the team perform the final checks?`, uses the `Present Simple` tense (`does perform`) to ask about a scheduled future event.
+
+The correct answer, `The final system checks are set for Friday night`, also uses the `Present Simple` to describe a fixed plan.
+
+`Present Simple` is often used for future events that are part of a schedule or timetable. For example:
+
+- `The train departs at 8 PM tonight.` - This indicates a scheduled departure.
+
+- `Our meeting starts tomorrow morning.` - This shows a planned time for a future event.
+
+In this context, the `Present Simple` makes the answer concise and appropriate for discussing a fixed event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
new file mode 100644
index 0000000000..e61c688f45
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
@@ -0,0 +1,88 @@
+---
+id: 67506e940e1d20ae6f0fc7e2
+title: Task 34
+challengeType: 22
+dashedName: task-34
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The final system checks are BLANK BLANK Friday night.`
+
+## --blanks--
+
+`set`
+
+### --feedback--
+
+This word means arranged or scheduled to happen at a specific time.
+
+---
+
+`for`
+
+### --feedback--
+
+This preposition indicates the purpose or time of an event.
+
+# --explanation--
+
+`Set` means that something is arranged, planned, or scheduled for a specific time or purpose. The preposition `for` is used to indicate the time or purpose of the planned event. For example:
+
+`The meeting is set for 3 PM tomorrow.` - This means the meeting is scheduled to take place at that time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
new file mode 100644
index 0000000000..fdfb7d5cd0
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
@@ -0,0 +1,102 @@
+---
+id: 67506f57df7629b3d8d90f11
+title: Task 35
+challengeType: 19
+dashedName: task-35
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When will the final checks happen?
+
+## --answers--
+
+Tomorrow morning.
+
+### --feedback--
+
+Focus on the last two words in Jack's statement.
+
+---
+
+Next Monday.
+
+### --feedback--
+
+Pay attention to the timing in his statement.
+
+---
+
+Last Friday.
+
+### --feedback--
+
+The checks are set for a future time, not a past date.
+
+---
+
+Friday night.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `The final system checks are set for Friday night`. The phrase `are set for` indicates a future event, and `Friday night` specifies the exact time. To answer correctly, focus on the timing mentioned in the statement and note that it refers to a planned, scheduled future event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
new file mode 100644
index 0000000000..40612d4212
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
@@ -0,0 +1,89 @@
+---
+id: 675070049d1f9fb8c1bced11
+title: Task 36
+challengeType: 22
+dashedName: task-36
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll confirm that all security BLANK are ready to be deployed without any complications.`
+
+## --blanks--
+
+`patches`
+
+### --feedback--
+
+This word refers to updates or fixes for software or systems.
+
+# --explanation--
+
+`Patches` refers to updates or fixes that address issues in software or systems. For example:
+
+`The patches are ready to be installed.` - This means the fixes are prepared for installation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
new file mode 100644
index 0000000000..541459e2df
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
@@ -0,0 +1,99 @@
+---
+id: 675070d075960bbe3f92eca6
+title: Task 37
+challengeType: 19
+dashedName: task-37
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The security patches are ready to be deployed.
+
+## --answers--
+
+True
+
+### --feedback--
+
+`We'll` shows this is a future action not something already completed.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The contraction `We'll` stands for `We will,` indicating a future action or plan. For example:
+
+- `I'll call you tomorrow.` - This means the action of calling will happen in the future.
+
+- `We'll review the report later.` - This indicates that the review is planned but has not yet occurred.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
new file mode 100644
index 0000000000..af84cac2e1
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
@@ -0,0 +1,108 @@
+---
+id: 675074863d75f1d559b039df
+title: Task 38
+challengeType: 22
+dashedName: task-38
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Perfect. And the training session for the new BLANK BLANK, when is that planned?`
+
+## --blanks--
+
+`security`
+
+### --feedback--
+
+This word refers to measures or systems designed to protect something, such as data or systems.
+
+---
+
+`protocols`
+
+### --feedback--
+
+This word means a set of rules or procedures to follow in specific situations.
+
+# --explanation--
+
+`Security` refers to systems or actions used to protect important resources, like data or networks.
+
+`Protocols` means a set of rules or procedures that explain how to do something correctly. For example:
+
+`We followed the security protocols during the test.` - This means they followed the safety rules step by step.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
new file mode 100644
index 0000000000..9277b259ca
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
@@ -0,0 +1,124 @@
+---
+id: 6750758f8581d3dcfeb1c386
+title: Task 39
+challengeType: 19
+dashedName: task-39
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria think about the training session?
+
+## --answers--
+
+It has not been scheduled yet.
+
+### --feedback--
+
+Focus on the tense she uses.
+
+---
+
+It will be scheduled later.
+
+### --feedback--
+
+Pay attention to her use of the `Present Simple` tense.
+
+---
+
+It is already scheduled.
+
+---
+
+It does not need to be scheduled.
+
+### --feedback--
+
+Consider her use of the phrase `is planned`.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria asks, `when is that planned?` The verb `is` in the `Present Simple` shows she believes the training session is already scheduled. The `Present Simple` is often used for fixed future plans, like schedules or timetables. For example:
+
+- `The train departs at 6 PM.` - This shows a planned future event using the `Present Simple`.
+
+- `What time does the concert start?` - This assumes the concert has a fixed start time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
new file mode 100644
index 0000000000..7835648ded
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
@@ -0,0 +1,110 @@
+---
+id: 6750775f2b0832e88216e98c
+title: Task 40
+challengeType: 19
+dashedName: task-40
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`The training is planned for Thursday afternoon.`
+
+---
+
+`The training will be planned for Thursday afternoon.`
+
+### --feedback--
+
+This uses the `Future Simple` tense, which suggests the plan has not been made yet. Maria's question assumes the training is already scheduled.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria's question, `when is that planned?`, uses the `Present Simple` tense (`is planned`) to ask about a fixed future event.
+
+The `Present Simple` is commonly used for schedules, timetables, or planned events because it gives a sense of certainty. For example:
+
+`The bus leaves at 9 AM tomorrow.` - This shows a fixed schedule.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
new file mode 100644
index 0000000000..8d35fa0a07
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
@@ -0,0 +1,90 @@
+---
+id: 6750784c1399a9ef62b27e9e
+title: Task 41
+challengeType: 22
+dashedName: task-41
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The training BLANK BLANK for Thursday afternoon.`
+
+## --blanks--
+
+`is`
+
+### --feedback--
+
+This word is a form of the verb `to be` and is part of the `Present Simple` tense.
+
+---
+
+`planned`
+
+### --feedback--
+
+This word means arranged or scheduled for a specific time.
+
+# --explanation--
+
+The sentence `The training is planned for Thursday afternoon` uses the `Present Simple` tense.
+
+This tense is often used to describe fixed future events, like schedules or timetables, because it expresses certainty. For example:
+
+`The meeting starts at 10 AM tomorrow.` - This means the meeting is already scheduled for a specific time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
new file mode 100644
index 0000000000..b8c04b9747
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
@@ -0,0 +1,88 @@
+---
+id: 67507a47729d85fb7c88ee06
+title: Task 42
+challengeType: 19
+dashedName: task-42
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The training happened last Thursday afternoon.
+
+## --answers--
+
+True
+
+### --feedback--
+
+The phrase `is planned` shows that the training is scheduled for the future, not something that has already happened.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Is planned` uses the `Present Simple` tense to describe a future event that is already scheduled. It indicates certainty about when the training will happen, not that it has already occurred. For example:
+
+`The meeting is planned for next Monday.` - This shows that the meeting is scheduled for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
new file mode 100644
index 0000000000..5f0989e378
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
@@ -0,0 +1,111 @@
+---
+id: 67507adbc31ab8ffa2dc5243
+title: Task 43
+challengeType: 22
+dashedName: task-43
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Every team member must BLANK BLANK BLANK and how these will impact our operations.`
+
+## --blanks--
+
+`understand`
+
+### --feedback--
+
+This word means to know the meaning of something.
+
+---
+
+`the`
+
+### --feedback--
+
+This is a definite article used to specify something particular.
+
+---
+
+`changes`
+
+### --feedback--
+
+This word refers to modifications or adjustments that are made.
+
+# --explanation--
+
+`Understand` means to know the meaning of something.
+
+`The` is a definite article used to refer to specific things or ideas.
+
+`Changes` refers to modifications or adjustments that affect a situation. For example:
+
+- `It is important to understand the updates before implementing them.` - This means comprehending the details of updates before action.
+
+- `We need to explain the changes to the team.` - This refers to communicating the specific adjustments or modifications.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
new file mode 100644
index 0000000000..08c71648ba
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
@@ -0,0 +1,117 @@
+---
+id: 67507f042946421936eb425a
+title: Task 44
+challengeType: 19
+dashedName: task-44
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake's main concern in this statement?
+
+## --answers--
+
+The team has to finish the changes quickly.
+
+### --feedback--
+
+Jake does not mention speed or urgency.
+
+---
+
+The team understands the changes.
+
+---
+
+The team avoids changes.
+
+### --feedback--
+
+Jake is not concerned about avoiding changes.
+
+---
+
+Assigning tasks to the team.
+
+### --feedback--
+
+Jake's statement is not about assigning tasks to individuals.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says, `Every team member must understand the changes and how these will impact our operations.`
+
+His main concern is ensuring that all team members fully understand the changes and their effect on operations.
+
+The word `must` highlights the importance of this understanding. For example:
+
+`The team must understand the updates before implementation.` - This shows the focus on comprehension as a priority.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
new file mode 100644
index 0000000000..667e794c00
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
@@ -0,0 +1,96 @@
+---
+id: 67508b92b31af876eed82c66
+title: Task 45
+challengeType: 22
+dashedName: task-45
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`Will`, `is scheduled`, `will be`, `are set`, `is`, `We'll`, and `will impact`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Maria, the next system update BLANK for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks.`
+
+`Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?`
+
+`Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses.`
+
+`Maria: BLANK the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.`
+
+`Jake: Absolutely, the entire technical support team BLANK on duty. They've been briefed and are prepared to manage any unexpected situations.`
+
+`Maria: Great, and when does the team perform the final checks?`
+
+`Jake: The final system checks BLANK for Friday night. BLANK confirm that all security patches are ready to be deployed without any complications.`
+
+`Maria: Perfect. And the training session for the new security protocols, when BLANK that planned?`
+
+`Jake: The training is planned for Thursday afternoon. Every team member must understand the changes and how these BLANK our operations.`
+
+## --blanks--
+
+`is scheduled`
+
+### --feedback--
+
+These two words together are the `Present Simple` tense to describe a planned future event.
+
+---
+
+`Will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense and is used for asking about future actions. It is capitalized.
+
+---
+
+`will be`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe a planned future action.
+
+---
+
+`are set`
+
+### --feedback--
+
+These two words together are used to talk about a future event that has been scheduled.
+
+---
+
+`We'll`
+
+### --feedback--
+
+Contraction that shows a future action or plan. The first letter is capitalized.
+
+---
+
+`is`
+
+### --feedback--
+
+This is the verb `to be` conjugated.
+
+---
+
+`will impact`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe an action that will affect something in the future.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
new file mode 100644
index 0000000000..848b065854
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
@@ -0,0 +1,70 @@
+---
+id: 6752100607e30e31bd85af76
+title: Task 46
+challengeType: 19
+dashedName: task-46
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. Please ensure all tasks are completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When does the system downtime start?
+
+## --answers--
+
+`Friday night`
+
+### --feedback--
+
+This is when the final checks are set, not the downtime.
+
+---
+
+`Thursday afternoon`
+
+### --feedback--
+
+This refers to the training session, not the downtime.
+
+---
+
+`Friday at 2 AM`
+
+### --feedback--
+
+The downtime doesn't start on Friday.
+
+---
+
+`Saturday at 2 AM.`
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find out when the system downtime starts, focus on the part of the message where Jake talks about the timeline.
+
+Look for the phrase `The system update is scheduled to...` to find the correct answer.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
new file mode 100644
index 0000000000..1e959b134d
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
@@ -0,0 +1,70 @@
+---
+id: 6752133caed6e849142fcc19
+title: Task 47
+challengeType: 19
+dashedName: task-47
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When do the final system checks take place?
+
+## --answers--
+
+Thursday afternoon.
+
+### --feedback--
+
+This is when the training session is planned, not the final system checks.
+
+---
+
+Friday evening.
+
+---
+
+Saturday at 2 AM.
+
+### --feedback--
+
+This is when the system update starts, not the final system checks.
+
+---
+
+Friday afternoon.
+
+### --feedback--
+
+This is when the security patches are ready to be deployed, not when the final system checks occur.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find out when the final system checks take place, focus on the part of the message that lists the schedule.
+
+Look for the phrase `The final system checks are...` to find the correct time.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
new file mode 100644
index 0000000000..14b19a86ed
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
@@ -0,0 +1,70 @@
+---
+id: 6752136c94c79a4ad803f0cf
+title: Task 48
+challengeType: 19
+dashedName: task-48
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Why are the firewall settings enhanced by Friday?
+
+## --answers--
+
+To prevent potential DoS attacks.
+
+---
+
+To minimize disruption during the downtime.
+
+### --feedback--
+
+While minimizing disruption is mentioned elsewhere, it is not the reason given for enhancing firewall settings.
+
+---
+
+To ensure the system update happens on time.
+
+### --feedback--
+
+The system update happens on Saturday, but this task is unrelated to the timing of the update.
+
+---
+
+To manage immediate issues during the update.
+
+### --feedback--
+
+Managing immediate issues is the responsibility of the support team, not the firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To find out why the firewall settings are enhanced, focus on the sentence `Firewall settings are enhanced by Friday to prevent potential DoS attacks.`
+
+The text explicitly states this purpose, emphasizing the importance of preparing for potential cyber threats.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
new file mode 100644
index 0000000000..81a8ef7646
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
@@ -0,0 +1,72 @@
+---
+id: 675213a1aa7da34c876d94e9
+title: Task 49
+challengeType: 19
+dashedName: task-49
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+What happens if the final system checks are not completed by Friday?
+
+## --answers--
+
+The server downtime will last longer.
+
+### --feedback--
+
+The server downtime is scheduled to last two hours and is not directly impacted by the final checks.
+
+---
+
+The training session will be rescheduled.
+
+### --feedback--
+
+The training session takes place on Thursday, unrelated to the timing of the final checks.
+
+---
+
+The system update might be delayed.
+
+---
+
+Immediate issues won't be resolved.
+
+### --feedback--
+
+Immediate issues are handled by the support team during the update, not by the final system checks.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To understand what might happen if the final system checks are not completed, consider their role in preparing for the update.
+
+Final checks ensure readiness for the system update, so their delay could lead to postponing the update.
+
+Look for the phrase `The final system checks are set` to confirm this connection.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
new file mode 100644
index 0000000000..fefadfc1ec
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
@@ -0,0 +1,72 @@
+---
+id: 675213f5a47d9e4ef23d9050
+title: Task 50
+challengeType: 19
+dashedName: task-50
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Which event happens first?
+
+## --answers--
+
+The final system checks are set.
+
+### --feedback--
+
+The final checks happen after the training session on Thursday and after security patches on Friday.
+
+---
+
+The security patches are ready to be deployed.
+
+### --feedback--
+
+The security patches are scheduled for Friday, but the training session happens earlier.
+
+---
+
+The training session is planned.
+
+---
+
+The system update starts.
+
+### --feedback--
+
+The system update happens last, on Saturday at 2 AM, after all other events are completed.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify which event happens first, look at the timeline in the message.
+
+The training session is scheduled for Thursday afternoon, making it the first event before the other tasks.
+
+Look for the phrase `Thursday afternoon: The training session ... is planned` to confirm.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
new file mode 100644
index 0000000000..724ededb89
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
@@ -0,0 +1,196 @@
+---
+id: 67531709d628ef047202e6ae
+title: "Dialogue 2: Responding to Phishing Threats"
+challengeType: 21
+dashedName: dialogue-2-responding-to-phishing-threats
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video..
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Sarah",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-2.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.56,
+     "dialogue": {
+       "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 4.96,
+     "finishTime": 8.52,
+     "dialogue": {
+       "text": "It looks like someone will need to notify the team and take immediate action.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 8.94,
+     "finishTime": 11.12,
+     "dialogue": {
+       "text": "Oh, no. Do you know where it originated from?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 11.38,
+     "finishTime": 13.86,
+     "dialogue": {
+       "text": "Not yet, but I think it came from an email link.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.1,
+     "finishTime": 18.02,
+     "dialogue": {
+       "text": "We need to investigate quickly. I'll send out a warning to everyone right away.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 18.42,
+     "finishTime": 21.48,
+     "dialogue": {
+       "text": "That sounds like a good plan. Do you think it will affect our project deadlines?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.88,
+     "finishTime": 25.16,
+     "dialogue": {
+       "text": "It might. I hope it won't, but we should prepare for delays.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 25.54,
+     "finishTime": 27.98,
+     "dialogue": {
+       "text": "I'll update the project manager about the situation.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 27.98,
+     "finishTime": 31.62,
+     "dialogue": {
+       "text": "I'll alert the development team and tell them to check their emails carefully.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 31.98,
+     "finishTime": 33.16,
+     "dialogue": {
+       "text": "Is there anything else we should do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 33.46,
+     "finishTime": 37.6,
+     "dialogue": {
+       "text": "We'll probably need to run a full system scan to ensure that there's no hidden malware.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 37.96,
+     "finishTime": 40.6,
+     "dialogue": {
+       "text": "Can you coordinate with the IT support team for that?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 41,
+     "finishTime": 44.92,
+     "dialogue": {
+       "text": "Yes, I'll contact them now. How do you think our clients will react to this news?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 45.6,
+     "finishTime": 51.98,
+     "dialogue": {
+       "text": "They'll likely be concerned, but I'll reassure them that we're taking all necessary steps to secure our systems.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 52.5,
+     "finishTime": 56.92,
+     "dialogue": {
+       "text": "Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.52
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 57.92
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
new file mode 100644
index 0000000000..4dae0411e6
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
@@ -0,0 +1,95 @@
+---
+id: 675318543812fa0f15f42c10
+title: Task 51
+challengeType: 22
+dashedName: task-51
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Sarah, I just found out that we've had a BLANK BLANK on our system.`
+
+## --blanks--
+
+`phishing`
+
+### --feedback--
+
+This word refers to a type of online scam where someone tries to steal personal information.
+
+---
+
+`attack`
+
+### --feedback--
+
+This word means an attempt to harm something, usually intentionally. This word has double `t`.
+
+# --explanation--
+
+`Phishing` is a method used by scammers to trick people into sharing personal information like passwords or credit card details, usually through fake emails or websites. For example:
+
+`The phishing email looked like it came from our bank.` - This means the email was fake but designed to steal personal information.
+
+`Attack` means an act of trying to harm or damage something. It can be physical, verbal, or in cybersecurity. For example:
+
+- `The attack on the server caused it to shut down.` - This means an intentional act damaged the server.
+
+- `She defended herself during the verbal attack.` - This means someone said harmful things to her.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
new file mode 100644
index 0000000000..c1440df4fb
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
@@ -0,0 +1,104 @@
+---
+id: 67531ca2cb308e28acf3bdc1
+title: Task 52
+challengeType: 19
+dashedName: task-52
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake reporting to Sarah?
+
+## --answers--
+
+Jake was attacked by a fish.
+
+### --feedback--
+
+Jake mentioned `phishing`, which refers to an online scam, not anything related to fish.
+
+---
+
+There was a phishing attack on their system.
+
+---
+
+Jake uploaded something new to the system.
+
+### --feedback--
+
+Jake is talking about a problem with the system, not adding or uploading anything.
+
+---
+
+The system was updated successfully.
+
+### --feedback--
+
+Jake is reporting a problem, not describing a successful update.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Phishing` refers to a type of online scam where someone tries to steal personal information, like passwords or credit card details. It is not related to `fishing`, even though they sound similar.
+
+Try to listen to the words `phishing attack` in Jake's statement. They make it clear that this is about a harmful event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
new file mode 100644
index 0000000000..2d5051caed
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
@@ -0,0 +1,90 @@
+---
+id: 67531f0c699943385e41734c
+title: Task 53
+challengeType: 19
+dashedName: task-53
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake just found out about the phishing attack.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+`Just found out` means Jake learned about something for the first time, so he didn't know about it before.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Found out` means to discover or learn something new, usually for the first time. For example:
+
+`I just found out about the meeting yesterday.` - This means I learned about the meeting for the first time yesterday.
+
+Try to listen to the phrase `just found out` in the audio. In this context, Jake is saying he just discovered that there was a phishing attack. This shows he didn't know about it before.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
new file mode 100644
index 0000000000..530c0682b3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
@@ -0,0 +1,90 @@
+---
+id: 67531ff45ade873e5ff17211
+title: Task 55
+challengeType: 19
+dashedName: task-55
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake is not worried about the phishing attack.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Jake mentions taking `immediate action`, which shows urgency and concern about the situation.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Immediate action` means doing something without delay because it is urgent. For example:
+
+`We need to take immediate action to stop the leak.` - This shows the situation is urgent, and action must be taken quickly.
+
+In this context, Jake says `immediate action`, which indicates he is worried and believes the phishing attack is a serious issue that requires quick response. The words `notify the team` also show he is treating the matter with importance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
new file mode 100644
index 0000000000..6dd4e54d85
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
@@ -0,0 +1,92 @@
+---
+id: 67532227a04e5e4cd4ccf987
+title: Task 54
+challengeType: 22
+dashedName: task-54
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It looks like someone BLANK BLANK to notify the team and take immediate action.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word is a modal verb used to express a decision made at the moment of speaking.
+
+---
+
+`need`
+
+### --feedback--
+
+This word shows that something is necessary or required.
+
+# --explanation--
+
+`Will` is used to express a decision made at the moment of speaking, often when someone reacts to a situation. It is a way to show spontaneity or immediate response. For example:
+
+`I will call the manager right away.` - This shows a decision made at the moment in response to a need.
+
+`Need` means something is required or necessary. For example:
+
+`We need more time to finish the project.` - This shows something essential to complete the task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
new file mode 100644
index 0000000000..3f08bb2acc
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
@@ -0,0 +1,104 @@
+---
+id: 675323b130ad71572ef10510
+title: Task 56
+challengeType: 19
+dashedName: task-56
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who will need to take immediate action?
+
+## --answers--
+
+Jake
+
+### --feedback--
+
+Jake does not say that he will be the one taking action in this context.
+
+---
+
+Sarah
+
+### --feedback--
+
+Jake does not mention Sarah needing to take immediate action in this context.
+
+---
+
+Someone
+
+---
+
+The entire team
+
+### --feedback--
+
+The audio does not mention the entire team needing to act.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+In the audio, Jake uses the word `someone`, which means he is not specifying a particular person who needs to act. The word `someone` helps identify that the responsibility is not assigned to Jake, Sarah, or the entire team.
+
+Listen for the phrase `someone will need to notify`. This is a key part of the sentence that points out the correct answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
new file mode 100644
index 0000000000..8ce96c60ad
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
@@ -0,0 +1,104 @@
+---
+id: 67532445152d375af93d4d19
+title: Task 57
+challengeType: 19
+dashedName: task-57
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be done?
+
+## --answers--
+
+Notify the team and take immediate action.
+
+---
+
+Notify the team later.
+
+### --feedback--
+
+Jake uses the phrase `immediate action`, which shows urgency, not something that can be delayed.
+
+---
+
+Take immediate action without telling anyone.
+
+### --feedback--
+
+Jake mentions `notify the team`, which means informing others is part of what needs to be done.
+
+---
+
+Ignore the issue for now.
+
+### --feedback--
+
+Jake clearly says `immediate action`, which means the situation requires attention right away.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Listen for the words `notify the team` and `immediate action`. These are key parts of the sentence and point directly to the correct answer.
+
+In the audio, Jake says `notify the team and take immediate action`. These two actions are clearly mentioned together as what needs to be done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
new file mode 100644
index 0000000000..f9a241f43e
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
@@ -0,0 +1,100 @@
+---
+id: 675325cfea799165252500d4
+title: Task 58
+challengeType: 19
+dashedName: task-58
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone will need to notify the team and take immediate action. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to ask Jake more about the problem?
+
+## --answers--
+
+`Oh no! What is the team going to do?`
+
+### --feedback--
+
+This question focuses on the team's response, not the details of the phishing attack itself.
+
+---
+
+`Oh no! Do you know where it originated from?`
+
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The correct option is `Oh no! Do you know where it originated from?` because it asks for specific details about the phishing attack.
+
+The phrase `where it originated from` refers to the source or starting point of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 8.52,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 9.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
new file mode 100644
index 0000000000..a488b8c515
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
@@ -0,0 +1,78 @@
+---
+id: 675326de48b3e36c45ba1328
+title: Task 59
+challengeType: 22
+dashedName: task-59
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Oh no! Do you know where BLANK originated from?`
+
+## --blanks--
+
+`it`
+
+### --feedback--
+
+This pronoun is used to refer to something already mentioned, like the phishing attack.
+
+# --explanation--
+
+`It` is a pronoun used to refer to something already mentioned, so you don't have to repeat the same noun. In this context, `it` refers to the phishing attack mentioned earlier.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
new file mode 100644
index 0000000000..9af2a3bb83
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
@@ -0,0 +1,104 @@
+---
+id: 675327d73a38d5731235d764
+title: Task 60
+challengeType: 19
+dashedName: task-60
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+Who will notify the team.
+
+### --feedback--
+
+Sarah is not asking about who will notify the team.
+
+---
+
+How serious the phishing attack is.
+
+### --feedback--
+
+Sarah is not asking about how serious the attack is.
+
+---
+
+If the system is safe now.
+
+### --feedback--
+
+Sarah is not asking about whether the system is safe now.
+
+---
+
+The source of the phishing attack.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Pay attention to `where it originated from`. It shows she is asking about the source or starting point of the phishing attack.
+
+In the audio, Sarah uses the pronoun `it` to refer to the phishing attack, showing she is asking about where it started.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
new file mode 100644
index 0000000000..daeb65589f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
@@ -0,0 +1,90 @@
+---
+id: 675329bc0e2bfa7f1c4f7411
+title: Task 61
+challengeType: 19
+dashedName: task-61
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Sarah's question?
+
+## --answers--
+
+`This is terrible! The system is currently down.`
+
+### --feedback--
+
+This focuses on the state of the system, not the origin of the phishing attack.
+
+---
+
+`Not yet, but I think it came from an email link.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Pay attention to the words `where it originated from` in Sarah's question. They indicate she is asking about the source of the issue.
+
+The correct answer is `Not yet, but I think it came from an email link`. It directly addresses Sarah's question by discussing the origin of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
new file mode 100644
index 0000000000..7f0576a046
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
@@ -0,0 +1,90 @@
+---
+id: 67532ac8b110a08666ee5f18
+title: Task 62
+challengeType: 22
+dashedName: task-62
+---
+
+<!-- (Audio) Jake: Not yet, but I think it came from an email link. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Not yet, but I think it BLANK BLANK an email link.`
+
+## --blanks--
+
+`came`
+
+### --feedback--
+
+This word means to move or happen from one place or source to another. It is the past tense of `come`.
+
+---
+
+`from`
+
+### --feedback--
+
+This word shows the starting point or source of something.
+
+# --explanation--
+
+`Came from` is used to describe the source or starting point of something. For example:
+
+- `The idea came from a brainstorming session.` - This means the brainstorming session was the source of the idea.
+
+- `She said the problem came from a mistake in the code.` - This indicates the mistake in the code caused the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 12.86
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
new file mode 100644
index 0000000000..1af4895b69
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
@@ -0,0 +1,82 @@
+---
+id: 67532bbaa817558e7691df51
+title: Task 63
+challengeType: 22
+dashedName: task-63
+---
+
+<!-- (Audio) Jake We need to investigate quickly. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to investigate BLANK.`
+
+## --blanks--
+
+`quickly`
+
+### --feedback--
+
+This word means to do something fast or without delay.
+
+# --explanation--
+
+`Quickly` is an adverb that describes doing something in a fast or timely manner. In this context, it shows that the investigation must happen without delay. For example:
+
+- `He quickly responded to the email.` - This means he replied fast.
+
+- `We need to act quickly to prevent more damage.` - This shows urgency in taking action.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.1,
+      "finishTimestamp": 14.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
new file mode 100644
index 0000000000..0bf1ae83c5
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
@@ -0,0 +1,84 @@
+---
+id: 67532c49e75faf929fd9378d
+title: Task 64
+challengeType: 22
+dashedName: task-64
+---
+
+<!-- (Audio) Jake: I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK send out a warning to everyone right away.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. It is commonly used to express decisions made at the moment of speaking or to indicate future actions. For example:
+
+- `I'll call the manager now.` - This shows a decision made at the moment of speaking.
+
+- `I'll help you with your project.` - This means offering help immediately after hearing about the need.
+
+The contraction makes the sentence shorter and more natural in spoken English.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.72,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.8
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
new file mode 100644
index 0000000000..70466b5892
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
@@ -0,0 +1,139 @@
+---
+id: 6753314748a2feb09a3059b2
+title: Task 65
+challengeType: 19
+dashedName: task-65
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What are the next steps?
+
+## --answers--
+
+Fix the issue and update the system.
+
+### --feedback--
+
+The audio does not mention fixing the issue or updating the system yet.
+
+---
+
+Find the source and contact IT support.
+
+### --feedback--
+
+The audio mentions investigating quickly, but it does not mention contacting IT support.
+
+---
+
+Wait for more information before taking action.
+
+### --feedback--
+
+The audio clearly states the need to act quickly and send out a warning, not to wait.
+
+---
+
+Investigate quickly and send out a warning.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, Jake says, `We need to investigate quickly` and `I'll send out a warning to everyone right away.` These phrases indicate the immediate next steps.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 7.68,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.88,
+      "finishTime": 10.18,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 10.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
new file mode 100644
index 0000000000..35e4cea5e6
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
@@ -0,0 +1,97 @@
+---
+id: 67533335139a96bd1eb18395
+title: Task 66
+challengeType: 19
+dashedName: task-66
+---
+
+<!-- Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Sarah wants to **agree** with Jake. What should she say?
+
+## --answers--
+
+`I'm not sure about that approach. Can we wait before deciding?`
+
+### --feedback--
+
+This option disagrees with Jake, so it does not align with Sarah wanting to agree.
+
+---
+
+`That sounds like a good plan. Do you think it will affect our project deadlines?`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The phrase `That sounds like a good plan` shows agreement with Jake's proposed actions. Sarah then adds a follow-up question about project deadlines, which continues the discussion.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.14,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.34,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
new file mode 100644
index 0000000000..0d49d06f15
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
@@ -0,0 +1,101 @@
+---
+id: 6753357b948f6acb55e35e3b
+title: Task 67
+challengeType: 22
+dashedName: task-67
+---
+
+<!-- (Audio) Sarah: That sounds like a good plan. Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That sounds like a good plan. Do you think it BLANK BLANK our project deadlines?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This is a modal verb used to talk about something that might happen in the future.
+
+---
+
+`affect`
+
+### --feedback--
+
+This word means to cause a change or impact something.
+
+# --explanation--
+
+`Will` is a modal verb used to talk about future possibilities or decisions.
+
+`Affect` means to cause a change or impact. For example:
+
+- `Do you think the delay will affect the delivery time?` - This asks if the delay might change the delivery time.
+
+- `The new policy will affect how we work.` - This means the policy will have an impact on work processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.22,
+      "finishTimestamp": 20.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.36,
+      "dialogue": {
+        "text": "That sounds like a good plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.54,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
new file mode 100644
index 0000000000..c506c55a13
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
@@ -0,0 +1,108 @@
+---
+id: 67535bfb5c07ec6334ec8ea3
+title: Task 68
+challengeType: 19
+dashedName: task-68
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+If they need to update the project plan.
+
+### --feedback--
+
+This option is about changing the plan, but Sarah is asking something different.
+
+---
+
+If the project can continue as planned.
+
+### --feedback--
+
+This option talks about the project's continuation, but Sarah's question is about something else.
+
+---
+
+If the attack will delay their deadlines.
+
+---
+
+If the team has already finished the project.
+
+### --feedback--
+
+This option refers to whether the project is complete, but Sarah is not asking about that.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Pay attention to the words `will affect` and `deadlines` in the audio. These are key to understanding the question.
+
+A `project deadline` is the final date by which a project must be completed.
+
+`Will affect` is used to ask if something will cause a change or impact. For example:
+
+`The new policy will affect the project deadline.` - This means the policy will change the timeline for the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
new file mode 100644
index 0000000000..1d27ab1602
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
@@ -0,0 +1,88 @@
+---
+id: 67535e02fd808570ca6cb599
+title: Task 69
+challengeType: 19
+dashedName: task-69
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Select the most adequate answer to Sarah's question.
+
+## --answers--
+
+`It might. I hope it won't.`
+
+---
+
+`I'm not sure. Let's ignore it for now.`
+
+### --feedback--
+
+This response suggests doing nothing, which is not appropriate for addressing Sarah's concern.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Pay attention to Sarah's question, especially `will affect our project deadlines.` She is asking about the possibility of delays and expects a thoughtful and realistic answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
new file mode 100644
index 0000000000..8d38ff60ab
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
@@ -0,0 +1,82 @@
+---
+id: 675743f6f7016d1074a9bca1
+title: Task 70
+challengeType: 22
+dashedName: task-70
+---
+
+<!-- (Audio) Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it BLANK.`
+
+## --blanks--
+
+`won't`
+
+### --feedback--
+
+This is the contraction for `will not`.
+
+# --explanation--
+
+`Won't` is the contraction for `will not`, which is used to make negative sentences about the future. For example:
+
+- `They won't finish the project on time if they don't start now.` - This predicts a negative outcome if action isn't taken.
+
+- `He won't attend the meeting because he is sick.` - This shows a future action that will not happen.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.8,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.3
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
new file mode 100644
index 0000000000..6628d1b37c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
@@ -0,0 +1,134 @@
+---
+id: 675746c2d3d2f222111918d4
+title: Task 71
+challengeType: 19
+dashedName: task-71
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake feel about the deadlines?
+
+## --answers--
+
+He is sure they will be delayed and cannot be finished on time.
+
+### --feedback--
+
+Jake uses the word `might`, which shows he is uncertain, not certain about delays.
+
+---
+
+He thinks they might be affected but hopes they won't.
+
+---
+
+He doesn't care if the deadlines are affected or not.
+
+### --feedback--
+
+Jake expresses concern and hope in his response, which shows he does care about the deadlines.
+
+---
+
+He is confident the deadlines will be met without any delays.
+
+### --feedback--
+
+Jake's use of `might` and `I hope it won't` shows doubt, not confidence about meeting the deadlines.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake uses `might` to show uncertainty about the deadlines being affected. He also says, `I hope it won't`, which expresses hope that the deadlines remain unaffected. For example:
+
+- `The software update might cause some delays.` - This means it is possible, but not certain, that delays will happen.
+
+- `I hope the server won't go down during the deployment.` - This expresses a desire for the server to remain operational.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.76,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.12,
+      "finishTime": 4.82,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
new file mode 100644
index 0000000000..ca4008841e
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
@@ -0,0 +1,89 @@
+---
+id: 6757488ee5dfb72d866a36df
+title: Task 72
+challengeType: 22
+dashedName: task-72
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it won't, but we should prepare for BLANK.`
+
+## --blanks--
+
+`delays`
+
+### --feedback--
+
+This word means something happening later than expected. Remember, it is plural in this sentence.
+
+# --explanation--
+
+`Delays` are situations where something happens later than planned or expected. For example:
+
+`The software release faced delays due to testing issues.` - This means the release happened later than planned because of testing problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
new file mode 100644
index 0000000000..99e05c98fc
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
@@ -0,0 +1,111 @@
+---
+id: 6757498f826b0634696f224e
+title: Task 73
+challengeType: 22
+dashedName: task-73
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It BLANK. I hope it BLANK, but we BLANK prepare for delays.`
+
+## --blanks--
+
+`might`
+
+### --feedback--
+
+This modal verb shows possibility or uncertainty about the future.
+
+---
+
+`won't`
+
+### --feedback--
+
+This contraction is used to express a negative statement about the future.
+
+---
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express a recommendation or advice for future actions.
+
+# --explanation--
+
+Jake uses `might`, `won't`, and `should` to express his thoughts about possibilities, plans, and actions in the future.
+
+`Might` shows possibility or uncertainty: Jake thinks there's a chance that delays could happen but isn't certain.
+
+`Won't` is the contraction for `will not`: Jake hopes delays will not happen, expressing his desire for a positive outcome.
+
+`Should` is used to make a recommendation: Jake suggests preparing for delays as a practical step, even though he hopes they won't happen.
+
+This combination shows how Jake is reflecting on the future: acknowledging uncertainty (`might`), expressing hope (`won't`), and making a plan to act (`should`).
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
new file mode 100644
index 0000000000..d51d0dee88
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
@@ -0,0 +1,113 @@
+---
+id: 67574a712cb1143a3920f2a3
+title: Task 74
+challengeType: 19
+dashedName: task-74
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's approach to the situation?
+
+## --answers--
+
+He is ignoring the delays.
+
+### --feedback--
+
+Jake says, `we should prepare for delays` so he is not ignoring them.
+
+---
+
+He is sure there will be no delays.
+
+### --feedback--
+
+Jake says, `It might` which shows he is not certain there will be no delays.
+
+---
+
+He wants to be ready for delays.
+
+---
+
+He thinks delays are already happening.
+
+### --feedback--
+
+Jake uses `might` which shows he is unsure if delays will happen.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake uses `might` to show he is uncertain about the delays but acknowledges the possibility. By saying, `we should prepare for delays`, he demonstrates proactive planning.
+
+This combination of modal verbs shows both reflection and preparation for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
new file mode 100644
index 0000000000..39e6aae186
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
@@ -0,0 +1,88 @@
+---
+id: 67574bb2fe3c4c42bae7b6e5
+title: Task 75
+challengeType: 22
+dashedName: task-75
+---
+
+<!-- (Audio) I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll update the BLANK BLANK about the situation.`
+
+## --blanks--
+
+`project`
+
+### --feedback--
+
+This word refers to a specific task or goal being worked on.
+
+---
+
+`manager`
+
+### --feedback--
+
+This word refers to a person responsible for overseeing and organizing tasks or teams.
+
+# --explanation--
+
+A `project manager` is a person who oversees the progress of a project, ensuring tasks are completed on time and goals are met. For example:
+
+`The project manager called a meeting to discuss deadlines.` - This shows the manager organizing and leading the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
new file mode 100644
index 0000000000..e0f1027e41
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
@@ -0,0 +1,106 @@
+---
+id: 67574c6d474104486add91a7
+title: Task 76
+challengeType: 19
+dashedName: task-76
+---
+
+<!-- (Audio) Jake: I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake informing?
+
+## --answers--
+
+He has already updated the project manager about the situation.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is a plan for the future, not something that has already happened.
+
+---
+
+He is updating the project manager about the situation now.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is something he plans to do in the future, not right now.
+
+---
+
+He is not going to inform the project manager.
+
+### --feedback--
+
+Jake explicitly says he will do something.
+
+---
+
+He will update the project manager about the situation.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `I'll update the project manager`, this shows that Jake is talking about something he plans to do in the future, not something happening now or that has already been done. For example:
+
+- `I'll send the email tomorrow.` - This means sending the email is planned for the future.
+
+- `He'll call the client after the meeting.` - This shows a plan to contact the client later.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
new file mode 100644
index 0000000000..2d9f3bb8f6
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
@@ -0,0 +1,97 @@
+---
+id: 67574d8786f50e500eae8e67
+title: Task 77
+challengeType: 22
+dashedName: task-77
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll alert the BLANK BLANK and tell them to check their emails carefully.`
+
+## --blanks--
+
+`development`
+
+### --feedback--
+
+This word refers to the team responsible for creating or improving something, such as software or systems.
+
+---
+
+`team`
+
+### --feedback--
+
+This word refers to a group of people working together towards a common goal.
+
+# --explanation--
+
+The `development team` is a group of professionals responsible for building or improving systems, software, or products. For example:
+
+`The development team is working on the new feature.` - This means the team is creating or enhancing something specific.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
new file mode 100644
index 0000000000..95e192bf54
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
@@ -0,0 +1,121 @@
+---
+id: 67575000c0fd5b5f211d89c4
+title: Task 78
+challengeType: 19
+dashedName: task-78
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who is Sarah going to alert?
+
+## --answers--
+
+The development team. So they check their emails carefully.
+
+---
+
+Sarah will create a remider to herself about the emails.
+
+### --feedback--
+
+Sarah is giving instructions to others, not acting on them herself.
+
+---
+
+Jake. So he rememebers to check his emails carefully.
+
+### --feedback--
+
+Jake is not mentioned as the one being alerted in this context.
+
+---
+
+The project manager. So they check their emails carefully.
+
+### --feedback--
+
+Sarah is not addressing the project manager in this situation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Here are some elements from Sarah's statement that will help you understand what she is saying:
+
+`I'll alert` shows Sarah's future action to inform someone.
+
+`The development team` directly state who she is informing.
+
+`Tell them` makes it clear that she will give instructions to the development team.
+
+`To check their emails carefully` specifies the action Sarah is advising the development team to take.
+
+This combination of words shows Sarah is planning to inform the development team and give them instructions about being cautious with their emails.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
new file mode 100644
index 0000000000..39a3183667
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
@@ -0,0 +1,90 @@
+---
+id: 6757531dc5fbb973e1912e1a
+title: Task 79
+challengeType: 22
+dashedName: task-79
+---
+
+<!-- (Audio) Is there anything else we should do? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Is there BLANK BLANK we should do?`
+
+## --blanks--
+
+`anything`
+
+### --feedback--
+
+This word refers to something unspecified and is used in questions or negative sentences.
+
+---
+
+`else`
+
+### --feedback--
+
+This word means in addition or different from what has already been mentioned.
+
+# --explanation--
+
+`Is there anything else we should do?` is a way to ask if additional actions are necessary.
+
+It combines `anything`, which refers to something unspecified, with `else`, meaning something additional or different. For example:
+
+`Do you have anything else to add?` - This asks if there is additional input or information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.68,
+      "finishTimestamp": 32.16
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.48,
+      "dialogue": {
+        "text": "Is there anything else we should do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
new file mode 100644
index 0000000000..e3644254eb
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
@@ -0,0 +1,80 @@
+---
+id: 675753a815259c781d2b6913
+title: Task 80
+challengeType: 22
+dashedName: task-80
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll BLANK need to run a full system scan.`
+
+## --blanks--
+
+`probably`
+
+### --feedback--
+
+This word shows that something is likely but not certain to happen.
+
+# --explanation--
+
+`Probably` is an adverb used to express that something is likely to happen but not completely certain. For example:
+
+`We'll probably finish the project by Friday.` - This shows confidence in completing the project by Friday but leaves room for uncertainty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
new file mode 100644
index 0000000000..01216d5f7b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
@@ -0,0 +1,96 @@
+---
+id: 67575473b14c837d8de3a866
+title: Task 81
+challengeType: 22
+dashedName: task-81
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a BLANK BLANK BLANK.`
+
+## --blanks--
+
+`full`
+
+### --feedback--
+
+This word means complete or entire, indicating that no parts will be skipped.
+
+---
+
+`system`
+
+### --feedback--
+
+This word refers to the computer or network being examined.
+
+---
+
+`scan`
+
+### --feedback--
+
+This word means an inspection or analysis to find problems or issues.
+
+# --explanation--
+
+``Full system scan` means a comprehensive check of the entire computer or network to identify potential issues, such as viruses or security threats. For example:
+
+`The team performed a full system scan to find malware.` - This shows a complete analysis of the system for security purposes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
new file mode 100644
index 0000000000..693a94ec0b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
@@ -0,0 +1,101 @@
+---
+id: 67575588dfebc085e31941e4
+title: Task 82
+challengeType: 22
+dashedName: task-82
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a full system scan to ensure there's no BLANK BLANK.`
+
+## --blanks--
+
+`hidden`
+
+### --feedback--
+
+This word means something that is not visible or easily found.
+
+---
+
+`malware`
+
+### --feedback--
+
+This word refers to malicious software designed to harm or exploit a system.
+
+# --explanation--
+
+`Hidden` means something that is concealed or not immediately visible, often requiring extra effort to find.
+
+`Malware` refers to malicious software designed to damage, disrupt, or exploit a computer system.
+
+When combined, `hidden malware` describes harmful software that is difficult to detect because it is concealed within the system. For example:
+
+`The scan detected hidden malware that had bypassed the antivirus software.` - This means the malware was able to avoid detection by the antivirus program until a scan found it.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
new file mode 100644
index 0000000000..17b2d6d167
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
@@ -0,0 +1,117 @@
+---
+id: 67575734a3672990f7c4385a
+title: Task 83
+challengeType: 19
+dashedName: task-83
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning a full system scan?
+
+## --answers--
+
+To fix an issue with the system.
+
+### --feedback--
+
+Jake is not fixing an issue at this moment.
+
+---
+
+To ensure there's no hidden malware.
+
+---
+
+To update the system software.
+
+### --feedback--
+
+Jake is not updating the system at the moment.
+
+---
+
+To improve the system's performance.
+
+### --feedback--
+
+Jake is not focused on performance at the moment.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+By focusing on these specific parts of the sentence, you can determine Jake's intention:
+
+`Run a full system scan` shows the action Jake is planning to take.
+
+`To ensure` introduces the reason for the scan.
+
+`There's no hidden malware` explains the final purpose — Jake is checking for concealed malicious software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
new file mode 100644
index 0000000000..1e3ab1fcfa
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
@@ -0,0 +1,90 @@
+---
+id: 6757585d71b1ad9924a96eb9
+title: Task 84
+challengeType: 22
+dashedName: task-84
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Can you BLANK with the IT BLANK team for that?`
+
+## --blanks--
+
+`coordinate`
+
+### --feedback--
+
+This word means to organize or work together with others to achieve a goal.
+
+---
+
+`support`
+
+### --feedback--
+
+This word refers to assistance or help, often related to solving technical or operational issues.
+
+# --explanation--
+
+`Coordinate` means to organize or collaborate with others to complete a task or achieve a goal.
+
+`Support` refers to the help or assistance provided by the IT team, often related to technical issues. For example:
+
+`We need to coordinate with the IT team to ensure the system runs smoothly.` - This shows collaboration to manage technical processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
new file mode 100644
index 0000000000..d83c585008
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
@@ -0,0 +1,110 @@
+---
+id: 675758e09f09139cb34169f9
+title: Task 85
+challengeType: 19
+dashedName: task-85
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake asking Sarah?
+
+## --answers--
+
+To solve the problem on her own.
+
+### --feedback--
+
+Jake is not asking Sarah to handle the task alone.
+
+---
+
+To explain the issue to the development team.
+
+### --feedback--
+
+Jake doesn't mention the development team.
+
+---
+
+To update the project manager about the task.
+
+### --feedback--
+
+Jake does not mention the project manager in this context.
+
+---
+
+To work with the IT support team to handle the task.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+By focusing on key parts of the sentence, you can determine what Jake is asking Sarah:
+
+`Coordinate` shows Jake is asking Sarah to organize or collaborate.
+
+`With the IT support team` specifies who Sarah needs to work with.
+
+`For that` refers to the task Jake wants her to handle with their help.
+
+This shows Jake is asking Sarah to work with the IT support team to address a specific task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
new file mode 100644
index 0000000000..e857e557f2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
@@ -0,0 +1,92 @@
+---
+id: 67575a0d4b966da41383050b
+title: Task 86
+challengeType: 19
+dashedName: task-86
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Jake's question?
+
+## --answers--
+
+`Yes, I'll contact them now.`
+
+---
+
+`I don't know how to work with people.`
+
+### --feedback--
+
+This doesn't address Jake's request or offer a solution.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best response is `Yes, I'll contact them now.` Here's why:
+
+`Yes` directly agrees to Jake's request.
+
+`I'll contact them now` shows willingness to act promptly, which matches the tone of Jake's question.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
new file mode 100644
index 0000000000..073a185670
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
@@ -0,0 +1,90 @@
+---
+id: 675c8db0264a83364dc521ac
+title: Task 87
+challengeType: 22
+dashedName: task-87
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, BLANK contact them BLANK.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+---
+
+`now`
+
+### --feedback--
+
+This word indicates that Sarah is planning to act immediately.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. In this context, it expresses a decision made at the moment of speaking. This is common when someone reacts to a situation or agrees to do something promptly.
+
+`Now` is used to indicate something happening at the present moment. For example:
+
+`I'll send the report now.` - This shows a decision to act right away.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 41.4
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.5,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.0
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
new file mode 100644
index 0000000000..ff24f27ca7
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
@@ -0,0 +1,92 @@
+---
+id: 675c8f75eaf3914275999cae
+title: Task 88
+challengeType: 22
+dashedName: task-88
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`How do you think our clients BLANK BLANK to this news?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This modal verb is used to talk about what is likely to happen in the future.
+
+---
+
+`react`
+
+### --feedback--
+
+This word means to respond or behave in a certain way when something happens.
+
+# --explanation--
+
+`Will` is a modal verb used to predict the future.
+
+`React` means how someone responds or behaves in response to something. For example:
+
+- `How do you think the team will react to the delay?` - This predicts the team's response to a delay.
+
+- `Our clients will react positively to the improved service.` - This shows an expected positive response to a change.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
new file mode 100644
index 0000000000..ebfb93b3d4
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
@@ -0,0 +1,117 @@
+---
+id: 675c900ff099fa46fad7624d
+title: Task 89
+challengeType: 19
+dashedName: task-89
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Sarah wondering about?
+
+## --answers--
+
+How the clients will react to the news.
+
+---
+
+If the clients reacted well to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+How the clients reacted to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+If they should let the clients know about the news.
+
+### --feedback--
+
+Sarah is not asking whether to share the news.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+In the sentence, Sarah says, `How do you think our clients will react to this news?` Here's how to find the answer:
+
+`Will react` uses the `Future Simple` tense, showing Sarah is asking about a future possibility.
+
+`React` focuses on the clients' response or behavior.
+
+This indicates Sarah is wondering about how the clients might respond to the news.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.6,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.9,
+      "finishTime": 5.12,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
new file mode 100644
index 0000000000..ff6c44bda5
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
@@ -0,0 +1,92 @@
+---
+id: 675c91b0c74a72519ebb0a83
+title: Task 91
+challengeType: 22
+dashedName: task-91
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK BLANK be concerned.`
+
+## --blanks--
+
+`They'll`
+
+### --feedback--
+
+This is the contraction for `They will,` used to talk about something that is expected to happen in the future. The first letter is capitalized.
+
+---
+
+`likely`
+
+### --feedback--
+
+This word means that something is probable or has a high chance of happening.
+
+# --explanation--
+
+`They'll` is the contraction for `they will`. It is used to talk about something expected or predicted to happen in the future.
+
+`Likely` means something is probable or has a high chance of happening. For example:
+
+- `They'll likely ask for more information.` - This predicts a probable request from the clients.
+
+- `The feature will likely need additional testing.` - This indicates a high probability that testing will be required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
new file mode 100644
index 0000000000..739a336cde
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
@@ -0,0 +1,92 @@
+---
+id: 675c92e9a6133659ccad5424
+title: Task 90
+challengeType: 19
+dashedName: task-90
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake thinks clients will be probably worried. Which option will deliver this message to Sarah?
+
+## --answers--
+
+`They'll likely be concerned.`
+
+---
+
+`They already know about the news.`
+
+### --feedback--
+
+Jake is not discussing whether the clients know about the news; he is focusing on their potential reaction.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `They'll likely be concerned.` Here's why:
+
+`They'll` indicates Jake is predicting the clients' future reaction.
+
+`Likely` suggests that worry is probable, though not certain.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
new file mode 100644
index 0000000000..cb9b9f73d5
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
@@ -0,0 +1,109 @@
+---
+id: 675c94decb56d46654acf008
+title: Task 92
+challengeType: 19
+dashedName: task-92
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How will the clients feel?
+
+## --answers--
+
+They'll be completely calm.
+
+### --feedback--
+
+Jake uses the word `concerned` which suggests worry, not calmness.
+
+---
+
+They'll likely be concerned.
+
+---
+
+They'll be unaware of the situation.
+
+### --feedback--
+
+Jake's statement focuses on their feelings, not whether they know about the situation.
+
+---
+
+They'll feel excited.
+
+### --feedback--
+
+The word `concerned` means worry, which is the opposite of excitement.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Likely be` suggests this is a probable outcome, though not certain.
+
+`Concerned` means feeling worried or anxious about something. In this context, Jake predicts that the clients will feel worried about the news. For example:
+
+- `The team was concerned about meeting the deadline.` - This shows they were worried about achieving their goal.
+
+- `Our clients were concerned about the system's performance.` - This indicates they were anxious about how well the system was functioning.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
new file mode 100644
index 0000000000..c66686a2a9
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
@@ -0,0 +1,100 @@
+---
+id: 675c9579b10f316b5542b331
+title: Task 93
+challengeType: 22
+dashedName: task-93
+---
+
+<!-- (Audio) Jake: But I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`But I'll BLANK them that we BLANK BLANK all necessary steps to secure our systems.`
+
+## --blanks--
+
+`reassure`
+
+### --feedback--
+
+This word means to comfort or make someone feel less worried about something.
+
+---
+
+`are`
+
+### --feedback--
+
+This is part of the structure `to be` + a verb ending in `-ing`, used here to describe an action planned for the near future
+
+---
+
+`taking`
+
+### --feedback--
+
+This word means performing or carrying out an action or step. In this context, it refers to actions being planned or executed.
+
+# --explanation--
+
+`Reassure` means to provide confidence or reduce someone's anxiety about a situation.
+
+`We are taking` combines the verb `to be` with a verb ending in `-ing`. This is often used to talk about future actions already planned or happening soon. For example:
+
+- `I'll reassure the team that we are reviewing the report.` - This means you will comfort the team by telling them the review is happening soon.
+
+- `She is meeting the client tomorrow to reassure them about the changes.` - This shows the `to be` + a verb ending in `-ing` structure for a planned event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.98,
+      "finishTimestamp": 50.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 6,
+      "dialogue": {
+        "text": "But I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
new file mode 100644
index 0000000000..f39ef43914
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
@@ -0,0 +1,115 @@
+---
+id: 675c96e7feed5f75004ea8a4
+title: Task 94
+challengeType: 19
+dashedName: task-94
+---
+
+<!-- (Audio) Jake: They'll likely be concerned, but I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake's statement show about his priorities for the future?
+
+## --answers--
+
+Fixing the problem without telling the clients.
+
+### --feedback--
+
+The audio mentions both actions, not just fixing the issue.
+
+---
+
+Avoiding responsibility for what happened.
+
+### --feedback--
+
+The audio shows Jake is planning to take action, not avoiding it.
+
+---
+
+Keeping clients calm and fixing the security issue.
+
+---
+
+Waiting to see what happens next.
+
+### --feedback--
+
+The audio shows Jake is planning to act now, not waiting.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake's statement shows his priorities are about keeping clients calm and solving the problem. Here's how the audio explains this:
+
+`I'll reassure them` shows Jake wants to help clients feel less worried by telling them what the team is doing.
+
+`We are taking all necessary steps` shows Jake's focus on solving the security issue as quickly and completely as possible.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 51.18
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.3,
+      "dialogue": {
+        "text": "They'll likely be concerned,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.38,
+      "finishTime": 7.58,
+      "dialogue": {
+        "text": "but I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.08
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
new file mode 100644
index 0000000000..27de1c1036
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
@@ -0,0 +1,109 @@
+---
+id: 675c9900820144823ed5b11a
+title: Task 95
+challengeType: 22
+dashedName: task-95
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. BLANK BLANK BLANK to discuss the investigation results and plan our next steps.`
+
+## --blanks--
+
+`Let's`
+
+### --feedback--
+
+This is a contraction for `Let us`, used to suggest doing something together. The first letter is capitalized.
+
+---
+
+`meet`
+
+### --feedback--
+
+This word means to come together, often to discuss or plan something.
+
+---
+
+`later`
+
+### --feedback--
+
+This word refers to a time in the future, not immediately.
+
+# --explanation--
+
+`Let's` is a contraction for `Let us`, used to make a suggestion or propose doing something together.
+
+`Meet` means to come together, often for a discussion or planning.
+
+`Later` refers to a future time, not immediately. Sarah is suggesting they meet in the near future to discuss the results and plan further actions. For example:
+
+`Let's meet tomorrow to finalize the details.` - This suggests getting together the next day to complete planning.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
new file mode 100644
index 0000000000..2cba93d41a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
@@ -0,0 +1,101 @@
+---
+id: 675c9a309dcbc3053601e653
+title: Task 96
+challengeType: 22
+dashedName: task-96
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. Let's meet later to discuss the BLANK BLANK and plan our next steps.`
+
+## --blanks--
+
+`investigation`
+
+### --feedback--
+
+This word refers to a detailed process of examining or finding information about something, especially a problem or issue.
+
+---
+
+`results`
+
+### --feedback--
+
+This word means the outcomes or findings from an action, process, or investigation.
+
+# --explanation--
+
+`Investigation` refers to a detailed examination or inquiry to uncover facts or information.
+
+`Results` are the findings or outcomes of the investigation. For example:
+
+- `The investigation showed there was a security breach.` - This means the inquiry revealed information about the breach.
+
+- `The results of the investigation helped us fix the issue.` - This indicates that the findings led to corrective actions.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
new file mode 100644
index 0000000000..912695fbd3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
@@ -0,0 +1,117 @@
+---
+id: 675c9a9d87d492086e1ab3cf
+title: Task 97
+challengeType: 19
+dashedName: task-97
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to do?
+
+## --answers--
+
+Solve the issue immediately without a meeting.
+
+### --feedback--
+
+Sarah suggests meeting later, not solving the issue immediately.
+
+---
+
+Finish the investigation before meeting with the clients.
+
+### --feedback--
+
+Sarah is not talking about finishing the investigation first; she wants to discuss the results they already have.
+
+---
+
+Ask Jake to share the results and next steps with the clients.
+
+### --feedback--
+
+Sarah is talking about discussing the results with Jake, not sharing them with the clients.
+
+---
+
+Meet later to discuss the results and plan the next steps.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Here's how to find the answer:
+
+`Let's meet later` shows she is proposing a meeting in the future.
+
+`To discuss the investigation results` explains what the meeting will focus on.
+
+`Plan our next steps` shows that Sarah wants to decide on future actions during the meeting.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
new file mode 100644
index 0000000000..eebfe0f563
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
@@ -0,0 +1,96 @@
+---
+id: 67619dab2031295f7b4dcee1
+title: Task 98
+challengeType: 22
+dashedName: task-98
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`probably`, `I'll reassure`, `I'll send`, `will need`, `it won't`, `will affect`, and `I'll alert`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone BLANK to notify the team and take immediate action.`
+
+`Sarah: Oh no! Do you know where it originated from?`
+
+`Jake: Not yet, but I think it came from an email link. We need to investigate quickly. BLANK out a warning to everyone right away.`
+
+`Sarah: That sounds like a good plan. Do you think it BLANK our project deadlines?`
+
+`Jake: It might. I hope BLANK, but we should prepare for delays. I'll update the project manager about the situation.`
+
+`Sarah: BLANK the development team and tell them to check their emails carefully. Is there anything else we should do?`
+
+`Jake: We'll BLANK need to run a full system scan to ensure there's no hidden malware. Can you coordinate with the IT support team for that?`
+
+`Sarah: Yes, I'll contact them now. How do you think our clients will react to this news?`
+
+`Jake: They'll likely be concerned, but BLANK them that we are taking all necessary steps to secure our systems.`
+
+## --blanks--
+
+`will need`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense and describe a future necessity. The second word indicates a requirement or something essential.
+
+---
+
+`I'll send`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, showing a future action. The first letter is capitalized. The second word means to deliver something to someone or somewhere.
+
+---
+
+`will affect`
+
+### --feedback--
+
+This phrase describes the future impact of an action using the `Future Simple` tense. The second word means to change or influence something.
+
+---
+
+`it won't`
+
+### --feedback--
+
+This is the contraction for `it will not`, showing a negative prediction about the future. The second word indicates refusal or something not happening.
+
+---
+
+`I'll alert`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action. The first letter is capitalized. The second word means to notify or warn someone.
+
+---
+
+`probably`
+
+### --feedback--
+
+This adverb is used to describe something that is likely to happen. It shows a high chance of something occurring.
+
+---
+
+`I'll reassure`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action to comfort or reassure someone. The first letter is capitalized. The second word means to calm someone's concerns or provide confidence.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
new file mode 100644
index 0000000000..0ebff27010
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
@@ -0,0 +1,178 @@
+---
+id: 6761c4698166cd2462c1d685
+title: "Dialogue 3: Planning for SQL Injection Prevention"
+challengeType: 21
+dashedName: dialogue-3-planning-for-sql-injection-prevention
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video.
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-3.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 3.42,
+     "dialogue": {
+       "text": "I've been looking into our database security,",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 3.66,
+     "finishTime": 7.64,
+     "dialogue": {
+       "text": "and I think we're going to need some additional measures to prevent SQL injection attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 8.3,
+     "finishTime": 13.62,
+     "dialogue": {
+       "text": "I agree. We've been noticing some unusual queries in the logs. What are you going to recommend to improve security?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.16,
+     "finishTime": 17.88,
+     "dialogue": {
+       "text": "We're going to implement parameterized queries to minimize the risk.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.16,
+     "finishTime": 21.62,
+     "dialogue": {
+       "text": "This should reduce the chances of unauthorized access to our data.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 22.06,
+     "finishTime": 26.18,
+     "dialogue": {
+       "text": "That sounds like a solid plan. Are we going to require additional training for our developers?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 26.82,
+     "finishTime": 31.68,
+     "dialogue": {
+       "text": "Yes. We're going to hold the session next week to ensure everyone knows how to implement these changes.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 31.94,
+     "finishTime": 34.98,
+     "dialogue": {
+       "text": "It's crucial that we all follow best practices.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 35.9,
+     "finishTime": 39.8,
+     "dialogue": {
+       "text": "I'm going to inform the team about the upcoming training. Is there anything else we need to do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 40.12,
+     "finishTime": 46.08,
+     "dialogue": {
+       "text": "We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 46.58,
+     "finishTime": 49.34,
+     "dialogue": {
+       "text": "Great. I think this is going to make a big difference in our security.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 49.74,
+     "finishTime": 52.02,
+     "dialogue": {
+       "text": "Are we going to share this information with other departments?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 52.4,
+     "finishTime": 57.44,
+     "dialogue": {
+       "text": "We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.94
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 58.44
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
new file mode 100644
index 0000000000..07d026345b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
@@ -0,0 +1,70 @@
+---
+id: 6761c69821431133f4860640
+title: Task 99
+challengeType: 19
+dashedName: task-99
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What action will Jake take next?
+
+## --answers--
+
+He won't talk to the clients and focus only on fixing the system.
+
+### --feedback--
+
+The message shows Jake is keeping the clients informed, not ignoring their concerns.
+
+---
+
+He'll reassure the clients that steps are being taken.
+
+---
+
+He'll tell Sarah to report directly to the clients.
+
+### --feedback--
+
+Jake has already taken responsibility for communicating with the clients.
+
+---
+
+He'll ask the IT team to delay their investigation.
+
+### --feedback--
+
+The IT team is already actively monitoring the situation, so delaying the investigation doesn't make sense.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To determine what Jake will do next, focus on his message:
+
+`I'll provide you with regular updates` shows Jake's plan to keep the clients informed.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
new file mode 100644
index 0000000000..68ed2d0825
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
@@ -0,0 +1,76 @@
+---
+id: 6761ca7cf0fd854c646ebd11
+title: Task 100
+challengeType: 19
+dashedName: task-100
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the clients' main concern?
+
+## --answers--
+
+They are worried about losing access to their accounts.
+
+### --feedback--
+
+The message focuses on the security of the clients' data, not account access.
+
+---
+
+They think the issue has already been fixed.
+
+### --feedback--
+
+The clients are asking for confirmation, which shows they are not sure the issue has been resolved.
+
+---
+
+They are concerned about the safety of their data.
+
+---
+
+They are asking for technical details about the system scan.
+
+### --feedback--
+
+The clients are asking *when* the issue will be resolved, not for technical details.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The clients say, `We're very concerned about the security of our data.`
+
+This clearly shows their main concern is the **safety of their data**.
+
+They ask, `Can you confirm when this issue will be fully resolved?` which suggests they are looking for reassurance that their data is secure and the problem will soon be fixed. For example:
+
+- `We're worried about losing sensitive information.` - This shows concern for data safety.
+
+- `Is the system safe now?` - This reflects a need for confirmation about the resolution.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
new file mode 100644
index 0000000000..48ed6deba0
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
@@ -0,0 +1,72 @@
+---
+id: 6761cae47045b54f50840915
+title: Task 101
+challengeType: 19
+dashedName: task-101
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What do Jake's actions show about his priorities?
+
+## --answers--
+
+Keeping the clients informed and addressing the issue quickly.
+
+---
+
+Focusing on fixing the technical issue.
+
+### --feedback--
+
+Jake promises to provide updates to the clients, so he is not just focusing on fixing the system.
+
+---
+
+Finding the person who made this mistake.
+
+### --feedback--
+
+Jake's message does not assign blame.
+
+---
+
+Delaying the resolution to gather more information.
+
+### --feedback--
+
+Jake highlights that steps are already being taken to resolve the issue quickly.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake's actions show that he prioritizes keeping the clients informed and solving the issue quickly.
+
+`I'll provide you with regular updates` shows his focus on clear and transparent communication.
+
+`We're taking all necessary steps to secure the system` highlights his commitment to resolving the issue as soon as possible.  
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
new file mode 100644
index 0000000000..c65556d1ec
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
@@ -0,0 +1,74 @@
+---
+id: 6761cb950d555c54150b2212
+title: Task 102
+challengeType: 19
+dashedName: task-102
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the next step Jake refers to in his message?
+
+## --answers--
+
+Running a full system scan.
+
+### --feedback--
+
+Jake mentions that the full system scan has already been done.
+
+---
+
+Actively monitoring the system.
+
+---
+
+Resolving the issue completely.
+
+### --feedback--
+
+The text shows the issue is still being worked on, and Jake has not yet resolved it.
+
+---
+
+Sending details about the phishing attack.
+
+### --feedback--
+
+Jake focuses on actions being taken, not on sharing details about the phishing attack.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the next step Jake refers to, look at the specific actions mentioned in his message:
+
+`We've run a full system scan` shows this step has already been done.
+
+`The IT support team is actively monitoring the situation` is the next step currently happening to secure the system.
+
+Jake does not yet mention resolving the issue or providing additional details about the phishing attack.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
new file mode 100644
index 0000000000..1e70e5b13d
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
@@ -0,0 +1,82 @@
+---
+id: 6761e3efbd12c067489c90fe
+title: Task 103
+challengeType: 22
+dashedName: task-103
+---
+
+<!-- (audio) Jake: I've been looking into our database security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been BLANK into our database security.`
+
+## --blanks--
+
+`looking`
+
+### --feedback--
+
+This word means trying to find information or investigate. it ends in `-ing`.
+
+# --explanation--
+
+`Looking into` means to investigate or examine something carefully. For example:
+
+- `The manager is looking into the issue with the server.` - This means the manager is investigating the server problem.
+
+- `She is looking into ways to improve our performance.` - This means she is searching for ways to make the team perform better.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 2.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.92
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
new file mode 100644
index 0000000000..2c880f8a46
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
@@ -0,0 +1,124 @@
+---
+id: 6761e51505b1d96f537b089e
+title: Task 104
+challengeType: 22
+dashedName: task-104
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been looking into our database security, and I think BLANK BLANK BLANK some additional measures to prevent SQL injection attacks.`
+
+## --blanks--
+
+`we're`
+
+### --feedback--
+
+This is a contraction for `we are`.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb and the second a preposition.
+
+---
+
+`need`
+
+### --feedback--
+
+This verb means something is required or necessary. It is a verb in its base form.
+
+# --explanation--
+
+`Going to` is used to talk about planned actions or intentions for the future. For example:
+
+- `We are going to upgrade the system next month.` - This means the upgrade is planned and will happen soon.
+
+- `She is going to learn SQL next year.` - This means she intends to learn SQL in the future.
+
+In this sentence:
+
+`We're` is the contraction for `we are`.
+
+`Going to` shows the action is planned for the near future.
+
+`Need` is the base verb indicating something necessary or required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
new file mode 100644
index 0000000000..1b1456c086
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
@@ -0,0 +1,124 @@
+---
+id: 6761e7b82f98fc7fb7d9c06b
+title: Task 105
+challengeType: 19
+dashedName: task-105
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake currently looking into?
+
+## --answers--
+
+Database security
+
+---
+
+Server upgrades
+
+### --feedback--
+
+Jake doesn't mention upgrading servers; he's focused on something else.
+
+---
+
+New software
+
+### --feedback--
+
+Jake isn't talking about installing new software.
+
+---
+
+Network performance
+
+### --feedback--
+
+Jake's focus is not on network performance. Listen carefully to the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database security` refers to protecting databases from unauthorized access or attacks. For example:
+
+`The team is improving database security to prevent hackers from accessing confidential data.` - This means they are making the database safer to stop any illegal access.
+
+Jake says he is `looking into` their `database security`, which means he is investigating or checking its safety.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
new file mode 100644
index 0000000000..2e8b4f8e36
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
@@ -0,0 +1,125 @@
+---
+id: 6761e90350ebde88221daeea
+title: Task 106
+challengeType: 19
+dashedName: task-106
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake think they need to do?
+
+## --answers--
+
+A new database
+
+### --feedback--
+
+Jake doesn't mention needing a new database. Listen carefully to what he says they require.
+
+---
+
+More team members
+
+### --feedback--
+
+Jake doesn't suggest needing more people for the task.
+
+---
+
+Additional measures
+
+---
+
+Less security
+
+### --feedback--
+
+This option is the opposite of what Jake suggests. He is looking to improve security, not reduce it.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Additional measures` refers to extra actions or steps taken to fix or improve something. For example:
+
+`We need additional measures to protect the system from future attacks.` - This means more steps are necessary to improve the system's safety.
+
+Jake says they need additional measures, meaning more steps are required to improve the database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
+
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
new file mode 100644
index 0000000000..bdd401e122
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
@@ -0,0 +1,124 @@
+---
+id: 6761e99e3e0f098cc0f265aa
+title: Task 107
+challengeType: 19
+dashedName: task-107
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem are the additional measures meant to address?
+
+## --answers--
+
+Slow database performance
+
+### --feedback--
+
+Jake is not talking about improving the database speed. Listen carefully to what the measures are for.
+
+---
+
+Data backup issues
+
+### --feedback--
+
+Jake does not mention any problem with data backups. Focus on the security issue he talks about.
+
+---
+
+Software updates
+
+### --feedback--
+
+Jake is not discussing updates to software. He is concerned with preventing a specific type of attack.
+
+---
+
+SQL injection attacks
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`SQL injection attacks` are a type of cyber attack where hackers insert harmful code into a database query to access or damage data. For example:
+
+`The company added security measures to prevent SQL injection attacks on their website.` - This means they took steps to stop hackers from entering harmful code.
+
+Jake says the `additional measures` are needed to `prevent SQL injection attacks`, meaning they are trying to stop this specific type of threat.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
new file mode 100644
index 0000000000..0690caa26b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
@@ -0,0 +1,124 @@
+---
+id: 6761eb2e4b1192968b2303f4
+title: Task 108
+challengeType: 19
+dashedName: task-108
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake describe their current database security?
+
+## --answers--
+
+They are not prepared at all and need to start from scratch.
+
+### --feedback--
+
+Jake doesn't say they have no security at all. Listen again to his comment about needing additional measures.
+
+---
+
+They have some security, but they need more measures to improve it.
+
+---
+
+They have already taken additional measures and are now fully protected.
+
+### --feedback--
+
+Jake mentions `additional measures`, which means they haven't done it yet.
+
+---
+
+Their security is perfect, and no further actions are required.
+
+### --feedback--
+
+Jake clearly says they need to add more measures, so their security is not perfect yet.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says he has been `looking into` their database security, which means he is investigating its current state. He concludes that they `need additional measures`, meaning some security exists, but it's not enough. For example:
+
+`The team needed additional measures to ensure their security was strong.` - This means the team added extra steps to improve something that already existed.
+
+Jake's statement shows their database security is in place but requires more work to prevent `SQL injection attacks`.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
new file mode 100644
index 0000000000..c8cbde4537
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
@@ -0,0 +1,106 @@
+---
+id: 6761ecb48889faa066740143
+title: Task 109
+challengeType: 19
+dashedName: task-109
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is the best answer to Jake's comment?
+
+## --answers--
+
+`I agree.`
+
+---
+
+`Why don't we ignore it?`
+
+### --feedback--
+
+Ignoring the issue doesn't address Jake's concern about security.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The most appropriate answer is `I agree` because it supports Jake's suggestion that additional measures are needed to improve database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
new file mode 100644
index 0000000000..04a9c8dd49
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
@@ -0,0 +1,103 @@
+---
+id: 6761ee00596d9fa8c8c3ac90
+title: Task 110
+challengeType: 22
+dashedName: task-110
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I agree. We've been noticing some unusual BLANK in the BLANK.`
+
+## --blanks--
+
+`queries`
+
+### --feedback--
+
+This is the plural form of a request for information in a database.
+
+---
+
+`logs`
+
+### --feedback--
+
+These are files or records where events, activities, or actions are stored.
+
+# --explanation--
+
+`Query` refers to a request for information, often in a database. `Queries` means more than one request. For example:
+
+- `The developer sent a query to find user data.` - This means the developer made a single request for information.
+
+- `There were multiple queries for customer information.` - This means there were several requests for data.
+
+`Logs` refers to files or records that track events or actions. For example:
+
+`The team checked the logs to find unusual activities.` - This means they looked at the stored records to identify any issues.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
new file mode 100644
index 0000000000..410ae23ed2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
@@ -0,0 +1,113 @@
+---
+id: 6761f0dc81967cbbe1118dae
+title: Task 111
+challengeType: 19
+dashedName: task-111
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Maria agree with Jake?
+
+## --answers--
+
+Because the database is completely secure.
+
+### --feedback--
+
+Maria does not say the database is secure. She agrees with Jake about needing additional measures.
+
+---
+
+Because she noticed unusual queries in the logs.
+
+---
+
+Because they have already fixed the problem.
+
+### --feedback--
+
+Maria mentions noticing unusual queries, which suggests the problem is not yet fixed.
+
+---
+
+Because there are no issues in the logs.
+
+### --feedback--
+
+Maria says the opposite: there are unusual queries in the logs.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria agrees with Jake because she has evidence that supports his concern about database security.
+
+She mentions noticing `unusual queries in the logs`, which means some unexpected or suspicious requests were recorded.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
new file mode 100644
index 0000000000..605cd2e804
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
@@ -0,0 +1,98 @@
+---
+id: 6761f1e5287834c2cb5f4631
+title: Task 112
+challengeType: 22
+dashedName: task-112
+---
+
+<!-- (audio) What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`What BLANK BLANK BLANK recommend to improve security?`
+
+## --blanks--
+
+`are`
+
+### --feedback--
+
+This word is part of the verb `to be` and is used here to form a question about the future.
+
+---
+
+`you`
+
+### --feedback--
+
+This is the pronoun that refers to the person being asked.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words indicate a planned or intended action in the future. One is a verb, and the other is a preposition.
+
+# --explanation--
+
+This type of question uses `going to` to ask about someone's **future actions or plans**. You use it when you want to know what someone `intends to do` or has already planned. For example:
+
+- `What are you going to do about the missing files?` - This asks about the person's future action to solve a problem.
+
+- `When are you going to update the system?` - This asks about a specific plan for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
new file mode 100644
index 0000000000..ad528387ce
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f2fbd2db7aca063b6a5c
+title: Task 113
+challengeType: 19
+dashedName: task-113
+---
+
+<!-- (audio) Maria: What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+What Jake suggests to improve security in the future.
+
+---
+
+What has already been done to improve security.
+
+### --feedback--
+
+Maria is asking about a future action, not something that has already happened.
+
+---
+
+What kind of security measures are not useful.
+
+### --feedback--
+
+Maria is asking for suggestions, not about measures that are ineffective.
+
+---
+
+Who is responsible for causing the security issues.
+
+### --feedback--
+
+Maria is focused on improving security, not finding out who caused the issues.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Recommend` means to suggest or advise something as a good idea or solution. Maria uses `going to` in her question to ask about **future actions** or plans. For example:
+
+`What are you going to recommend for the project?` - This asks what someone will suggest as a solution or improvement.
+
+In this sentence, Maria wants to know what Jake will suggest to improve security in the future. She is not asking about past actions or problems, but about ideas to move forward.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
new file mode 100644
index 0000000000..e6bd753de9
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
@@ -0,0 +1,90 @@
+---
+id: 6761f509323d5ad6cfe9d212
+title: Task 114
+challengeType: 22
+dashedName: task-114
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're BLANK BLANK parameterized queries to minimize the risk.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb, and the second is a preposition.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put an action, idea, or plan into effect.
+
+# --explanation--
+
+`Going to` is used to show that something has been decided and will happen soon.
+
+`Implement` means to put a plan or idea into action. For example:
+
+`The team is going to implement a new security strategy next month.` - This means the team has decided to take action and will begin soon.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
new file mode 100644
index 0000000000..c71051c55c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
@@ -0,0 +1,84 @@
+---
+id: 6761f66b536d13df9a6e4b87
+title: Task 115
+challengeType: 22
+dashedName: task-115
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to implement BLANK queries to minimize the risk.`
+
+## --blanks--
+
+`parameterized`
+
+### --feedback--
+
+This word describes queries that use predefined values to improve security. It is a long word often used in database contexts.
+
+# --explanation--
+
+`Parameterized` comes from the root word `parameter`, which is a value or placeholder used to control how something works.
+
+When people say a query is `parameterized`, it means it uses predefined values (parameters) instead of inserting user input directly.
+
+This helps improve database security by preventing certain attacks like SQL injection. For example:
+
+- `The developer used parameterized queries to secure the database.` - This means they used placeholders to ensure no harmful code could be inserted.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
new file mode 100644
index 0000000000..d7c5ba0cd2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f6dc272d86e2f315b79c
+title: Task 116
+challengeType: 19
+dashedName: task-116
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's plan?
+
+## --answers--
+
+To improve the database's performance with faster queries.
+
+### --feedback--
+
+Jake's plan focuses on minimizing risk, not improving the database speed.
+
+---
+
+To implement parameterized queries to minimize the risk.
+
+---
+
+To add more servers to handle heavy traffic.
+
+### --feedback--
+
+Jake doesn't mention servers or traffic. He talks about securing the database.
+
+---
+
+To fix the errors caused by broken queries.
+
+### --feedback--
+
+Jake is not fixing broken queries. He's focused on reducing risks by implementing a specific security method.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Implement` means to put an idea or solution into action.
+
+`Parameterized queries` are a method used in databases to reduce security risks, like SQL injection. This works by using placeholders for data instead of inserting user input directly into the query.
+
+In this sentence, Jake's plan is to take action to improve security and prevent risks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
new file mode 100644
index 0000000000..d89ad70d05
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
@@ -0,0 +1,80 @@
+---
+id: 6761f838245300ebfcf372cd
+title: Task 117
+challengeType: 22
+dashedName: task-117
+---
+
+<!-- (audio) This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This should reduce the chances of BLANK access to our data.`
+
+## --blanks--
+
+`unauthorized`
+
+### --feedback--
+
+This word describes something that is not allowed or approved. It starts with `un-` to show the negative form.
+
+# --explanation--
+
+`Unauthorized` means **not allowed** or **not approved**. It is formed by adding the prefix `un-` to the root word `authorized`, which means permitted or approved. For example:
+
+`Unauthorized users tried to access the system.` - This means users who did not have permission attempted to get in.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
new file mode 100644
index 0000000000..86bfe5f3aa
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
@@ -0,0 +1,119 @@
+---
+id: 6761f9d7a849d8f61aa12deb
+title: Task 118
+challengeType: 19
+dashedName: task-118
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem is Jake trying to solve by implementing parameterized queries?
+
+## --answers--
+
+Data not being backed up correctly.
+
+### --feedback--
+
+Jake does not mention anything about data backups. Focus on the issue he wants to minimize.
+
+---
+
+Errors in the database caused by broken queries.
+
+### --feedback--
+
+Jake talks about minimizing risk, not fixing broken queries or errors.
+
+---
+
+Slow database performance when handling queries.
+
+### --feedback--
+
+Jake's goal is related to security, not improving database speed or performance.
+
+---
+
+Unauthorized access to data.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, listen for the words:
+
+`Should reduce` shows Jake's intention to make something smaller or less likely.
+
+`Unauthorized access` refers to someone without permission trying to view or use data.
+
+Jake says `this should reduce the chances of unauthorized access to our data`.
+
+This shows his plan is to minimize a security risk, not to fix backups, errors, or improve database performance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
new file mode 100644
index 0000000000..57f418be46
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
@@ -0,0 +1,96 @@
+---
+id: 6762dceeac22841f223b0101
+title: Task 119
+challengeType: 19
+dashedName: task-119
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to show support to Jake's plan?
+
+## --answers--
+
+`That sounds like a solid plan.`
+
+---
+
+`Let's focus on other issues for now.`
+
+### --feedback--
+
+This response does not address Jake's plan and shifts attention away from his suggestion.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The phrase `That sounds like a solid plan` is supportive because it shows agreement and confidence in the idea.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
new file mode 100644
index 0000000000..8a89f9d9e9
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
@@ -0,0 +1,108 @@
+---
+id: 6762e2adb437563844364cf1
+title: Task 120
+challengeType: 19
+dashedName: task-120
+---
+
+<!-- (audio) Maria: That sounds like a solid plan. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Maria's opinion about Jake's plan?
+
+## --answers--
+
+She thinks it is a good idea.
+
+---
+
+She thinks it is risky and might not minimize the problem.
+
+### --feedback--
+
+Maria does not mention any doubts or risks. Listen to how she uses the word `solid` to show support.
+
+---
+
+She thinks it needs more details to be effective.
+
+### --feedback--
+
+Maria does not suggest adding details. Her response shows confidence in the plan as it is.
+
+---
+
+She thinks it will require additional resources to work.
+
+### --feedback--
+
+Maria's response does not mention resources. She expresses agreement and support for Jake's plan.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Solid` means strong, reliable, and effective. It suggests that the plan is well thought out and likely to succeed.
+
+`Plan` refers to an organized strategy to solve a problem.
+
+`That sounds like a solid plan` shows support and confidence in Jake's idea. For example:
+
+`That sounds like a solid plan to improve security.` - This shows agreement and belief that the idea is dependable.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.96,
+      "finishTimestamp": 22.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.46,
+      "dialogue": {
+        "text": "That sounds like a solid plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 2.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
new file mode 100644
index 0000000000..a92c835f0b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
@@ -0,0 +1,104 @@
+---
+id: 6762e430c7646a422c17966f
+title: Task 121
+challengeType: 22
+dashedName: task-121
+---
+
+<!-- (audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK for our developers?`
+
+## --blanks--
+
+`require`
+
+### --feedback--
+
+This verb means something is needed or necessary.
+
+---
+
+`additional`
+
+### --feedback--
+
+This word means extra or more. It is used to describe something that is added to what already exists.
+
+---
+
+`training`
+
+### --feedback--
+
+This word refers to the process of teaching or learning skills needed for a job or task.
+
+# --explanation--
+
+`Require` means to need or make something necessary. For example:
+
+`The job requires technical knowledge.` - This means technical knowledge is needed for the job.
+
+`Additional` means extra or more than what already exists. For example:
+
+`The project requires additional resources.` - This means extra resources are needed.
+
+`Training` refers to the process of learning or improving skills for a specific purpose. For example:
+
+`The company provided training for the new software.` - This means the company helped employees learn how to use the software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
new file mode 100644
index 0000000000..478b3fc00f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
@@ -0,0 +1,108 @@
+---
+id: 6762edd89388ad7b3950d01a
+title: Task 122
+challengeType: 19
+dashedName: task-122
+---
+
+<!-- (Audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If training is already complete.
+
+### --feedback--
+
+Maria is asking about something that might happen in the future, not the past.
+
+---
+
+If additional training will be required.
+
+---
+
+If training sessions are planned for managers.
+
+### --feedback--
+
+Maria's question is about developers, not managers.
+
+---
+
+If training will happen next week.
+
+### --feedback--
+
+Maria's question does not mention any specific time.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, focus on the parts of Maria's question:
+
+`Are we going to` indicates she is asking about a plan or action in the future.
+
+`Require additional training` means she is asking if more training is needed.
+
+`For our developers` specifies who might need the training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
new file mode 100644
index 0000000000..66c38ed008
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
@@ -0,0 +1,101 @@
+---
+id: 6762f11f6a96d19057229bf2
+title: Task 123
+challengeType: 22
+dashedName: task-123
+---
+
+<!-- (Audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, we're BLANK BLANK a session next week to ensure everyone knows how to implement these changes.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned action in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`hold`
+
+### --feedback--
+
+This means to organize or conduct an event, like a meeting or session.
+
+# --explanation--
+
+`Going to` indicates a future plan or intention. It is often used to talk about actions that are already decided or likely to happen.
+
+`Hold` refers to organizing or conducting an event, like a meeting, session, or training. For example:
+
+- `We're going to organize a team meeting next Monday.` - This shows a planned action in the near future.
+
+- `They are going to hold a workshop on software updates.` - This highlights a scheduled event for sharing knowledge or training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
new file mode 100644
index 0000000000..7619da2910
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
@@ -0,0 +1,113 @@
+---
+id: 676320cd1c9cee55ab53687a
+title: Task 124
+challengeType: 19
+dashedName: task-124
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the next session going to happen?
+
+## --answers--
+
+This week
+
+### --feedback--
+
+Listen carefully to the audio. Jake does not say the session will happen during the current week.
+
+---
+
+Last week
+
+### --feedback--
+
+Jake is talking about a future session, not one that has already happened.
+
+---
+
+In a couple of weeks
+
+### --feedback--
+
+Jake mentions a specific time, not two weeks from now.
+
+---
+
+Next week
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, pay attention to the words that come after `hold a session`. Jake says, `next week`, which tells you the session will happen in the week after this one.
+
+`Next week` means the week following the current one. For instance, if today is Tuesday, `next week` starts on the following Sunday or Monday.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
new file mode 100644
index 0000000000..48cf723159
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
@@ -0,0 +1,113 @@
+---
+id: 676321f8a8692b5d4b211dde
+title: Task 125
+challengeType: 19
+dashedName: task-125
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why are they holding this meeting?
+
+## --answers--
+
+To make sure everyone understands how to apply the changes.
+
+---
+
+To discuss new changes they might make.
+
+### --feedback--
+
+Jake does not say they are planning changes, but how to implement the current ones.
+
+---
+
+To share updates about the company.
+
+### --feedback--
+
+The meeting is not about general updates but about specific changes.
+
+---
+
+To ensure everyone finishes their work on time.
+
+### --feedback--
+
+Jake does not mention deadlines or completing work in the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To answer this question, focus on Jake's purpose for the session. He says, `to ensure everyone knows how to implement these changes`.
+
+The options "To make sure everyone understands how to apply the changes", matches the purpose described in the audio.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
new file mode 100644
index 0000000000..05591d1d24
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
@@ -0,0 +1,110 @@
+---
+id: 67632267336dcf6068f39407
+title: Task 126
+challengeType: 19
+dashedName: task-126
+---
+
+<!-- (audio) Jake: It's crucial that we all follow best practices. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's important to Jake?
+
+## --answers--
+
+That everyone works hard.
+
+### --feedback--
+
+Jake does not talk about working hard in the audio.
+
+---
+
+That everyone follows best practices.
+
+---
+
+That everyone follows their own rules.
+
+### --feedback--
+
+Jake does not say anything about following personal rules.
+
+---
+
+That everyone communicates well.
+
+### --feedback--
+
+Jake does not mention communication as important.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, break down the key words in the audio:
+
+`Crucial` means very important. Jake is talking about something that must be done.
+
+`Follow` means to do or obey something.
+
+`Best practices` refers to the best and most effective ways to do something.
+
+Jake says, `It's crucial that we all follow best practices`. This shows that he thinks it is very important for everyone to use the best methods when working.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.94,
+      "finishTimestamp": 33.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "It's crucial that we all follow best practices.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
new file mode 100644
index 0000000000..39ef7348e1
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
@@ -0,0 +1,92 @@
+---
+id: 6763238e902cdf688f49152f
+title: Task 127
+challengeType: 22
+dashedName: task-127
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'm BLANK BLANK the team about the upcoming training.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together show that Maria is talking about something planned in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`inform`
+
+### --feedback--
+
+This word means to give information or tell someone about something.
+
+# --explanation--
+
+`Going to` shows that Maria is talking about something planned or decided for the future. For example:
+
+`I'm going to visit the headquarters tomorrow.` - it means the visit is planned.
+
+`Inform` means to give information or notify someone. For example:
+
+`He will inform his team leader about the issue.` - It means he will tell the team leader about the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
new file mode 100644
index 0000000000..018ccabf15
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
@@ -0,0 +1,116 @@
+---
+id: 6763251d0b7d8872b5543df8
+title: Task 128
+challengeType: 19
+dashedName: task-128
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Maria planning to do?
+
+## --answers--
+
+To attend a training session.
+
+### --feedback--
+
+Maria does not say she will attend the training.
+
+---
+
+To organize the training for the team.
+
+### --feedback--
+
+Maria does not mention organizing the training.
+
+---
+
+To inform the team about the upcoming training.
+
+---
+
+To ask the team about their training needs.
+
+### --feedback--
+
+Maria does not say anything about asking the team questions. She is going to provide information.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To find the correct answer, focus on Maria's words in the audio:
+
+`I'm going to` shows her plan for the future.
+
+`Inform the team` tell us what Maria is planning to do.
+
+Maria's exact plan is to inform the team about something specific.
+
+`Upcoming` means something that will happen soon. For example:
+
+`We have an upcoming meeting next week.` - This means the meeting is scheduled for the near future.
+
+`Upcoming training` means a training session that is planned to take place soon.
+
+Together, the phrase shows Maria's responsibility to give information about the training that will happen in the near future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
new file mode 100644
index 0000000000..c96250b419
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
@@ -0,0 +1,88 @@
+---
+id: 676325dfad1ee0784c7f1a5e
+title: Task 129
+challengeType: 19
+dashedName: task-129
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria wants to confirm if she needs to do more things. Which option is the best?
+
+## --answers--
+
+`Is there anything else we need to do?`
+
+---
+
+`Should I inform them now or later?`
+
+### --feedback--
+
+This question focuses on timing, not whether more tasks are required.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best option is `Is there anything else we need to do?` because it directly asks about whether there are more tasks to complete.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
new file mode 100644
index 0000000000..1184550212
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
@@ -0,0 +1,121 @@
+---
+id: 6763271c3d195780a672e061
+title: Task 130
+challengeType: 19
+dashedName: task-130
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+When the training will happen.
+
+### --feedback--
+
+Maria is not asking about the time of the training.
+
+---
+
+Who needs to be informed about the training.
+
+### --feedback--
+
+Maria is not asking about who should be informed.
+
+---
+
+How to organize the training.
+
+### --feedback--
+
+Maria is not asking about how to organize the training.
+
+---
+
+If there are more tasks to complete.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`Anything` means any item, task, or thing.
+
+`Else` means in addition to what has already been mentioned.
+
+Together, `anything else` means "any other things". For example:
+
+- `Do you need anything else before I leave?` - This asks if the person needs more help or items.
+
+- `Is there anything else on the agenda?` - This asks if there are more topics to discuss.
+
+Maria says, `Is there anything else we need to do?` This shows she wants to know if there are more tasks she needs to do beyond informing the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 38.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3.8,
+      "finishTime": 5.1,
+      "dialogue": {
+        "text": "Is there anything else we need to do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
new file mode 100644
index 0000000000..330c8abfcb
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
@@ -0,0 +1,92 @@
+---
+id: 6763285df9a9b6039696c389
+title: Task 131
+challengeType: 22
+dashedName: task-131
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to BLANK the database activity more BLANK.`
+
+## --blanks--
+
+`monitor`
+
+### --feedback--
+
+This word means to watch or check something carefully.
+
+---
+
+`closely`
+
+### --feedback--
+
+This word means in a careful or detailed way.
+
+# --explanation--
+
+The verb `monitor` means to watch or check something, especially in a business or technical setting. For example:
+
+`Managers monitor employee productivity to meet project deadlines.` - This means they check progress regularly to make sure work is on track.
+
+`Closely` means to do something in a careful or detailed way. For example:
+
+`The team is reviewing the security logs closely for any unusual activity.` - This means they are looking carefully at the logs for problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.72,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
new file mode 100644
index 0000000000..24b821538d
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
@@ -0,0 +1,110 @@
+---
+id: 67632a419a12aa10b1e76954
+title: Task 132
+challengeType: 19
+dashedName: task-132
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is going to be monitored?
+
+## --answers--
+
+The database activity
+
+---
+
+The server performance
+
+### --feedback--
+
+Jake does not mention monitoring the server performance.
+
+---
+
+The team's tasks
+
+### --feedback--
+
+Jake does not talk about monitoring the team's tasks.
+
+---
+
+The system logs
+
+### --feedback--
+
+Jake does not say anything about monitoring system logs.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database` refers to a system where data is stored and organized.
+
+`Activity` refers to the actions or processes happening in the database.
+
+- `The database contains customer information and order details.` - This means the database stores important business data.
+
+- `There was unusual activity in the database last night.` - This means something unexpected happened in the database.
+
+Together, `database activity` means all the actions, changes, or processes happening within the database system.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.02,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.82,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
new file mode 100644
index 0000000000..370fdcce77
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
@@ -0,0 +1,100 @@
+---
+id: 67632cefda53f021ab6ecfb4
+title: Task 133
+challengeType: 22
+dashedName: task-133
+---
+
+<!-- (audio) This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This will BLANK BLANK BLANK any suspicious patterns early.`
+
+## --blanks--
+
+`help`
+
+### --feedback--
+
+This word means to assist or make something easier.
+
+---
+
+`us`
+
+### --feedback--
+
+This word refers to the group or team being talked about.
+
+---
+
+`catch`
+
+### --feedback--
+
+This word means to find or notice something.
+
+# --explanation--
+
+`Help` means to make it easier to do something or to provide assistance.
+
+`Catch` means to find, notice, or identify something. For example:
+
+`The system is designed to catch errors in real-time.` - This means the system finds mistakes as they happen.
+
+`Help us catch` means to assist in identifying something.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.96,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.12,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
new file mode 100644
index 0000000000..00d7873654
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
@@ -0,0 +1,119 @@
+---
+id: 67632e1b477101295cf2fc77
+title: Task 134
+challengeType: 19
+dashedName: task-134
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning to monitor the database activity more closely?
+
+## --answers--
+
+To catch suspicious patterns early.
+
+---
+
+To improve the database structure.
+
+### --feedback--
+
+Jake does not mention improving the database structure.
+
+---
+
+To monitor the team's productivity.
+
+### --feedback--
+
+Jake is talking about monitoring database activity, not the team.
+
+---
+
+To track system performance over time.
+
+### --feedback--
+
+Jake does not mention tracking system performance over time.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake says, `This will help us catch any suspicious patterns early.` Let's break down what he means.
+
+`Help us catch` means to make it easier for the team to find or notice something.
+
+`Suspicious patterns` refers to activities or changes in the database that seem unusual or could signal potential problems, such as unauthorized access or errors in the data.
+
+`Early` means finding these patterns as soon as possible, before they can cause significant harm.
+
+Together, Jake's statement means that by monitoring the database closely, the team can quickly find and fix any unusual activity before it becomes a bigger issue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
new file mode 100644
index 0000000000..05aaa1bfaf
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
@@ -0,0 +1,99 @@
+---
+id: 67632f1219de712fcf37d295
+title: Task 135
+challengeType: 19
+dashedName: task-135
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria thinks Jake's plan is important and useful. Which option better reflects that?
+
+## --answers--
+
+`Do you really think this will work?`
+
+### --feedback--
+
+This question shows doubt, not agreement with Jake's plan.
+
+---
+
+`I think this is going to make a big difference in our security.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`I think this is going to make a big difference in our security.` shows that Maria agrees with Jake's plan and thinks it is valuable.
+
+`Do you really think this will work?` shows doubt.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
new file mode 100644
index 0000000000..d02747ff4c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
@@ -0,0 +1,108 @@
+---
+id: 67633077c55c0f38b9166323
+title: Task 136
+challengeType: 22
+dashedName: task-136
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great. I think this is going to BLANK BLANK BLANK BLANK in our security.`
+
+## --blanks--
+
+`make`
+
+### --feedback--
+
+This word means to create or cause something to happen.
+
+---
+
+`a`
+
+### --feedback--
+
+This is an article used before singular nouns.
+
+---
+
+`big`
+
+### --feedback--
+
+This word means large or significant.
+
+---
+
+`difference`
+
+### --feedback--
+
+This word means a change or effect on something.
+
+# --explanation--
+
+`Make` means to cause something to happen or exist.
+
+`A big difference` means a significant or noticeable change or improvement.
+
+Together, `make a big difference` means to cause something to improve or become better in an important way. For example:
+
+`Updating our software will make a big difference in system performance.` - This means the update will improve how the system works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
new file mode 100644
index 0000000000..7352992b2d
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
@@ -0,0 +1,102 @@
+---
+id: 6763322b77048c43b92f9c28
+title: Task 137
+challengeType: 19
+dashedName: task-137
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does Maria think the changes will have an impact on security?
+
+## --answers--
+
+The changes already improved security.
+
+### --feedback--
+
+Maria does not say the changes have already happened. She is talking about the future.
+
+---
+
+The changes are currently improving security.
+
+### --feedback--
+
+Maria is not referring to something happening now. She is talking about what will happen later.
+
+---
+
+The changes might improve security someday.
+
+### --feedback--
+
+Maria is confident about the changes making an impact, not uncertain.
+
+---
+
+The changes will improve security in the future.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria says, `I think this is going to make a big difference in our security.` The phrase `is going to` shows that Maria is talking about the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
new file mode 100644
index 0000000000..45580e5d90
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
@@ -0,0 +1,98 @@
+---
+id: 67633424bfc56f4fec3edf3c
+title: Task 138
+challengeType: 22
+dashedName: task-138
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK with other departments?`
+
+## --blanks--
+
+`share`
+
+### --feedback--
+
+This is a verb that means to give something to others or use it together.
+
+---
+
+`this`
+
+### --feedback--
+
+This is a demonstrative pronoun that refers to something specific being talked about.
+
+---
+
+`information`
+
+### --feedback--
+
+This is a noun that means knowledge or facts that are communicated.
+
+# --explanation--
+
+`Share` means to give something to others or to use it together.
+
+`This` is a demonstrative pronoun that refers to something specific, in this case, the information.
+
+`Information` refers to knowledge, data, or facts that are communicated.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
new file mode 100644
index 0000000000..64366032e9
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
@@ -0,0 +1,108 @@
+---
+id: 676335dbbbe14c5acdafc970
+title: Task 139
+challengeType: 19
+dashedName: task-139
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the information will be shared with other departments.
+
+---
+
+If the departments need more information.
+
+### --feedback--
+
+Maria does not mention needing more information in her question.
+
+---
+
+When the information will be shared.
+
+### --feedback--
+
+Maria does not ask about the timing of sharing the information.
+
+---
+
+Why the information is important.
+
+### --feedback--
+
+Maria is not asking about the importance of the information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Focus on the verb `share`. It means to give or make something available to others. Maria is asking if the information will be shared.
+
+`Other departments` tells you who might receive the information. Maria's question is specifically about these departments.
+
+The structure `Are we going to...` shows that Maria is asking about a plan for the future.
+
+By identifying these parts of the sentence, you can understand that Maria is asking whether the information will be shared with other departments.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
new file mode 100644
index 0000000000..6d267335bc
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
@@ -0,0 +1,89 @@
+---
+id: 676338a796ace16be009e9d6
+title: Task 140
+challengeType: 19
+dashedName: task-140
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake is still deciding what to do. What's the most appropriate answer to Maria's question?
+
+## --answers--
+
+`We'll probably do that after we've completed the training.`
+
+---
+
+`I think sharing this information is unnecessary.`
+
+### --feedback--
+
+This response contradicts the idea of considering sharing information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `We'll probably do that after we've completed the training.` This response is appropriate because it aligns with Maria's question while emphasizing the need to complete the training first.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
new file mode 100644
index 0000000000..0d67d478c4
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
@@ -0,0 +1,98 @@
+---
+id: 676339b7a8460f7302b2d966
+title: Task 141
+challengeType: 22
+dashedName: task-141
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably BLANK BLANK BLANK we've completed the training.`
+
+## --blanks--
+
+`do`
+
+### --feedback--
+
+This is a verb that means to perform or carry out an action.
+
+---
+
+`that`
+
+### --feedback--
+
+This is a demonstrative pronoun referring to something already mentioned.
+
+---
+
+`after`
+
+### --feedback--
+
+This is a conjunction that shows the sequence of events.
+
+# --explanation--
+
+`Do` means to perform or carry out an action.
+
+`That` is a demonstrative pronoun that refers to something already mentioned or understood. In this case, it refers to an action previously discussed.
+
+`After` is a conjunction that indicates the sequence of events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
new file mode 100644
index 0000000000..feafb7ba43
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
@@ -0,0 +1,136 @@
+---
+id: 67633a6ff2f2ef78701975c9
+title: Task 142
+challengeType: 19
+dashedName: task-142
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is Jake planning to share the information with other departments?
+
+## --answers--
+
+Before they start the training.
+
+### --feedback--
+
+Jake mentions sharing the information after the training, not before.
+
+---
+
+After they've completed the training.
+
+---
+
+While the training is happening.
+
+### --feedback--
+
+Jake does not say they will share the information during the training.
+
+---
+
+He is not planning to share the information.
+
+### --feedback--
+
+Jake does mention sharing the information but plans to do so after the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`After we've completed` indicates that Jake is planning to share the information once the training is finished. Let's break it down:
+
+`After` shows the sequence of events, meaning the information will be shared following the training.
+
+`Completed the training` means finishing the training sessions or program.
+
+Together, this means Jake's plan is to share the information only once the training is fully done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.86,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.36
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
new file mode 100644
index 0000000000..46676e6f22
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
@@ -0,0 +1,92 @@
+---
+id: 67633b012085337c52b93096
+title: Task 143
+challengeType: 22
+dashedName: task-143
+---
+
+<!-- (audio) Jake: It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's better to ensure our team is BLANK BLANK first.`
+
+## --blanks--
+
+`fully`
+
+### --feedback--
+
+This is an adverb meaning completely or entirely.
+
+---
+
+`prepared`
+
+### --feedback--
+
+This is an adjective meaning ready or equipped to do something.
+
+# --explanation--
+
+`Fully` means completely or entirely. It shows that no part of the task or readiness is incomplete. For example:
+
+`The project was fully reviewed before the deadline.` - This means the review was completed entirely.
+
+`Prepared` means ready or equipped to do something. For example:
+
+`The team is prepared to present their findings.` - This means the team is ready to give the presentation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 53.6,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.84,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
new file mode 100644
index 0000000000..11dbacc17f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
@@ -0,0 +1,111 @@
+---
+id: 67633b85c9f913803fd8591c
+title: Task 144
+challengeType: 19
+dashedName: task-144
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why doesn't Jake want to inform other departments before the training?
+
+## --answers--
+
+Because the team is already prepared.
+
+### --feedback--
+
+Jake does not say the team is already prepared. He talks about the need to prepare them first.
+
+---
+
+Because the other departments don't need the information.
+
+### --feedback--
+
+Jake does not mention that the other departments don't need the information.
+
+---
+
+Because the team needs to be fully prepared first.
+
+---
+
+Because the training is not important.
+
+### --feedback--
+
+Jake does not imply that the training is unimportant. In fact, he emphasizes its importance.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Fully prepared` means completely ready. Jake wants the team to be ready before sharing the information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.2,
+      "finishTime": 6.04,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
new file mode 100644
index 0000000000..94d9f6467b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
@@ -0,0 +1,97 @@
+---
+id: 67633d331eeb858a9803794f
+title: Task 145
+challengeType: 22
+dashedName: task-145
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`going to hold`, `going to need`, `monitor`, `do that after`, `require`, `implement`, and `are you going to`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: I've been looking into our database security, and I think we're BLANK some additional measures to prevent SQL injection attacks.`
+
+`Maria: I agree. We've been noticing some unusual queries in the logs. What BLANK recommend to improve security?`
+
+`Jake: We're going to BLANK parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data.`
+
+`Maria: That sounds like a solid plan. Are we going to BLANK additional training for our developers?`
+
+`Jake: Yes, we're BLANK a session next week to ensure everyone knows how to implement these changes. It's crucial that we all follow best practices.`
+
+`Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do?`
+
+`Jake: We're going to BLANK the database activity more closely. This will help us catch any suspicious patterns early.`
+
+`Maria: Great. I think this is going to make a big difference in our security. Are we going to share this information with other departments?`
+
+`Jake: We'll probably BLANK we've completed the training. It's better to ensure our team is fully prepared first.`
+
+## --blanks--
+
+`going to need`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense and indicates something necessary in the future.
+
+---
+
+`are you going to`
+
+### --feedback--
+
+This question uses the `Future Simple` tense to ask about plans or intentions.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put something into practice or carry out a plan.
+
+---
+
+`require`
+
+### --feedback--
+
+This verb means to need or make something necessary.
+
+---
+
+`going to hold`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense to talk about scheduling or planning an event.
+
+---
+
+`monitor`
+
+### --feedback--
+
+This verb means to watch or check something carefully.
+
+---
+
+`do that after`
+
+### --feedback--
+
+This phrase combines a verb and a preposition to indicate completing one action following another.
+
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
new file mode 100644
index 0000000000..421bf93f13
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
@@ -0,0 +1,72 @@
+---
+id: 67634107b478caa17f37c628
+title: Task 146
+challengeType: 19
+dashedName: task-146
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What is the purpose of the training mentioned in the text?
+
+## --answers--
+
+To improve the team's skills and reduce security risks.
+
+---
+
+To teach the team about project deadlines.
+
+### --feedback--
+
+The text does not mention anything about project deadlines.
+
+---
+
+To explain how to share updates with other departments.
+
+### --feedback--
+
+Sharing updates is mentioned at the end of the training but is not the main purpose of the training.
+
+---
+
+To monitor every department's activity.
+
+### --feedback--
+
+The text focuses on monitoring database activity, not department activity.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The purpose of the training is to improve the team's skills and reduce security risks. Let's break it down:
+
+The text begins with, `To protect our databases from threats like SQL injection attacks`. The preposition `to` introduces the purpose of the entire training. It shows that the main goal is to protect the database from threats.
+
+The next part, `we are going to focus on improving the team's skills`, explains how this purpose will be achieved. By improving their skills, the team will learn methods to address these threats effectively.
+
+The training is described as teaching developers `how to use parameterized queries and follow best practices`. These specific actions connect directly to reducing security risks, which ties back to the purpose stated at the beginning.
+
+By following this structure, you can conclude that the training is focused on improving skills to protect the database, making this the primary purpose of the session.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
new file mode 100644
index 0000000000..2ed677a913
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
@@ -0,0 +1,64 @@
+---
+id: 67634294671bb8ac40e2cc85
+title: Task 147
+challengeType: 19
+dashedName: task-147
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What actions are planned to reduce the risk of SQL injection attacks?
+
+## --answers--
+
+Running full system scans for hidden malware.
+
+### --feedback--
+
+The text does not mention running system scans to prevent SQL injection attacks.
+
+---
+
+Improving database structure with advanced tools.
+
+### --feedback--
+
+The text does not discuss changing the database structure as a preventive measure.
+
+---
+
+Teaching developers to use parameterized queries and follow best practices.
+
+---
+
+Monitoring network activity instead of database activity.
+
+### --feedback--
+
+The text emphasizes monitoring database activity, not network activity.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These two actions are specifically mentioned as ways to reduce the risk of SQL injection attacks. 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
new file mode 100644
index 0000000000..2edbd8fa0a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
@@ -0,0 +1,64 @@
+---
+id: 676342de292eafae91acee29
+title: Task 148
+challengeType: 19
+dashedName: task-148
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+Who is going to participate in the training?
+
+## --answers--
+
+The project managers
+
+### --feedback--
+
+The text does not mention project managers as participants in the training.
+
+---
+
+The developers
+
+---
+
+The IT support team
+
+### --feedback--
+
+The IT support team is not mentioned as part of the training.
+
+---
+
+The clients
+
+### --feedback--
+
+The text does not mention clients participating in the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` This shows that developers are the ones participating in the training.  
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
new file mode 100644
index 0000000000..b2fdce00f2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
@@ -0,0 +1,64 @@
+---
+id: 6763432a8c2ae1b0de0e1fc0
+title: Task 149
+challengeType: 19
+dashedName: task-149
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What will the training teach the team?
+
+## --answers--
+
+How to improve database performance.
+
+### --feedback--
+
+The text does not mention improving database performance as part of the training.
+
+---
+
+How to design new database structures.
+
+### --feedback--
+
+The training does not focus on creating new database structures.
+
+---
+
+How to secure network communications.
+
+### --feedback--
+
+The training focuses on database security, not network communications.
+
+---
+
+How to use parameterized queries and follow best practices.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These are the two specific skills that the training will focus on. 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
index b1682fdb15..b0bcc66654 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-111
 ---
 
-<!-- (audio) Linda: That’s true! You've been integrating UX into your work more than ever before. -->
+<!-- (audio) Linda: That's true! You've been integrating UX into your work more than ever before. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
index ce180fe911..f51c60f446 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-112
 ---
 
-<!-- (audio) Linda: That’s true! You've been integrating UX into your work more than ever before. -->
+<!-- (audio) Linda: That's true! You've been integrating UX into your work more than ever before. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
index 949d86af71..d4b8bda063 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-123
 ---
 
-<!-- (audio) James: I’m happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
+<!-- (audio) James: I'm happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
index 027f1acbbf..4acd87ae3e 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-125
 ---
 
-<!-- (audio) James: I’m happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
+<!-- (audio) James: I'm happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
index 6b57edd965..305ba737ce 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
@@ -17,7 +17,7 @@ Read the text and answer the question below.
 
 Linda posted an update about her team's development process:
 
-`Over the past year, we've been focusing on user feedback more than ever, and it's really changed our approach to development. Instead of just tackling technical issues, we're now looking at everything from the user’s perspective.`
+`Over the past year, we've been focusing on user feedback more than ever, and it's really changed our approach to development. Instead of just tackling technical issues, we're now looking at everything from the user's perspective.`
 
 `Last month, we rolled out a major update inspired by user feedback, and the response has been amazing. Now, rather than just reacting to issues, we're proactively making improvements based on what our users tell us.`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/66609a1199ddd03548c45423.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/66609a1199ddd03548c45423.md
index b36fdab024..dfb4b6379d 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/66609a1199ddd03548c45423.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/66609a1199ddd03548c45423.md
@@ -1,8 +1,8 @@
 ---
 id: 66609a1199ddd03548c45423
-title: "Dialogue 1: I'm Tom"
+title: "Dialogue 1: A Debugging Session Recap"
 challengeType: 21
-dashedName: dialogue-1-im-tom
+dashedName: dialogue-1-a-debugging-session-recap
 ---
 
 # --description--
@@ -17,42 +17,198 @@ Watch the video
 
 ```json
 {
-  "setup": {
-    "background": "chaos.png",
-    "characters": [
-      {
-        "character": "David",
-        "position": {"x":50,"y":80,"z":8},
-        "opacity": 0
-      }
-    ],
-    "audio": {
-      "filename": "1.1-1.mp3",
-      "startTime": 1,
-      "startTimestamp": 5.7,
-      "finishTimestamp": 6.48
-    }
-  },
-  "commands": [
-    {
-      "character": "David",
-      "opacity": 1,
-      "startTime": 0
-    },
-    {
-      "character": "David",
-      "startTime": 1,
-      "finishTime": 0.78,
-      "dialogue": {
-        "text": "I'm Tom.",
-        "align": "center"
-      }
-    },
-    {
-      "character": "Tom",
-      "opacity": 0,
-      "startTime": 1.28
-    }
-  ]
+ "setup": {
+   "background": "interview-room3.png",
+   "characters": [
+     {
+       "character": "Lisa",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "James",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_2-1.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Lisa",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "James",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Lisa",
+     "startTime": 1,
+     "finishTime": 4.04,
+     "dialogue": {
+       "text": "Hey, James. Did you find that bug we were stuck on yesterday?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 4.46,
+     "finishTime": 9.52,
+     "dialogue": {
+       "text": "Yes, I did. It was quite a hunt. First, I checked the recent changes we made to the code.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Lisa",
+     "startTime": 9.86,
+     "finishTime": 10.86,
+     "dialogue": {
+       "text": "What did you find there?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 11.14,
+     "finishTime": 14.86,
+     "dialogue": {
+       "text": "Nothing at first. Then I reviewed the error logs more carefully.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 15.24,
+     "finishTime": 17.12,
+     "dialogue": {
+       "text": "That's when I noticed something odd.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Lisa",
+     "startTime": 17.42,
+     "finishTime": 17.96,
+     "dialogue": {
+       "text": "What was it?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 18.3,
+     "finishTime": 20.78,
+     "dialogue": {
+       "text": "The system wasn't connecting to the database properly.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 21.16,
+     "finishTime": 26.36,
+     "dialogue": {
+       "text": "After that, I realized we didn't update the database credentials after the last security patch.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Lisa",
+     "startTime": 26.86,
+     "finishTime": 29.48,
+     "dialogue": {
+       "text": "Ah, so the credentials were the issue. Did you fix them?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 29.48,
+     "finishTime": 33.78,
+     "dialogue": {
+       "text": "Yes, I updated the credentials and the connection was finally successful.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 34.1,
+     "finishTime": 35.58,
+     "dialogue": {
+       "text": "The app started working again.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Lisa",
+     "startTime": 35.96,
+     "finishTime": 37.94,
+     "dialogue": {
+       "text": "Great job. Wasn't it stressful though?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 38.38,
+     "finishTime": 42.66,
+     "dialogue": {
+       "text": "A bit, but solving problems like these is what makes our job interesting, right?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Lisa",
+     "startTime": 43.22,
+     "finishTime": 45.58,
+     "dialogue": {
+       "text": "Absolutely. Thanks for handling it, James.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Lisa",
+     "startTime": 46.12,
+     "finishTime": 47.82,
+     "dialogue": {
+       "text": "Did anything else come up while you were debugging?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "James",
+     "startTime": 48.3,
+     "finishTime": 52.6,
+     "dialogue": {
+       "text": "Not really. Everything else was running smoothly once the database issue was fixed.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Lisa",
+     "startTime": 53.12,
+     "finishTime": 57,
+     "dialogue": {
+       "text": "Perfect. Let's make sure we double check credentials after security updates in the future.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "James",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.5
+   },
+   {
+     "character": "Lisa",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 58
+   }
+ ]
 }
 ```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
new file mode 100644
index 0000000000..e6326dbc47
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
@@ -0,0 +1,106 @@
+---
+id: 6704f438e6e9120d5a1274c6
+title: Task 1
+challengeType: 19
+dashedName: task-1
+---
+
+<!-- (Audio) Lisa: Hey, James. Did you find that bug we were stuck on yesterday? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does the word `bug` mean in Lisa's question?
+
+## --answers--
+
+A small insect
+
+### --feedback--
+
+In the context of programming, a `bug` refers to an issue, not an insect.
+
+---
+
+A piece of hardware
+
+### --feedback--
+
+A `bug` refers to a software issue, not a physical component.
+
+---
+
+An error or flaw in the code
+
+---
+
+A new feature in the software
+
+### --feedback--
+
+A `bug` is not a feature; it's an unintended issue that needs to be fixed.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+A `bug` is an error, flaw, or fault in a computer program that causes it to produce incorrect or unexpected results. For example:
+
+- `I found a bug in the code.` - You discovered an error in the code.
+
+- `I am fixing a bug.` - You are working on solving a problem in the code.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "Hey, James. Did you find that bug we were stuck on yesterday?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704fbd43885300e4aa221e9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704fbd43885300e4aa221e9.md
new file mode 100644
index 0000000000..1ec4342486
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704fbd43885300e4aa221e9.md
@@ -0,0 +1,92 @@
+---
+id: 6704fbd43885300e4aa221e9
+title: Task 2
+challengeType: 22
+dashedName: task-2
+---
+
+<!-- (Audio) Lisa: Hey, James. Did you find that bug we were stuck on yesterday? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Hey, James. BLANK you BLANK that bug we were stuck on yesterday?`
+
+## --blanks--
+
+`Did`
+
+### --feedback--
+
+This word is used to form a question in the past tense. It's placed before the subject (`you`). Don't forget to capitalize it.
+
+---
+
+`find`
+
+### --feedback--
+
+This word means to locate or discover something, in its base form after `did` in questions.
+
+# --explanation--
+
+The `Simple Past` structure for forming questions starts with `did` + subject + base form of the verb. You use `did` to show the action happened in the past, but keep the main verb (e.g., `find`) in its base form. For example:
+
+- `Did they finish the report on time?` - You want to know if the report was concluded before it was due.
+
+- `Did she call you yesterday?` - You want to know if the person received a call the day before.
+
+In Lisa's question, `did you find` is the question form to ask if James located or identified the `bug` they were working on the day before.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "Hey, James. Did you find that bug we were stuck on yesterday?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704fd952ad2560e9a7ca070.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704fd952ad2560e9a7ca070.md
new file mode 100644
index 0000000000..81fe3a3153
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704fd952ad2560e9a7ca070.md
@@ -0,0 +1,108 @@
+---
+id: 6704fd952ad2560e9a7ca070
+title: Task 3
+challengeType: 19
+dashedName: task-3
+---
+
+<!-- (Audio) Lisa: Hey, James. Did you find that bug we were stuck on yesterday? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does the expression `stuck on` mean in this sentence?
+
+## --answers--
+
+To continuously work on something without any issues.
+
+### --feedback--
+
+While `stuck on` involves working on something, it specifically refers to being unable to make progress.
+
+---
+
+To be unable to solve or make progress on something.
+
+---
+
+To quickly solve a problem.
+
+### --feedback--
+
+`Stuck on` does not mean solving a problem quickly. It refers to facing difficulties or being unable to progress.
+
+---
+
+To ignore a problem.
+
+### --feedback--
+
+`Stuck on` means trying to solve something but being unable to move forward, not ignoring it.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The expression `stuck on` is used when someone is unable to move forward with a task or solve a problem. It suggests being trapped or unable to progress. For example:
+
+- `We were stuck on this code error for hours.` - We could not proceed until that error in the code was found.
+
+- `She got stuck on the final question of the exam.` - She spent a long time on the final question.
+
+In the dialogue, Lisa uses `stuck on` to describe how they were unable to make progress in solving a bug in their work.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "Hey, James. Did you find that bug we were stuck on yesterday?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705055b28e3c20fce27a15c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705055b28e3c20fce27a15c.md
new file mode 100644
index 0000000000..f091e7300b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705055b28e3c20fce27a15c.md
@@ -0,0 +1,92 @@
+---
+id: 6705055b28e3c20fce27a15c
+title: Task 4
+challengeType: 22
+dashedName: task-4
+---
+
+<!-- (Audio) Lisa: Hey, James. Did you find that bug we were stuck on yesterday? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Hey, James. Did you find that bug we were BLANK BLANK yesterday?`
+
+## --blanks--
+
+`stuck`
+
+### --feedback--
+
+This word means unable to move forward or solve a problem.
+
+---
+
+`on`
+
+### --feedback--
+
+This word shows the connection to the problem or task that was causing difficulty.
+
+# --explanation--
+
+The expression `stuck on` is used to describe a situation where someone is unable to make progress or solve an issue. It emphasizes being trapped or halted in a task. For example:
+
+- `I was stuck on that tricky math problem for hours.` - The problem made me waste a long time.
+
+- `We got stuck on deciding the best solution to the project's issues.` - We did not know the best solution and it took us a long time to find it.
+
+In this sentence, Lisa is referring to a bug they couldn't solve or fix the day before.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "Hey, James. Did you find that bug we were stuck on yesterday?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050a8becee6d10619fa5ff.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050a8becee6d10619fa5ff.md
new file mode 100644
index 0000000000..4aade2cd2a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050a8becee6d10619fa5ff.md
@@ -0,0 +1,92 @@
+---
+id: 67050a8becee6d10619fa5ff
+title: Task 5
+challengeType: 19
+dashedName: task-5
+---
+
+<!-- (Audio) Lisa: Hey, James. Did you find that bug we were stuck on yesterday? --> 
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could James tell Lisa that he found the bug using a very short answer to say it?
+
+## --answers--
+
+`Yes, I found it.`
+
+### --feedback--
+
+Short answers to questions that involve the `Simple Past` normally are `Yes,` + person + `did.` for affirmatives or `No,` + person + `didn't.` for negatives.
+
+---
+
+`Yes, I did.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+When giving short answers to a question directed to you about something you did or did not do in the past, use `Yes, I did.` or `No, I didn't` to answer to them briefly. For example:
+
+- `Did you buy that car you wanted? No, I didn't.` - This means you did not buy the car.
+
+- `Did you pass the English test? Yes, I did` - This means you passed the test.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "Hey, James. Did you find that bug we were stuck on yesterday?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
new file mode 100644
index 0000000000..0cebfd16c3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
@@ -0,0 +1,84 @@
+---
+id: 67050fd29a37de112051064b
+title: Task 6
+challengeType: 22
+dashedName: task-6
+---
+
+<!-- (Audio) James: Yes, I did. It was quite a hunt. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, I BLANK. It was quite a hunt.`
+
+## --blanks--
+
+`did`
+
+### --feedback--
+
+This word is used in short answers to confirm or emphasize an action in the past.
+
+# --explanation--
+
+Short answers in the `Simple Past` often use the auxiliary verb `did` to confirm or deny an action. This structure avoids repeating the full sentence while maintaining clarity. For example:
+
+Question: `Did you finish the project?` Short answer: `Yes, I did.`
+
+Question: `Did they call you back?` Short answer: `No, they didn't.`
+
+In the dialogue, James uses `Yes, I did` to confirm that he found the bug Lisa asked about.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.26,
+      "finishTimestamp": 5.34
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 3.08,
+      "dialogue": {
+        "text": "Yes, I did. It was quite a hunt.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.58
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670515561e620a11f2d7308c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670515561e620a11f2d7308c.md
new file mode 100644
index 0000000000..c561e52141
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670515561e620a11f2d7308c.md
@@ -0,0 +1,113 @@
+---
+id: 670515561e620a11f2d7308c
+title: Task 7
+challengeType: 19
+dashedName: task-7
+---
+
+<!-- (Audio) James: Yes, I did. It was quite a hunt. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is the meaning of `quite a hunt` in James's answer?
+
+## --answers--
+
+It means a fast and easy search for something.
+
+### --feedback--
+
+`Quite a hunt` suggests difficulty, not an easy search.
+
+---
+
+It refers to an actual hunting activity, like searching for animals.
+
+### --feedback--
+
+The word `hunt` is used figuratively here, meaning a search for something.
+
+---
+
+It refers to a challenging or difficult search for something.
+
+---
+
+It means the bug was already fixed without any effort.
+
+### --feedback--
+
+`Quite a hunt` emphasizes that finding the bug required significant effort.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+In this context, the word `hunt` is used figuratively to describe a focused search for something difficult to find. For example:
+
+- `It was a real hunt to track down that missing file.` - Finding the missing file was difficult.
+
+- `Finding the right apartment in the city was quite a hunt.` - We looked everywhere until we found the right apartment for us in this city.
+
+The expression `quite a/an` + noun is used to emphasize something as impressive, intense, or remarkable. For example:
+
+- `That was quite a show!` - This sentence emphasizes how impressive the show was.
+- `She gave quite an explanation.` - This sentence emphasizes that the explanation was thorough or detailed.
+
+Here, `quite a hunt` highlights that the search for the bug was challenging, intense, and significant.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.26,
+      "finishTimestamp": 5.34
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 3.08,
+      "dialogue": {
+        "text": "Yes, I did. It was quite a hunt.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.58
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705177d1d3dbb124955a397.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705177d1d3dbb124955a397.md
new file mode 100644
index 0000000000..146f720231
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705177d1d3dbb124955a397.md
@@ -0,0 +1,94 @@
+---
+id: 6705177d1d3dbb124955a397
+title: Task 8
+challengeType: 22
+dashedName: task-8
+---
+
+<!-- (Audio) James: First, I checked the recent changes we made to the code. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK, I checked the BLANK changes we made to the code.`
+
+## --blanks--
+
+`First`
+
+### --feedback--
+
+This word is used to indicate the initial step or action in a sequence. As it is the first word in a sentence, do not forget to capitalize it.
+
+---
+
+`recent`
+
+### --feedback--
+
+This word describes something that happened or was made not long ago.
+
+# --explanation--
+
+In this sentence, `first` is used to show the initial action James took to debug the code. It indicates the start of a sequence of steps. Other examples of this usage include:
+
+- `First, we need to set up the database.` - This means setting up the database is the initial step.
+
+- `First, I turned on the computer.` - This means that before working on the computer, the initial thing I did was to turn it on.
+
+The word `recent` refers to something that happened or was made not long ago. It describes changes to the code that were made shortly before the bug was discovered. Another example:
+
+`The team discussed the most recent updates to the project.` - The updates that were talked about by the team were only the ones made in the last few days.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 5.5,
+      "finishTimestamp": 8.52
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 4.02,
+      "dialogue": {
+        "text": "First, I checked the recent changes we made to the code.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 4.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670518bd8ec6f012af235433.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670518bd8ec6f012af235433.md
new file mode 100644
index 0000000000..283565a56e
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670518bd8ec6f012af235433.md
@@ -0,0 +1,96 @@
+---
+id: 670518bd8ec6f012af235433
+title: Task 9
+challengeType: 22
+dashedName: task-9
+---
+
+<!-- (Audio) James: First, I checked the recent changes we made to the code. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`First, I BLANK the recent changes we BLANK to the code.`
+
+## --blanks--
+
+`checked`
+
+### --feedback--
+
+This is the `Simple Past` form of the regular verb `check`, formed by adding `-ed` to the base verb.
+
+---
+
+`made`
+
+### --feedback--
+
+This is the `Simple Past` form of the irregular verb `make`, which does not follow the regular `-ed` pattern.
+
+# --explanation--
+
+You use the `Simple Past` tense in affirmative sentences when you want to talk about completed actions at a moment in the past.
+
+In the `Simple Past`, regular verbs like `check` are formed by adding `-ed` to the base verb. Irregular verbs, such as `make`, have unique forms that do not follow this rule. In James's sentence:
+
+`Checked` is the past form of the regular verb `check`, indicating an action that was completed in the past. For example:
+
+`He checked his email before the meeting.` - He looked at the e-mails at a moment in the past prior to the meeting.
+
+`Made` is the past form of the irregular verb `make`, indicating something that was created or done in the past. For example:
+
+`She made a list of items to buy.` - She created a list of what she wanted to buy before going to the store.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 5.5,
+      "finishTimestamp": 8.52
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 4.02,
+      "dialogue": {
+        "text": "First, I checked the recent changes we made to the code.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 4.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
new file mode 100644
index 0000000000..6b3c747577
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
@@ -0,0 +1,114 @@
+---
+id: 67051b185149b6130426a9ad
+title: Task 10
+challengeType: 19
+dashedName: task-10
+---
+
+<!-- (Audio) Lisa: What did you find there? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Lisa want to know?
+
+## --answers--
+
+Why James found the bug.
+
+### --feedback--
+
+Lisa's question focuses on what James discovered, not on the reason for that.
+
+---
+
+When James found the bug.
+
+### --feedback--
+
+Lisa's question is not related to time. It's about what James found.
+
+---
+
+How James fixed the bug.
+
+### --feedback--
+
+Lisa isn't asking about the method or solution. She's asking for the result of James's search.
+
+---
+
+What James discovered.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the `Simple Past`, questions may start with a question word (e.g., `what`, `where`, `how`, `who`) using the following structure:
+
+**Question word + `did` + subject + base verb.**
+
+Lisa's question, `What did you find there?`, uses `what` to ask for specific information about the result of James's actions. Other examples include:
+
+- `Where did you go yesterday?` - You are asking about a location.
+
+- `How did they solve the problem?` - You are asking about a method.
+
+- `Who did you call last night?` - You are asking about a person.
+
+In the dialog, Lisa is asking about James's discovery while searching for the bug.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 8.86,
+      "finishTimestamp": 9.96
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2.1,
+      "dialogue": {
+        "text": "What did you find there?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 2.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
new file mode 100644
index 0000000000..9019a032fa
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
@@ -0,0 +1,148 @@
+---
+id: 67053619dd65bd1459449bf0
+title: Task 11
+challengeType: 19
+dashedName: task-11
+---
+
+<!-- (Audio) Lisa: What did you find there? James: Nothing at first. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did James discover initially?
+
+## --answers--
+
+He discovered nothing.
+
+---
+
+He discovered something.
+
+### --feedback--
+
+The expression James says doesn't say that he found something.
+
+---
+
+He found everything immediately.
+
+### --feedback--
+
+What James says contradicts the idea that he found everything.
+
+---
+
+He didn't look for anything.
+
+### --feedback--
+
+He was actually searching for something.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+James uses the word `nothing`, which indicates the absence of any discovery. For example:
+
+- `She found nothing unusual in the report.` -The report had the usual characteristics.
+
+- `We saw nothing strange during the test.` - It was a pretty common test.
+
+In contrast, in negative sentences, you'll use `anything` instead of `nothing`. For example:
+
+- Affirmative: `He found nothing.` - There were no discoveries.
+
+- Negative: `He didn't find anything.` - There were no discoveries.
+
+Notice that, in negative sentences and in questions with `did`, the main verb (in this case, `find`) is in its base form. The auxiliary verb `did` is what shows that this sentence is in the past tense. For example:
+
+- `They didn't find anything wrong with the program.` - Not finding anything was in the past.
+
+- `I didn't see anything unusual during the presentation.` - Nothing unusual was seen in the presentation that happened in the past.
+
+This structure helps avoid double negatives. James's answer, `Nothing at first`, reflects an affirmative sentence emphasizing that he couldn't find anything when he began his search.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 8.86,
+      "finishTimestamp": 11.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2,
+      "dialogue": {
+        "text": "What did you find there?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 2.14
+    },
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 2.14
+    },
+    {
+      "character": "James",
+      "startTime": 2.28,
+      "finishTime": 3.18,
+      "dialogue": {
+        "text": "Nothing at first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670538f8565fb514ddf24b85.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670538f8565fb514ddf24b85.md
new file mode 100644
index 0000000000..55fb293609
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670538f8565fb514ddf24b85.md
@@ -0,0 +1,92 @@
+---
+id: 670538f8565fb514ddf24b85
+title: Task 12
+challengeType: 22
+dashedName: task-12
+---
+
+<!-- (Audio) James: Then I reviewed the error logs more carefully. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK I reviewed the error logs more carefully.`
+
+## --blanks--
+
+`Then`
+
+### --feedback--
+
+This word is used to show the next step in a sequence of actions. It's in the beginning of the sentence, so don't forget to capitalize it.
+
+# --explanation--
+
+`Then` is used to indicate the next action in a sequence of events. It shows what happens after something else. For example:
+
+- `I turned on the computer, and then I opened my email.` - You only opened the email after turning on the computer.
+
+- `We fixed the bug, then we tested the application again.` - They only tested the application again after fixing the bug.
+
+In James's sentence, he uses `then` to explain the next action he took after checking the recent changes made to the code.
+
+Other words and phrases that can be used with the same meaning as `then` in this context are `after that` and `next`. For example:
+
+- `I checked the updates. After that, I started debugging.`
+
+- `I reviewed the requirements. Next, I shared my thoughts with the team.`.
+
+These words help structure descriptions of actions in chronological order.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 11.3,
+      "finishTimestamp": 13.86
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Then I reviewed the error logs more carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053b9fe0a27715979bee1b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053b9fe0a27715979bee1b.md
new file mode 100644
index 0000000000..c0c28e490c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053b9fe0a27715979bee1b.md
@@ -0,0 +1,94 @@
+---
+id: 67053b9fe0a27715979bee1b
+title: Task 13
+challengeType: 22
+dashedName: task-13
+---
+
+<!-- (Audio) James: Then I reviewed the error logs more carefully. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Then I reviewed the BLANK BLANK more carefully.`
+
+## --blanks--
+
+`error`
+
+### --feedback--
+
+This word refers to mistakes or problems in a system or program.
+
+---
+
+`logs`
+
+### --feedback--
+
+This word refers to records or detailed reports of events or actions in a system.
+
+# --explanation--
+
+`Logs` generally means records or reports that document events, actions, or data over time. `Logs` are often used in technical contexts to track system activity. For example:
+
+`The server logs showed multiple login attempts.` - There is a record in the server of attempts of logging into it.
+
+`Error logs` specifically refer to records of system or application errors. These logs help identify issues by providing detailed information about what went wrong and when. For example:
+
+`The error logs revealed that the application crashed due to a missing file.` - In the record of issues or problems, you can see a missing file was the cause for the crash.
+
+In James's sentence, he refers to checking the `error logs` carefully to identify the source of a problem. These logs are essential for troubleshooting in programming.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 11.3,
+      "finishTimestamp": 13.86
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Then I reviewed the error logs more carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053ea535fe23160e6b29c1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053ea535fe23160e6b29c1.md
new file mode 100644
index 0000000000..921e911605
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053ea535fe23160e6b29c1.md
@@ -0,0 +1,96 @@
+---
+id: 67053ea535fe23160e6b29c1
+title: Task 14
+challengeType: 22
+dashedName: task-14
+---
+
+<!-- (Audio) James: Then I reviewed the error logs more carefully. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Then I reviewed the error logs BLANK BLANK.`
+
+## --blanks--
+
+`more`
+
+### --feedback--
+
+This word is used to indicate a higher degree or intensity.
+
+---
+
+`carefully`
+
+### --feedback--
+
+This word is an adverb that describes how the action was performed, with care.
+
+# --explanation--
+
+`More carefully` uses `more` to intensify the adverb `carefully`, which describes the way James reviewed the error logs. Adverbs like `carefully` modify verbs, showing how an action is performed.
+
+If you compare `more careful` and `more carefully`, the difference is in the fact that `more careful` is an adjective phrase describing a noun (person, place, or thing). For example:
+
+`She was more careful with her calculations.` - Here, `more careful` describes the subject/person, `she`.
+
+`More carefully` is an adverb phrase, which describes how the action is performed. For example:
+
+`She checked her calculations more carefully.` - It describes how the calculations were `checked` - in other words, it describes the action of `checking`, not the person who `checks`.
+
+In James's sentence, `more carefully` explains that James increased the level of attention or detail in the reviewing of the logs. It describes the review, not James.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 11.3,
+      "finishTimestamp": 13.86
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Then I reviewed the error logs more carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
new file mode 100644
index 0000000000..af24cbccb4
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
@@ -0,0 +1,116 @@
+---
+id: 67053faa1471c916446ad615
+title: Task 15
+challengeType: 19
+dashedName: task-15
+---
+
+<!-- (Audio) James: That's when I noticed something odd. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did James discover when reviewing the error logs?
+
+## --answers--
+
+He didn't discover anything.
+
+### --feedback--
+
+James explicitly states that he noticed `something`, meaning he found something.
+
+---
+
+He discovered something.
+
+---
+
+He discovered a common mistake.
+
+### --feedback--
+
+James mentions finding `something odd`. `Odd` is different from `common`.
+
+---
+
+He didn't look for anything.
+
+### --feedback--
+
+James was actively investigating and found something during his review.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Something` is used in affirmative sentences to indicate that a thing exists or happened. For example:
+
+- `He found something unusual in the logs.` - He discovered that the logs had a different thing from the usual.
+
+- `She noticed something during the meeting.` - One particular thing drew her attention during the meeting.
+
+In contrast, `anything` is used in negative sentences or questions. For example:
+
+- Negative: `He didn't find anything in the logs.` - The logs did not help him understand the problem.
+
+- Question: `Did she notice anything during the meeting?` - You are asking if she was able to see something during the meeting.
+
+In negative sentences with `did not` or `didn't`, the main verb remains in its base form (`find`, `notice` etc.), and `anything` is used instead of `something`.
+
+Here, James says, `That's when I noticed something odd`, meaning he found something during his review process.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.24,
+      "finishTimestamp": 16.12
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "That's when I noticed something odd.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670541bdd115c71686a398c3.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670541bdd115c71686a398c3.md
new file mode 100644
index 0000000000..467d8d263f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670541bdd115c71686a398c3.md
@@ -0,0 +1,84 @@
+---
+id: 670541bdd115c71686a398c3
+title: Task 16
+challengeType: 22
+dashedName: task-16
+---
+
+<!-- (Audio) James: That's when I noticed something odd. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That's when I noticed something BLANK.`
+
+## --blanks--
+
+`odd`
+
+### --feedback--
+
+This word means strange or unusual.
+
+# --explanation--
+
+`Odd` is used to describe something that is unusual, strange, or unexpected. It often refers to something that does not fit the norm or is out of the ordinary. For example:
+
+- `The system showed an odd behavior during the test.` - Meaning the system acted different from the normal.
+
+- `I saw an odd pattern in the data.` - Meaning the pattern in the data was different.
+
+In James's sentence, he uses `odd` to describe something he noticed that seemed strange or unexpected while reviewing the logs.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.24,
+      "finishTimestamp": 16.12
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "That's when I noticed something odd.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705425a4b3df216cb6de9a7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705425a4b3df216cb6de9a7.md
new file mode 100644
index 0000000000..0dee3f856f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705425a4b3df216cb6de9a7.md
@@ -0,0 +1,94 @@
+---
+id: 6705425a4b3df216cb6de9a7
+title: Task 17
+challengeType: 19
+dashedName: task-17
+---
+
+<!-- (Audio) James: That's when I noticed something odd. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could Lisa ask **in a short way** about James's discovery in the error logs?
+
+## --answers--
+
+`What was the odd thing that you found when you were reviewing the error logs?`
+
+### --feedback--
+
+Even though this is exactly what she wants to know, it is not a short question.
+
+---
+
+`What was it?`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+James talks about `something odd`. Lisa asks him to identify what this odd thing (`it`) was by asking `What was it?`. `Was` is used because it is a singular thing (`something odd`) and it was found in the past, when James reviewed the error logs.
+
+Remember that, in questions, you normally invert verb and subject, so `it was` becomes `was it`. For example:
+
+- `It was fun!` - You're saying you liked an activity.
+
+- `Was it fun?` - You're asking the other person if they liked it.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.24,
+      "finishTimestamp": 16.12
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "That's when I noticed something odd.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
new file mode 100644
index 0000000000..a2124d76af
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
@@ -0,0 +1,142 @@
+---
+id: 6705442e6a6ebf1725bc8e1f
+title: Task 18
+challengeType: 19
+dashedName: task-18
+---
+
+<!-- (Audio) James: That's when I noticed something odd. Lisa: What was it? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Lisa want to know?
+
+## --answers--
+
+She wants to know where it was.
+
+### --feedback--
+
+Lisa's question is not about the location of the problem, but about what James noticed.
+
+---
+
+She wants to know what it was.
+
+---
+
+She wants to know when it happened.
+
+### --feedback--
+
+Lisa's question is not about time. It's about identifying the odd thing.
+
+---
+
+She wants to know why it was odd.
+
+### --feedback--
+
+Lisa's question focuses on what the odd thing was, not about why James thought it was odd.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The verb `to be` in the `Simple Past` is used to describe or ask about states or characteristics in the past. The forms are `was` (singular) and `were` (plural). For example:
+
+- Affirmative: `The meeting was productive.` - You had a good opinion about the meeting
+
+- Negative: `The meeting wasn't productive.` - Your opinion about the meeting was that it was a waste of time.
+
+In questions, the verb `to be` and the subject are inverted. For example:
+
+- Affirmative sentence: `It was a bug.` - You're confirming the presence of a bug in the code.
+
+- Question: `Was it a bug?` - You want to know if it was a bug. Notice `was` goes before `it` here.
+
+In this dialogue, Lisa asks `What was it?` to ask James to identify what the `something odd` that he noticed was.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.24,
+      "finishTimestamp": 16.96
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "That's when I noticed something odd.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.03
+    },
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 3.03
+    },
+    {
+      "character": "Lisa",
+      "startTime": 3.18,
+      "finishTime": 3.72,
+      "dialogue": {
+        "text": "What was it?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
new file mode 100644
index 0000000000..771ccd9100
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
@@ -0,0 +1,108 @@
+---
+id: 6705573e13b1211820a3ac67
+title: Task 19
+challengeType: 19
+dashedName: task-19
+---
+
+<!-- (Audio) James: The system wasn't connecting to the database properly. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did James find in the error logs?
+
+## --answers--
+
+The system was connecting to many databases at the same time.
+
+### --feedback--
+
+James states that the system wasn't connecting properly to the database. There is no mention of more than one database in the sentence.
+
+---
+
+The system was turned off.
+
+### --feedback--
+
+James didn't mention that the system was off. The issue was with its connection to the database.
+
+---
+
+The system wasn't connecting to the database properly.
+
+---
+
+There were no errors in the system.
+
+### --feedback--
+
+James found an error: the system wasn't connecting to the database.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The negative form of the verb `to be` in the `Simple Past` tense is `was not` or `wasn't` for singular subjects, and `were not` or `weren't` for plural subjects. It is used to describe something that did not happen or was not true. For example:
+
+- Singular: `The code wasn't running as expected.` - An issue was happening with the code.
+
+- Plural: `The changes weren't implemented correctly.` - Errors in the implementation caused the bugs.
+
+In James's sentence, he uses `wasn't` to explain that the system was failing to connect to the database. Negative sentences with `wasn't` or `weren't` indicate what did not occur or work as you might expect.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.3,
+      "finishTimestamp": 19.78
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "The system wasn't connecting to the database properly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
new file mode 100644
index 0000000000..d3012ef7e2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
@@ -0,0 +1,84 @@
+---
+id: 67055872382df21871200427
+title: Task 20
+challengeType: 22
+dashedName: task-20
+---
+
+<!-- (Audio) James: The system wasn't connecting to the database properly. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The system wasn't connecting to the database BLANK.`
+
+## --blanks--
+
+`properly`
+
+### --feedback--
+
+This word means in the correct or appropriate way.
+
+# --explanation--
+
+`Properly` is the adverb form of the adjective `proper`. Both words can express doing something in the correct or suitable manner, but their usage differs depending on the sentence structure. For example:
+
+- `The application didn't function properly after the update.` - This means the updates brought errors to the code. The adverb `properly` modifies the verb `function`.
+
+- `This wasn't a proper configuration of the database.` - The adjective `proper` describes the noun `configuration`.
+
+Here, James uses `properly` to describe that the system wasn't connecting to the database in the correct way.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.3,
+      "finishTimestamp": 19.78
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "The system wasn't connecting to the database properly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055c02b6774a18f8f7186f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055c02b6774a18f8f7186f.md
new file mode 100644
index 0000000000..2a544ee3ca
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055c02b6774a18f8f7186f.md
@@ -0,0 +1,98 @@
+---
+id: 67055c02b6774a18f8f7186f
+title: Task 21
+challengeType: 22
+dashedName: task-21
+---
+
+<!-- (Audio) James: After that, I realized we didn't update the database credentials after the last security patch. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`After that, I realized we didn't update the database BLANK after the last security BLANK.`
+
+## --blanks--
+
+`credentials`
+
+### --feedback--
+
+This word refers to the username, password, or other information required to access a system.
+
+---
+
+`patch`
+
+### --feedback--
+
+This word refers to an update or fix applied to software or a system, often for security purposes.
+
+# --explanation--
+
+`Credentials` refers to information such as usernames, passwords, or keys that allow a user or system to access another system or resource. For example:
+
+- `Please enter your credentials to log in to the server.` - meaning you should insert your information to access the server.
+
+- `The credentials were incorrect, so the login failed.` - meaning the information you inserted is different from the one the system has in its database.
+
+A `patch` is an update or fix applied to software or systems to correct issues, improve functionality, or enhance security. For example:
+
+- `The developers released a patch to fix the bug.` - meaning they fixed the bug through an update to the system.
+
+- `Make sure to apply the latest security patch to protect your system.` - meaning the last security update will be able to protect your system better.
+
+Here, James explains that the issue was caused by forgetting to update the database `credentials` after applying a security `patch`.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.16,
+      "finishTimestamp": 25.36
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 6.2,
+      "dialogue": {
+        "text": "After that, I realized we didn't update the database credentials after the last security patch.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 6.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055d274231051940d0c8ea.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055d274231051940d0c8ea.md
new file mode 100644
index 0000000000..0bad385235
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055d274231051940d0c8ea.md
@@ -0,0 +1,94 @@
+---
+id: 67055d274231051940d0c8ea
+title: Task 22
+challengeType: 22
+dashedName: task-22
+---
+
+<!-- (Audio) James: After that, I realized we didn't update the database credentials after the last security patch. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK BLANK, I realized we didn't update the database credentials after the last security patch.`
+
+## --blanks--
+
+`After`
+
+### --feedback--
+
+The opposite of `before`. Capitalize it as it is in the beginning of a sentence.
+
+---
+
+`that`
+
+### --feedback--
+
+Demonstrative pronoun used when something is more distant from the speaker. When something is close to the speaker, you can use `this`.
+
+# --explanation--
+
+`After that` is used to show the order of events, meaning the next action or event followed something that happened previously. It helps organize actions in chronological order. For example:
+
+- `We finished the code review. After that, we started debugging.` - First, they reviewed the code. Then, they debugged it.
+
+- `He submitted the report. After that, he took a short break.` - First, he submitted the report. Then, he rested.
+
+`After that` is similar in meaning to expressions like `then` or `next`, but it specifically emphasizes that one action follows another in time.
+
+Here, James uses `after that` to indicate that realizing what the credentials issue was came after another action in the debugging process.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.16,
+      "finishTimestamp": 25.36
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 6.2,
+      "dialogue": {
+        "text": "After that, I realized we didn't update the database credentials after the last security patch.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 6.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055f5c9bdb8e1999102827.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055f5c9bdb8e1999102827.md
new file mode 100644
index 0000000000..271d3441ce
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055f5c9bdb8e1999102827.md
@@ -0,0 +1,120 @@
+---
+id: 67055f5c9bdb8e1999102827
+title: Task 23
+challengeType: 19
+dashedName: task-23
+---
+
+<!-- (Audio) James: I realized we didn't update the database credentials after the last security patch. Lisa: Ah, so the credentials were the issue. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+After these lines, Lisa then asks James if he solved the problem. How could she ask that **in a brief way**?
+
+## --answers--
+
+`Did you fix the credentials that were causing the issue?`
+
+### --feedback--
+
+That is indeed what she wants to know, but she asks a much shorter question than this one.
+
+---
+
+`Did you fix them?`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+When talking about something you already mentioned before, you can use `it` to replace it if it is a singular noun or `them` if it is a plural noun to avoid repetition. For example:
+
+- `You were looking for a car to buy. Did you buy it?` - `It` is used instead of `the car` in the question.
+
+- `How were your tests last week? Did you do well on all of them?` - `Them` replaces `your tests` here.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.88,
+      "finishTimestamp": 27.62
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 5.48,
+      "dialogue": {
+        "text": "I realized we didn't update the database credentials after the last security patch.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 5.73
+    },
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 5.73
+    },
+    {
+      "character": "Lisa",
+      "startTime": 5.98,
+      "finishTime": 7.74,
+      "dialogue": {
+        "text": "Ah, so the credentials were the issue.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 8.24
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
new file mode 100644
index 0000000000..30101291fb
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
@@ -0,0 +1,114 @@
+---
+id: 6705605c7fb8f619e0068634
+title: Task 24
+challengeType: 19
+dashedName: task-24
+---
+
+<!-- (Audio) Lisa: Ah, so the credentials were the issue. Did you fix them? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Lisa asking James about?
+
+## --answers--
+
+She is asking if James fixed the credentials.
+
+---
+
+She is asking if the credentials caused the issue.
+
+### --feedback--
+
+Lisa already understands that the credentials were the problem. She is asking if James fixed them.
+
+---
+
+She is asking if James fixed the database.
+
+### --feedback--
+
+Lisa's question specifically refers to the credentials, not to the database as a whole.
+
+---
+
+She is asking if there are more issues.
+
+### --feedback--
+
+Lisa's question focuses on whether James fixed the credentials.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Issue` in this context means a problem or difficulty that needs to be solved. In the sentence, it refers to the database credentials being incorrect. For example:
+
+- `There was an issue with the system configuration.` - The problem was related to the configuration of the system.
+
+- `The main issue was a missing file.` - The problem was caused by a file not being where it should be.
+
+`Them` is a pronoun used to replace plural nouns already mentioned. In Lisa's question, `them` refers to the `credentials`. For example:
+
+- `The files were corrupted. Did you fix them?` - `them` refers to the files.
+
+- `The permissions were incorrect. I updated them this morning.` - `them` refers to the permissions.
+
+Lisa's question asks if James fixed the credentials.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.86,
+      "finishTimestamp": 28.48
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "Ah, so the credentials were the issue. Did you fix them?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.12
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
new file mode 100644
index 0000000000..3c649d9faf
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
@@ -0,0 +1,117 @@
+---
+id: 670561a8af3d901a431549fe
+title: Task 25
+challengeType: 19
+dashedName: task-25
+---
+
+<!-- (Audio) James: Yes, I updated the credentials and the connection was finally successful. The app started working again. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What was necessary to make the app work again?
+
+## --answers--
+
+Restarting the app.
+
+### --feedback--
+
+James doesn't mention restarting the app as the solution. He says updating the credentials was necessary.
+
+---
+
+Fixing the database server.
+
+### --feedback--
+
+James mentions updating the credentials, not fixing the server, as the key to solving the issue.
+
+---
+
+Updating the credentials.
+
+---
+
+Reinstalling the app.
+
+### --feedback--
+
+James says updating the credentials solved the issue, not reinstalling the app.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Successful` means achieving the desired result or goal. In this context, James says the connection was `successful`, meaning the database connection worked correctly after updating the credentials. For example:
+
+- `The team completed a successful deployment yesterday.` - meaning the deployment finished with good results.
+
+- `Her solution to the problem was successful and saved a lot of time.` - meaning she found a good solution to the problem.
+
+In James's case, updating the credentials to make a successful connection to the database was necessary for the app to start working again.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 28.48,
+      "finishTimestamp": 34.58
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 5.3,
+      "dialogue": {
+        "text": "Yes, I updated the credentials and the connection was finally successful.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "startTime": 5.62,
+      "finishTime": 7.1,
+      "dialogue": {
+        "text": "The app started working again.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 7.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670562a2aa92081a89ba77f6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670562a2aa92081a89ba77f6.md
new file mode 100644
index 0000000000..f9c2b9d940
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670562a2aa92081a89ba77f6.md
@@ -0,0 +1,113 @@
+---
+id: 670562a2aa92081a89ba77f6
+title: Task 26
+challengeType: 22
+dashedName: task-26
+---
+
+<!-- (Audio) James: Yes, I updated the credentials and the connection was finally successful. The app started working again. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, I BLANK the credentials and the connection BLANK finally successful. The app BLANK working again.`
+
+## --blanks--
+
+`updated`
+
+### --feedback--
+
+This is the `Simple Past` form of the regular verb `update`, created by adding `-ed` to the base verb.
+
+---
+
+`was`
+
+### --feedback--
+
+This is the `Simple Past` form of the verb `to be`, used here to describe the state of the connection.
+
+---
+
+`started`
+
+### --feedback--
+
+This is the `Simple Past` form of the regular verb `start`, created by adding `-ed` to the base verb.
+
+# --explanation--
+
+Affirmative sentences in the `Simple Past` follow specific rules:
+
+For the verb `to be`, the forms are `was` (singular) and `were` (plural). These forms are used without auxiliary verbs. For example:
+
+- `The project was successful.` - This means the project brought good results.
+
+- `They were happy with the results.` - this represents how `they` felt about the results of the project.
+
+Regular verbs in the Simple Past are formed by adding `-ed` to the base verb. For example:
+
+- `I worked on the project yesterday.` - You add `-ed` to the base form of the verb `work` to say that the action happened in a moment in the past.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 28.48,
+      "finishTimestamp": 34.58
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 5.3,
+      "dialogue": {
+        "text": "Yes, I updated the credentials and the connection was finally successful.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "startTime": 5.62,
+      "finishTime": 7.1,
+      "dialogue": {
+        "text": "The app started working again.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 7.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705638c3791881aed186e9d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705638c3791881aed186e9d.md
new file mode 100644
index 0000000000..a9c803c3d8
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705638c3791881aed186e9d.md
@@ -0,0 +1,90 @@
+---
+id: 6705638c3791881aed186e9d
+title: Task 27
+challengeType: 19
+dashedName: task-27
+---
+
+<!-- (Audio) James: The app started working again. -->
+
+<!-- SPEAKING --> 
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How can Lisa congratulate James **in a brief way** to make him know she is happy with the results?
+
+## --answers--
+
+`Congratulations on a job well done. I'm really happy to know you solved this issue.`
+
+### --feedback--
+
+That is the idea. However, Lisa could say that in a much shorter form.
+
+---
+
+`Great job.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Great job` can be used to tell someone you are satisfied with their effort or achievement. It expresses appreciation and acknowledgment of their success. For example:
+
+Kid: `Mom, I finished all my homework!` Mother: `Great job.`
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.9,
+      "finishTimestamp": 34.58
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 2.68,
+      "dialogue": {
+        "text": "The app started working again.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 3.18
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
new file mode 100644
index 0000000000..5b08edcaf8
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
@@ -0,0 +1,134 @@
+---
+id: 670564e883b7911b4ec31e29
+title: Task 28
+challengeType: 19
+dashedName: task-28
+---
+
+<!-- (Audio) James: The app started working again. Lisa: Great job. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What can you conclude based on Lisa's comment?
+
+## --answers--
+
+She is telling James the app is broken.
+
+### --feedback--
+
+Lisa's comment intends to praise James for fixing the app, not to criticize him.
+
+---
+
+She is praising James for his effort.
+
+---
+
+She is asking James to work faster.
+
+### --feedback--
+
+Lisa's comment is about appreciating James's work, not asking for speed.
+
+---
+
+She is unsure if the app is working.
+
+### --feedback--
+
+Lisa's comment shows that she is confident in James's success and appreciates his work.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The phrase `Great job` is used to praise or compliment someone for their effort or achievement. It expresses appreciation and acknowledgment of their success. For example:
+
+`You fixed the bug in record time. Great job!` - meaning you think it is great that the other person fixed the bug so fast.
+
+Lisa's use of `Great job` in the dialogue reflects her recognition of James's effort in solving the problem and getting the app working again.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.9,
+      "finishTimestamp": 35.52
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 2.68,
+      "dialogue": {
+        "text": "The app started working again.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 2.87
+    },
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 2.87
+    },
+    {
+      "character": "Lisa",
+      "startTime": 3.06,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "Great job.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 4.12
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056697de96ba1ba012eb44.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056697de96ba1ba012eb44.md
new file mode 100644
index 0000000000..60e30e466f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056697de96ba1ba012eb44.md
@@ -0,0 +1,60 @@
+---
+id: 67056697de96ba1ba012eb44
+title: Task 42
+challengeType: 22
+dashedName: task-42
+---
+
+# --instructions--
+
+Fill each blank with one of the following words to add the correct sequential linkers to the text below: `After`, `Finally`, `First`, or `Then`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK, James checked the code for recent changes. BLANK, he reviewed the error logs more carefully. BLANK that, he found the bug in the database credentials. BLANK, he updated the credentials, and the app worked again.`
+
+## --blanks--
+
+`First`
+
+### --feedback--
+
+James' initial action was checking the code. The first letter is capitalized.
+
+---
+
+`Then`
+
+### --feedback--
+
+This linker indicates the immediate next action, which was reviewing the error logs. The first letter is capitalized.
+
+---
+
+`After`
+
+### --feedback--
+
+This word combined with the following makes a linker that correctly introduces a step with more separation, when James found the bug in the credentials. The first letter is capitalized.
+
+---
+
+`Finally`
+
+### --feedback--
+
+This linker indicates that updating the credentials was the last step in solving the issue. The first letter is capitalized.
+
+# --explanation--
+
+Sequential linkers like `first`, `then`, `after that`, and `finally` are used to describe the order of actions or events.
+
+- `First` is used to describe the initial action.
+
+- `Then` refers to the next immediate step.
+
+- `After that` is used to introduce a step following another action with some distinction between them.
+
+- `Finally` marks the last step in a sequence.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
new file mode 100644
index 0000000000..42892a829e
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
@@ -0,0 +1,64 @@
+---
+id: 67056b4950144e1cf10c53a6
+title: Task 43
+challengeType: 19
+dashedName: task-43
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the following text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is James' email to his team.
+
+`To: Team`
+
+`Hey team,`
+
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+
+`Best regards,` `James`
+
+What would be the most appropriate subject for James' email to the team?
+
+## --answers--
+
+`Update on the system connection issue`
+
+### --feedback--
+
+This subject is relevant but a bit too vague about the exact problem James fixed.
+
+---
+
+`Bug fixed. Database credentials updated`
+
+---
+
+`Security patch problems`
+
+### --feedback--
+
+This subject is misleading because the security patch wasn't the problem, it was the credentials not being updated after the patch.
+
+---
+
+`Error logs reviewed. No issues found`
+
+### --feedback--
+
+This subject is incorrect because James did find an issue while reviewing the error logs.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the most appropriate subject take into consideration the whole email and think about the main issue discussed.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
new file mode 100644
index 0000000000..6c62c01113
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
@@ -0,0 +1,66 @@
+---
+id: 670570ad97d26e1d6bad572d
+title: Task 44
+challengeType: 19
+dashedName: task-44
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the following text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is James' email to his team.
+
+`To: Team`
+
+`Subject: Bug fixed. Database credentials updated`
+
+`Hey team,`
+
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+
+`Best regards,` `James`
+
+What was the first thing James did to investigate the bug?
+
+## --answers--
+
+He checked the recent code changes.
+
+---
+
+He updated the credentials.
+
+### --feedback--
+
+This is incorrect because James updated the credentials later.
+
+---
+
+He reviewed the error logs.
+
+### --feedback--
+
+James reviewed the error logs after checking the recent code changes.
+
+---
+
+He restarted the system.
+
+### --feedback--
+
+This action wasn't mentioned in the dialogue.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To find out what was the first thing James did, focus on the sentence that starts with `First I...`.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
new file mode 100644
index 0000000000..eca1d02afd
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
@@ -0,0 +1,66 @@
+---
+id: 6705725e2814c91dd738e8f4
+title: Task 45
+challengeType: 19
+dashedName: task-45
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the following text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is James' email to his team.
+
+`To: Team`
+
+`Subject: Bug fixed. Database credentials updated`
+
+`Hey team,`
+
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+
+`Best regards,` `James`
+
+What was the main cause of the bug James found?
+
+## --answers--
+
+The error logs were not updated.
+
+### --feedback--
+
+This is incorrect because the issue wasn't related to the logs.
+
+---
+
+The system wasn't connecting to the database properly.
+
+---
+
+The code changes introduced a new error.
+
+### --feedback--
+
+The bug wasn't directly caused by the code changes.
+
+---
+
+The internet connection was unstable.
+
+### --feedback--
+
+James doesn't mention this.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find out the main cause of the bug, look for the part of the text that talks about the system's connection. Focus on the sentence that starts with `Then, I...`.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
new file mode 100644
index 0000000000..9fb48db944
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
@@ -0,0 +1,66 @@
+---
+id: 6705742b9616e01e275e5c08
+title: Task 46
+challengeType: 19
+dashedName: task-46
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the following text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is James' email to his team.
+
+`To: Team`
+
+`Subject: Bug fixed. Database credentials updated`
+
+`Hey team,`
+
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+
+`Best regards,` `James`
+
+How did James fix the problem?
+
+## --answers--
+
+He reviewed the error logs again.
+
+### --feedback--
+
+Reviewing the logs helped James find the issue but didn't directly fix it.
+
+---
+
+He updated the credentials.
+
+---
+
+He made changes to the code.
+
+### --feedback--
+
+The issue wasn't fixed by changing the code, but by updating the credentials.
+
+---
+
+He restarted the app.
+
+### --feedback--
+
+Restarting the app wasn't mentioned as part of the solution.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find out how James fixed the problem, look for the part of the text that talks about updating the credentials. Focus on the sentence that starts with `We hadn't...`.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
new file mode 100644
index 0000000000..201b595e5b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
@@ -0,0 +1,66 @@
+---
+id: 67057604ca099f1e7df78e77
+title: Task 47
+challengeType: 19
+dashedName: task-47
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the following text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is James' email to his team.
+
+`To: Team`
+
+`Subject: Bug fixed. Database credentials updated`
+
+`Hey team,`
+
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+
+`Best regards,` `James`
+
+When were the credentials updated last time?
+
+## --answers--
+
+Before the bug was found.
+
+### --feedback--
+
+The credentials weren't updated before the bug was found, which was actually the cause of the issue.
+
+---
+
+After the last security patch.
+
+---
+
+When the error logs were cleared.
+
+### --feedback--
+
+The error logs revealed the issue, but the credentials weren't updated when the logs were cleared.
+
+---
+
+During the last system backup.
+
+### --feedback--
+
+No mention of a system backup was made, so this doesn't apply to the situation.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find out when the credentials were updated, check the part where James explains why the app wasn't working. Focus on the sentence starting with, `We hadn't updated...`. 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
new file mode 100644
index 0000000000..cdff5a1471
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
@@ -0,0 +1,66 @@
+---
+id: 67057e02da44871f492f6f35
+title: Task 48
+challengeType: 19
+dashedName: task-48
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the following text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is James' email to his team.
+
+`To: Team`
+
+`Subject: Bug fixed. Database credentials updated`
+
+`Hey team,`
+
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+
+`Best regards,` `James`
+
+Is the app working now?
+
+## --answers--
+
+No, the app still has bugs.
+
+### --feedback--
+
+The bug was fixed after updating the credentials, so the app no longer has issues.
+
+---
+
+Yes, it's running smoothly.
+
+---
+
+No, the database is still down.
+
+### --feedback--
+
+The database connection issue was resolved, so it's not down anymore.
+
+---
+
+Yes, but only partially.
+
+### --feedback--
+
+The app is fully operational, not partially working.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To figure out if the app is working now, look at the last part of James' explanation where he says, `I fixed...`.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f6ca334a541048d0e9a76.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f6ca334a541048d0e9a76.md
new file mode 100644
index 0000000000..83bb86d2ce
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f6ca334a541048d0e9a76.md
@@ -0,0 +1,223 @@
+---
+id: 670f6ca334a541048d0e9a76
+title: "Dialogue 2: Project Post-Mortem"
+challengeType: 21
+dashedName: dialogue-2-project-post-mortem
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video
+
+# --scene--
+
+```json
+{
+"setup": {
+  "background": "company2-center.png",
+  "characters": [
+    {
+      "character": "Linda",
+      "position": { "x": -25, "y": 0, "z": 1 }
+    },
+    {
+      "character": "Jake",
+      "position": { "x": 125, "y": 0, "z": 1 }
+    }
+  ],
+  "audio": {
+    "filename": "B1_2-2.mp3",
+    "startTime": 1
+  },
+  "alwaysShowDialogue": true
+},
+"commands": [
+  {
+    "character": "Linda",
+    "position": { "x": 25, "y": 0, "z": 1 },
+    "startTime": 0
+  },
+  {
+    "character": "Jake",
+    "position": { "x": 70, "y": 0, "z": 1 },
+    "startTime": 0.5
+  },
+  {
+    "character": "Linda",
+    "startTime": 1,
+    "finishTime": 4.88,
+    "dialogue": {
+      "text": "I was thinking we could do a quick post-mortem of the design project.",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 5.42,
+    "finishTime": 10.42,
+    "dialogue": {
+      "text": "Sure. I was reviewing our security protocols for the project just yesterday. What's on your mind?",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 11.08,
+    "finishTime": 14.44,
+    "dialogue": {
+      "text": "Well, during the project, I was working closely with the development team,",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 14.58,
+    "finishTime": 17.94,
+    "dialogue": {
+      "text": "and we were constantly updating the user interface based on user feedback.",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 18.58,
+    "finishTime": 20.78,
+    "dialogue": {
+      "text": "I noticed that. But there was a time",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 20.78,
+    "finishTime": 24.26,
+    "dialogue": {
+      "text": "when we weren't considering security implications during those updates, right?",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 24.66,
+    "finishTime": 29.14,
+    "dialogue": {
+      "text": "Yes, that's true. We used to focus solely on design aspects and user experience.",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 29.14,
+    "finishTime": 32.18,
+    "dialogue": {
+      "text": "Did you use to check the updates for security vulnerabilities?",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 32.9,
+    "finishTime": 35.5,
+    "dialogue": {
+      "text": "I did, but not always in real time.",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 35.78,
+    "finishTime": 39.12,
+    "dialogue": {
+      "text": "Sometimes I was checking them a day later, which wasn't ideal.",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 39.68,
+    "finishTime": 42.66,
+    "dialogue": {
+      "text": "I remember there was a week when we were all working overtime.",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 43,
+    "finishTime": 45.1,
+    "dialogue": {
+      "text": "You were fixing a security issue, weren't you?",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 45.88,
+    "finishTime": 49.48,
+    "dialogue": {
+      "text": "Exactly. There was a major vulnerability that needed immediate action.",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 49.68,
+    "finishTime": 53.2,
+    "dialogue": {
+      "text": "While I was addressing that, the team was waiting for my green light to proceed.",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 53.72,
+    "finishTime": 55.56,
+    "dialogue": {
+      "text": "It was quite a learning curve for us.",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Linda",
+    "startTime": 55.74,
+    "finishTime": 58.92,
+    "dialogue": {
+      "text": "We didn't use to integrate security and design as much as we should.",
+      "align": "left"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 59.7,
+    "finishTime": 65.94,
+    "dialogue": {
+      "text": "Agreed. Moving forward, we should ensure that security checks are happening while the design updates are being made.",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Jake",
+    "startTime": 66.06,
+    "finishTime": 68.64,
+    "dialogue": {
+      "text": "We can't afford to overlook this aspect again.",
+      "align": "right"
+    }
+  },
+  {
+    "character": "Jake",
+    "position": { "x": 125, "y": 0, "z": 1 },
+    "startTime": 69.14
+  },
+  {
+    "character": "Linda",
+    "position": { "x": -25, "y": 0, "z": 1 },
+    "startTime": 69.64
+  }
+]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
new file mode 100644
index 0000000000..24008becf5
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
@@ -0,0 +1,106 @@
+---
+id: 670f71de33e0be053934a9c3
+title: Task 49
+challengeType: 19
+dashedName: task-49
+---
+
+<!-- (Audio) Linda: I was thinking we could do a quick postmortem of the design project. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Linda mean by `postmortem`?
+
+## --answers--
+
+She means a review of the design project after its completion to analyze what went well and what didn't.
+
+---
+
+She means creating a new design for the project.
+
+### --feedback--
+
+A `postmortem` is not about designing something new but about reviewing what happened after a project.
+
+---
+
+She means canceling the design project.
+
+### --feedback--
+
+A `postmortem` is done after a project is completed, not about canceling it.
+
+---
+
+She means reviewing the project before starting it.
+
+### --feedback--
+
+A `postmortem` happens after the project is finished, not before.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The term `postmortem` comes from Latin, meaning *after death*, but in a business context, it refers to a meeting or review conducted after the completion of a project to analyze its successes and problems.
+
+This meeting helps organizations learn from their experiences and improve future projects. For example:
+
+`The team conducted a postmortem to discuss the challenges faced during the product launch.` - This means the team met after product launch to discuss the challenges they encountered in the process.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0.5,
+      "finishTimestamp": 4.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 0,
+      "finishTime": 4.18,
+      "dialogue": {
+        "text": "I was thinking we could do a quick postmortem of the design project.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 4.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
new file mode 100644
index 0000000000..017e62394f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
@@ -0,0 +1,92 @@
+---
+id: 670f74145be4b907a1b9c915
+title: Task 50
+challengeType: 22
+dashedName: task-50
+---
+
+<!-- (Audio) Linda: I was thinking we could do a quick postmortem of the design project. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I BLANK BLANK we could do a quick postmortem of the design project.`
+
+## --blanks--
+
+`was`
+
+### --feedback--
+
+This is the auxiliary verb used to form the `Past Continuous` in the singular first-person form.
+
+---
+
+`thinking`
+
+### --feedback--
+
+This is the main verb in the `Past Continuous`. It is used to talk about a process that happens on your mind.
+
+# --explanation--
+
+The `Past Continuous` tense is used to describe actions or thoughts that were in progress at a specific time in the past.
+
+This tense is often used to describe background actions or ongoing processes in the past. The structure is **`was`/`were` + verb ending in `-ing`**.
+
+In this sentence, `I was thinking` shows that Linda's thought about doing a postmortem was in progress at a specific time. Another example:
+
+`He was reviewing the report when the meeting started.` - Meaning that the action of reviewing the report was in progress and another situation interrupted it.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0.5,
+      "finishTimestamp": 4.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 0,
+      "finishTime": 4.18,
+      "dialogue": {
+        "text": "I was thinking we could do a quick postmortem of the design project.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 4.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bc2f9f242e03ebeccbe9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bc2f9f242e03ebeccbe9.md
new file mode 100644
index 0000000000..cdee09e739
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bc2f9f242e03ebeccbe9.md
@@ -0,0 +1,92 @@
+---
+id: 6710bc2f9f242e03ebeccbe9
+title: Task 51
+challengeType: 19
+dashedName: task-51
+---
+
+<!-- (Audio) Linda: I was thinking we could do a quick postmortem of the design project. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could Jake very briefly tell Linda that he agrees with the idea of having a quick `postmortem`?
+
+## --answers--
+
+`Oh, absolutely. I think doing a postmortem would be a great idea.`
+
+### --feedback--
+
+Even though this is correct, it is not brief. There's a simple, 4-letter word you can use to say exactly the same.
+
+---
+
+`Sure.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+When agreeing with someone's idea you can briefly tell a person that by saying `Sure`. For example:
+
+- `Would you like to visit another country some day? Sure.` - This means you want to do it.
+
+- `How about going to the movies this week? Sure.` - This means you accept the invitation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0.5,
+      "finishTimestamp": 4.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 0,
+      "finishTime": 4.18,
+      "dialogue": {
+        "text": "I was thinking we could do a quick postmortem of the design project.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 4.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
new file mode 100644
index 0000000000..6834c3899c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
@@ -0,0 +1,106 @@
+---
+id: 6710bf5df20df90498c991a2
+title: Task 52
+challengeType: 19
+dashedName: task-52
+---
+
+<!-- (Audio) Jake: Sure. I was reviewing our security protocols for the project just yesterday. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What was Jake doing yesterday?
+
+## --answers--
+
+He was updating the security protocols.
+
+### --feedback--
+
+Jake says he was reviewing the protocols, not updating them.
+
+---
+
+He was designing a new security system.
+
+### --feedback--
+
+Jake was reviewing existing protocols, not designing a new system.
+
+---
+
+He was reviewing the security protocols for the project.
+
+---
+
+He was fixing a bug in the project.
+
+### --feedback--
+
+Jake's focus was on reviewing the security protocols, not fixing a bug.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The `Past Continuous` tense often emphasizes the duration or background of an action in the past. It is used to describe an action that was ongoing at a specific time in the past. The structure is: **`was`/`were` + verb ending in `-ing`**.
+
+In Jake's sentence, `I was reviewing` shows that the action of reviewing was in progress yesterday. Another example:
+
+`She was testing the new feature when the system crashed.` - Here, the crashing of the system happened in the middle of her action of testing the new feature - the test was a longer ongoing action.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.42,
+      "finishTimestamp": 8.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.28,
+      "dialogue": {
+        "text": "Sure. I was reviewing our security protocols for the project just yesterday.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c59075616806206fcf44.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c59075616806206fcf44.md
new file mode 100644
index 0000000000..efca669837
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c59075616806206fcf44.md
@@ -0,0 +1,90 @@
+---
+id: 6710c59075616806206fcf44
+title: Task 53
+challengeType: 22
+dashedName: task-53
+---
+
+<!-- (Audio) Jake: Sure. I was reviewing our security protocols for the project just yesterday. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Sure. I was reviewing our BLANK BLANK for the project just yesterday.`
+
+## --blanks--
+
+`security`
+
+### --feedback--
+
+This word refers to measures or procedures taken to protect systems or data.
+
+---
+
+`protocols`
+
+### --feedback--
+
+This word refers to rules or procedures that need to be followed in specific situations.
+
+# --explanation--
+
+A `protocol` is a set of rules or procedures designed to guide behavior or processes. A `security protocol` refers to specific procedures designed to protect systems, networks, or data from unauthorized access or threats. For example:
+
+`Our security protocols require two-factor authentication for all logins.` - This means that the use of two-factor authentication for logging in is a part of the procedures related to protecting the system.
+
+In this sentence, Jake is referring to reviewing the rules and procedures (the `protocols`) designed to ensure the project's security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.42,
+      "finishTimestamp": 8.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.28,
+      "dialogue": {
+        "text": "Sure. I was reviewing our security protocols for the project just yesterday.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
new file mode 100644
index 0000000000..d5af040376
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
@@ -0,0 +1,106 @@
+---
+id: 6710c7bd388290075f19552c
+title: Task 54
+challengeType: 19
+dashedName: task-54
+---
+
+<!-- (Audio) Jake: What's on your mind? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake asking Linda?
+
+## --answers--
+
+He is asking what Linda is working on.
+
+### --feedback--
+
+Jake is asking about her thoughts, not her current task.
+
+---
+
+He is asking what Linda is thinking about.
+
+---
+
+He is asking if Linda is busy.
+
+### --feedback--
+
+Jake's question is about her thoughts, not her availability.
+
+---
+
+He is asking if Linda is worried about something.
+
+### --feedback--
+
+While the question could refer to concerns, it is more general, asking about what she is thinking.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`What's on your mind?` is used to ask someone what they are thinking about or if they have any concerns or thoughts they want to share.
+
+It's often used in both personal and professional settings to encourage open communication. It is a conversational way to invite someone to express their thoughts. For example:
+
+`You seem quiet today. What's on your mind?` - You are asking the other person what they are thinking about.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 8.72,
+      "finishTimestamp": 9.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 1.9,
+      "dialogue": {
+        "text": "What's on your mind?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.4
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710e0e2cafeeb09e6cb2d8f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710e0e2cafeeb09e6cb2d8f.md
new file mode 100644
index 0000000000..267bc8ff84
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710e0e2cafeeb09e6cb2d8f.md
@@ -0,0 +1,115 @@
+---
+id: 6710e0e2cafeeb09e6cb2d8f
+title: Task 55
+challengeType: 22
+dashedName: task-55
+---
+
+<!-- (Audio) Linda: Well, during the project, I was working closely with the development team, and we were constantly updating the user interface based on user feedback. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Well, during the project, I BLANK BLANK closely with the development team, and we BLANK constantly BLANK the user interface based on user feedback.`
+
+## --blanks--
+
+`was`
+
+### --feedback--
+
+This is the auxiliary verb used to form the `Past Continuous` in the singular first-person form.
+
+---
+
+`working`
+
+### --feedback--
+
+This is the main verb in the `Past Continuous`, describing the act of laboring.
+
+---
+
+`were`
+
+### --feedback--
+
+This is the auxiliary verb used to form the `Past Continuous` in the plural first-person form.
+
+---
+
+`updating`
+
+### --feedback--
+
+This is the main verb in the `Past Continuous`, describing an ongoing action of improving or modernizing something.
+
+# --explanation--
+
+The `Past Continuous` tense is used to describe actions that were ongoing at a specific time in the past. When two `Past Continuous` sentences are used together, they often describe simultaneous actions or actions happening alongside each other.
+
+In this sentence, Linda is describing how she and her team were both working and updating the user interface continuously throughout the project. This shows two actions happening at the same time in the past, providing context or background for each other. For example:
+
+`While I was preparing the report, they were testing the new features.` - This means the action of my preparing the report and the testing of the new features happened at the same time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.08,
+      "finishTimestamp": 17.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 4.36,
+      "dialogue": {
+        "text": "Well, during the project, I was working closely with the development team,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "startTime": 4.5,
+      "finishTime": 8.26,
+      "dialogue": {
+        "text": "and we were constantly updating the user interface based on user feedback.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 8.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710e614f70bd10afb6ca7f7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710e614f70bd10afb6ca7f7.md
new file mode 100644
index 0000000000..9b7e8768f3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710e614f70bd10afb6ca7f7.md
@@ -0,0 +1,107 @@
+---
+id: 6710e614f70bd10afb6ca7f7
+title: Task 56
+challengeType: 22
+dashedName: task-56
+---
+
+<!-- (Audio) Linda: Well, during the project, I was working closely with the development team, and we were constantly updating the user interface based on user feedback. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Well, during the project, I was working BLANK with the development team, and we were BLANK updating the user interface based on user feedback.`
+
+## --blanks--
+
+`closely`
+
+### --feedback--
+
+This word is an adverb describing how someone works in a careful, detailed, or collaborative way.
+
+---
+
+`constantly`
+
+### --feedback--
+
+This word is an adverb describing an action that happens continuously or very frequently.
+
+# --explanation--
+
+`Closely` is an adverb that means working in a careful, detailed, or collaborative way. It is related to the adjective `close`, which refers to a short distance or a strong relationship. For example:
+
+- `The manager worked closely with the design team.` - This sentence uses the adverb, which describes how they worked.
+
+- `They have a close relationship.` - This sentence uses the adjective, which describes the relationship.
+
+`Constantly` is an adverb that describes something that happens continuously or very frequently. It is related to the adjective `constant`, which refers to something that does not change or stops. For example:
+
+- `She constantly checks her emails throughout the day.` - This sentence uses the adverb, which describes the frequency of the action of checking.
+
+- `There was a constant need for updates.` - This sentence uses the adjective, which describes the need as being frequent.
+
+In the sentence, Linda uses `closely` to describe how her collaboration with the team was and `constantly` to show how frequently they updated the user interface.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.08,
+      "finishTimestamp": 17.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 4.36,
+      "dialogue": {
+        "text": "Well, during the project, I was working closely with the development team,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "startTime": 4.5,
+      "finishTime": 8.26,
+      "dialogue": {
+        "text": "and we were constantly updating the user interface based on user feedback.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 8.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710ef64fecf900ca5296978.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710ef64fecf900ca5296978.md
new file mode 100644
index 0000000000..187e9c47d5
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710ef64fecf900ca5296978.md
@@ -0,0 +1,119 @@
+---
+id: 6710ef64fecf900ca5296978
+title: Task 57
+challengeType: 19
+dashedName: task-57
+---
+
+<!-- (Audio) Linda: Well, during the project, I was working closely with the development team, and we were constantly updating the user interface based on user feedback. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did the development team use to constantly update the user interface?
+
+## --answers--
+
+They used user feedback.
+
+---
+
+They used new features.
+
+### --feedback--
+
+Linda says they updated the user interface based on user feedback, not new features.
+
+---
+
+They used system logs.
+
+### --feedback--
+
+Linda specifically mentions user feedback, not system logs, as the source for updates.
+
+---
+
+They used bug reports.
+
+### --feedback--
+
+While bug reports are important, Linda refers to user feedback for updating the user interface.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The `user interface` (UI) refers to the part of a system or software that users interact with directly, such as buttons, menus, and screens. For example:
+
+`The user interface was redesigned to be more intuitive.` - Meaning the part of the software the user interacts with was improved.
+
+`User feedback` refers to opinions, suggestions, or issues reported by users about their experience with a product or service. For example:
+
+`The company improved the app based on user feedback.` - Meaning the comments and suggestions coming from the users were read and used to make the app better.
+
+In this context, Linda explains that the team relied on user feedback to make constant improvements to the user interface, ensuring it met the needs of users.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.08,
+      "finishTimestamp": 17.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 4.36,
+      "dialogue": {
+        "text": "Well, during the project, I was working closely with the development team,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "startTime": 4.5,
+      "finishTime": 8.26,
+      "dialogue": {
+        "text": "and we were constantly updating the user interface based on user feedback.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 8.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121364e79da2047818b743.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121364e79da2047818b743.md
new file mode 100644
index 0000000000..685bdc81e8
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121364e79da2047818b743.md
@@ -0,0 +1,107 @@
+---
+id: 67121364e79da2047818b743
+title: Task 58
+challengeType: 19
+dashedName: task-58
+---
+
+<!-- (Audio) Jake: I noticed that. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake mean when he says `I noticed that`?
+
+## --answers--
+
+
+He means he ignored it.
+
+### --feedback--
+
+`Notice` refers to observing or becoming aware of something, not ignoring it.
+
+---
+
+He means he forgot about it.
+
+### --feedback--
+
+`Notice` refers to paying attention, not forgetting.
+
+---
+
+He means he became aware of it or observed it.
+
+---
+
+He means he created it.
+
+### --feedback--
+
+`Notice` refers to observing something, not creating it.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Notice` means to become aware of something by seeing, hearing, or sensing it. It often implies paying attention to details. For example:
+
+`I noticed the error in the report before the meeting.` - This means you saw there was an error.
+
+It can refer to becoming aware of both physical things and situations. In this sentence, Jake means that he observed or became aware that the team was using user feedback to improve the user interface.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.58,
+      "finishTimestamp": 18.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.12,
+      "dialogue": {
+        "text": "I noticed that.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121be3d5093805dfdbaa71.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121be3d5093805dfdbaa71.md
new file mode 100644
index 0000000000..d5f941c9ca
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121be3d5093805dfdbaa71.md
@@ -0,0 +1,108 @@
+---
+id: 67121be3d5093805dfdbaa71
+title: Task 59
+challengeType: 22
+dashedName: task-59
+---
+
+<!-- (Audio) Jake: I noticed that. But there was a time when we weren't considering security implications during those updates, right? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I noticed that. But there was a time when we BLANK BLANK security implications during those updates, right?`
+
+## --blanks--
+
+`weren't`
+
+### --feedback--
+
+This is the negative form of the auxiliary verb `to be` in the `Past Continuous`, used for **plural** subjects.
+
+---
+
+`considering`
+
+### --feedback--
+
+This is the main verb in the `Past Continuous`. It has to do with thinking carefully about something.
+
+# --explanation--
+
+The `Past Continuous` in its negative form is used to describe actions that were not happening at a specific time in the past. The structure is:  
+**`wasn't` / `weren't` + verb ending in `-ing`**. For example:
+
+- `He wasn't listening during the meeting.` - This sentence uses the singular form `was`
+
+- `They weren't following the instructions carefully.` - This sentence uses the plural form `were`.
+
+In this context, `weren't considering` means that, at a certain point in the past, the team was not taking security implications into account while performing updates.
+
+The verb `consider` means to think carefully about something before making a decision or taking action. For example:
+
+`We need to consider all options before finalizing the project plan.` - Meaning it's necessary to think about the options.
+
+In Jake's sentence, `considering` refers to the team evaluating or thinking about security implications.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.58,
+      "finishTimestamp": 23.46
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "I noticed that. But there was a time",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.2,
+      "finishTime": 6.88,
+      "dialogue": {
+        "text": "when we weren't considering security implications during those updates, right?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
new file mode 100644
index 0000000000..83de71ed0c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
@@ -0,0 +1,115 @@
+---
+id: 67121d26052fb606bd59705c
+title: Task 60
+challengeType: 19
+dashedName: task-60
+---
+
+<!-- (Audio) Jake: I noticed that. But there was a time when we weren't considering security implications during those updates, right? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake mean with his question?
+
+## --answers--
+
+He is asking if the team always considered security implications.
+
+### --feedback--
+
+Jake's question suggests there might have been a time when security was overlooked.
+
+---
+
+He is asking if security was never important.
+
+### --feedback--
+
+Jake's question focuses on whether there was a specific time when security wasn't considered, not on its overall importance.
+
+---
+
+He is asking if the updates were unnecessary.
+
+### --feedback--
+
+Jake is asking about the consideration of security implications, not the necessity of the updates.
+
+---
+
+He is asking if there was a time when security concerns were not taken into account during the updates.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`Implications` refers to the possible results or effects of an action or decision, especially those that are not immediately obvious. In this context, `security implications` are the potential consequences of not considering security during updates. For example:
+
+`Before launching the new feature, the team discussed the implications for user privacy.` - Meaning they discussed the possible consequences to user privacy that this new feature could bring.
+
+In Jake's question, he is referring to the potential negative outcomes of not considering security during past updates.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.58,
+      "finishTimestamp": 23.46
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "I noticed that. But there was a time",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.2,
+      "finishTime": 6.88,
+      "dialogue": {
+        "text": "when we weren't considering security implications during those updates, right?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67122e8300d8e90843b04967.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67122e8300d8e90843b04967.md
new file mode 100644
index 0000000000..f6a79172da
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67122e8300d8e90843b04967.md
@@ -0,0 +1,110 @@
+---
+id: 67122e8300d8e90843b04967
+title: Task 61
+challengeType: 19
+dashedName: task-61
+---
+
+<!-- (Audio) Linda: Yes, that's true. We used to focus solely on design aspects and user experience. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did the team normally pay attention to exclusively in the past?
+
+## --answers--
+
+They focused solely on design aspects and user experience.
+
+---
+
+They focused on security protocols.
+
+### --feedback--
+
+Linda specifically says they focused on design aspects and user experience, not security.
+
+---
+
+They paid attention to marketing strategies.
+
+### --feedback--
+
+Linda refers to focusing on design and user experience, not marketing.
+
+---
+
+They worked only on backend development.
+
+### --feedback--
+
+Linda says the team concentrated on design aspects and user experience, not backend development.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Used to` refers to actions or situations that were habitual or true in the past but are no longer the case. For example:
+
+`We used to have weekly team meetings, but now we meet monthly.` - This means it was the team's habit to meet more frequently in the past - once a week instead of once a month, as they do now.
+
+`Solely` means exclusively or only. It emphasizes that something was the only focus or priority. For example:
+
+`The company is solely focused on developing new technology.` - Meaning this is the **only** thing the company wants to concentrate its efforts on.
+
+In this sentence, Linda explains that the team previously focused only on design and user experience, with no consideration for other aspects like security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 23.66,
+      "finishTimestamp": 28.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 5.88,
+      "dialogue": {
+        "text": "Yes, that's true. We used to focus solely on design aspects and user experience.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 6.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67176c867303f30476f3d126.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67176c867303f30476f3d126.md
new file mode 100644
index 0000000000..ef0eec257a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67176c867303f30476f3d126.md
@@ -0,0 +1,90 @@
+---
+id: 67176c867303f30476f3d126
+title: Task 62
+challengeType: 22
+dashedName: task-62
+---
+
+<!-- (Audio) Linda: Yes, that's true. We used to focus solely on design aspects and user experience. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, that's true. We used to focus solely on design aspects and BLANK BLANK.`
+
+## --blanks--
+
+`user`
+
+### --feedback--
+
+This word refers to the person who interacts with a product or system.
+
+---
+
+`experience`
+
+### --feedback--
+
+This word refers to how a person feels when using a product or system.
+
+# --explanation--
+
+`User experience` (UX) refers to the overall experience a person has when interacting with a product, system, or service, including ease of use, satisfaction, and efficiency. For example:
+
+`Improving the user experience on our website increased customer satisfaction.` - This means that the look and feel of the site and how the user interacts to it was changed and this generated positive results.
+
+In this sentence, Linda mentions that the team used to focus on how users interacted with and felt about the design of their product.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 23.66,
+      "finishTimestamp": 28.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 5.88,
+      "dialogue": {
+        "text": "Yes, that's true. We used to focus solely on design aspects and user experience.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 6.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
new file mode 100644
index 0000000000..c48c4f5ffa
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
@@ -0,0 +1,110 @@
+---
+id: 6717756d3483e6060d2cd800
+title: Task 63
+challengeType: 19
+dashedName: task-63
+---
+
+<!-- (Audio) Linda: Did you use to check the updates for security vulnerabilities? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Linda asking in this question?
+
+## --answers--
+
+She is asking if security updates are currently being checked.
+
+### --feedback--
+
+Linda's question is about a past habit, not about the current practice.
+
+---
+
+She is asking if checking for security vulnerabilities was a regular practice in the past.
+
+---
+
+She is asking if security vulnerabilities are easy to fix.
+
+### --feedback--
+
+Linda's question is about whether they used to check for vulnerabilities, not their ease of fixing.
+
+---
+
+She is asking if vulnerabilities were ignored.
+
+### --feedback--
+
+Linda is asking if they regularly checked for vulnerabilities, not if they were ignored.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+In the interrogative form, `used to` asks about past habits or routines that may no longer be true. The structure is: `Did` + subject + `use to` + base verb`?` For example:
+
+`Did you use to attend weekly meetings?` - You are asking if the other person normally attended the meetings.
+
+A `vulnerability` is a weakness or flaw that can be exploited, especially in the context of security. For example:
+
+`The team identified a vulnerability in the system that needed immediate attention.` - There was a weak spot in the system that had to be dealt with.
+
+In this sentence, Linda is asking if checking updates for security weaknesses was a regular part of their past process.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 28.54,
+      "finishTimestamp": 31.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 4.24,
+      "dialogue": {
+        "text": "Did you use to check the updates for security vulnerabilities?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 4.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
new file mode 100644
index 0000000000..206292eda3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
@@ -0,0 +1,90 @@
+---
+id: 671775877ee558061e6eebf8
+title: Task 64
+challengeType: 22
+dashedName: task-64
+---
+
+<!-- (Audio) Jake: I did, but not always in real time. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I did, but not always in BLANK BLANK.`
+
+## --blanks--
+
+`real`
+
+### --feedback--
+
+This word refers to something happening in the actual moment it occurs.
+
+---
+
+`time`
+
+### --feedback--
+
+This word refers to the ongoing or current moment in which events happen.
+
+# --explanation--
+
+The phrase `in real time` refers to something happening immediately as events occur, without delay. It is often used in the context of monitoring, communication, or data processing. For example:
+
+`The system updates the dashboard in real time, so you can see changes instantly.` - Meaning the dashboard changes immediately after the updates after the updates are applied.
+
+In Jake's sentence, he means that while he checked for security vulnerabilities, it wasn't always done immediately as the updates happened.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.9,
+      "finishTimestamp": 34.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.8,
+      "dialogue": {
+        "text": "I did, but not always in real time.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.3
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
new file mode 100644
index 0000000000..10f827b127
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
@@ -0,0 +1,106 @@
+---
+id: 671775a360c128062f906b24
+title: Task 65
+challengeType: 19
+dashedName: task-65
+---
+
+<!-- (Audio) Jake: Sometimes I was checking them a day later, which wasn't ideal. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did Jake think about checking the updates a day later?
+
+## --answers--
+
+He thought it wasn't ideal.
+
+---
+
+He thought it was the best solution.
+
+### --feedback--
+
+Jake explicitly says it wasn't ideal.
+
+---
+
+He didn't think it was a problem.
+
+### --feedback--
+
+Jake's comment shows that he recognized it wasn't an ideal approach.
+
+---
+
+He thought it was impossible.
+
+### --feedback--
+
+Jake mentions that he did check them a day later, but it wasn't ideal.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Which` is a relative pronoun used to provide additional information about something mentioned earlier in the sentence. In this case, `which` refers to the entire idea of checking the updates a day later and clarifies that it wasn't ideal. For example:
+
+`She missed the deadline, which caused a delay in the project.` - Here, `which` refers to `missing the deadline` and explains the resulting delay.
+
+Similarly, Jake uses `which` to express that checking updates a day later wasn't the best practice.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.78,
+      "finishTimestamp": 38.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.74,
+      "dialogue": {
+        "text": "Sometimes I was checking them a day later, which wasn't ideal.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.24
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775bb104def063ffbdaab.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775bb104def063ffbdaab.md
new file mode 100644
index 0000000000..6e0e6ecb27
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775bb104def063ffbdaab.md
@@ -0,0 +1,82 @@
+---
+id: 671775bb104def063ffbdaab
+title: Task 66
+challengeType: 22
+dashedName: task-66
+---
+
+<!-- (Audio) Linda: I remember there was a week when we were all working overtime. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I remember there was a week when we were all working BLANK.`
+
+## --blanks--
+
+`overtime`
+
+### --feedback--
+
+This word refers to working beyond the regular hours.
+
+# --explanation--
+
+`To work overtime` means to work extra hours beyond the standard schedule, often to meet deadlines or complete urgent tasks. For example:
+
+`The team had to work overtime to finish the project before the deadline.` - Meaning you had to work extra hours to complete the project in order to meet the deadline.
+
+In this sentence, Linda is recalling a specific week when everyone had to put in extra hours to meet the demands of their work.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 38.78,
+      "finishTimestamp": 42.16
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 4.38,
+      "dialogue": {
+        "text": "I remember there was a week when we were all working overtime.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 4.58
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
new file mode 100644
index 0000000000..aa3b704542
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
@@ -0,0 +1,94 @@
+---
+id: 671775db2ecd44064fdb1f04
+title: Task 67
+challengeType: 22
+dashedName: task-67
+---
+
+<!-- (Audio) Linda: You were fixing a security issue, weren't you? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`You were fixing a security issue, BLANK you?`
+
+## --blanks--
+
+`weren't`
+
+### --feedback--
+
+This word is part of a tag question using the auxiliary verb for the `Past Continuous`. It is used to confirm or seek agreement about something.
+
+# --explanation--
+
+`Tag questions` are short questions added to the end of a statement to confirm information or seek agreement. The structure depends on the main sentence:
+
+If the main sentence is positive, the tag is negative. For example:
+
+`You were working late, weren't you?` - You want to confirm if the other person was working late - you believe they were.
+
+If the main sentence is negative, the tag is positive. For Example:
+
+`You weren't at the meeting, were you?` - You want to confirm if the person did not attend the meeting - you believe they didn't.
+
+In this sentence, Linda uses the tag question `weren't you?` to confirm if Jake was fixing a security issue, because she thinks he was.
+
+A `security issue` refers to a problem or vulnerability that could compromise the safety or protection of a system, data, or user. For example:
+
+`The team addressed a security issue that allowed unauthorized access.` - meaning the team had to deal with a problem in security that was giving access to people without the proper authorization.
+
+In this context, Linda is asking about Jake's work on a specific problem related to security because she vividly remembers that was what was happening at the time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.2,
+      "finishTimestamp": 44.3
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 3.1,
+      "dialogue": {
+        "text": "You were fixing a security issue, weren't you?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 3.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775f2f55c4c066193a1c1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775f2f55c4c066193a1c1.md
new file mode 100644
index 0000000000..22334a1aa5
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775f2f55c4c066193a1c1.md
@@ -0,0 +1,94 @@
+---
+id: 671775f2f55c4c066193a1c1
+title: Task 68
+challengeType: 19
+dashedName: task-68
+---
+
+<!-- (Audio) Linda: You were fixing a security issue, weren't you? --> 
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could Jake tell Linda that was precisely what was happening at that time?
+
+## --answers--
+
+`Exactly.`
+
+---
+
+`I think so.`
+
+### --feedback--
+
+This answer means you agree with the other person, you believe they are right, but you are not sure of it.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Exactly` is used to confirm or strongly agree with something someone else has said. It indicates that the statement is fully correct. For example:
+
+Person 1: `Did you mean we should start testing today?`
+
+Person 2: `Exactly.` - meaning you are sure the tests should start today.
+
+In this context, Jake could say `Exactly` to confirm that he was indeed fixing a security issue back then as Linda mentioned.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.2,
+      "finishTimestamp": 44.3
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 3.1,
+      "dialogue": {
+        "text": "You were fixing a security issue, weren't you?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 3.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717760c06f5e10671ef0268.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717760c06f5e10671ef0268.md
new file mode 100644
index 0000000000..357f3e67bc
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717760c06f5e10671ef0268.md
@@ -0,0 +1,94 @@
+---
+id: 6717760c06f5e10671ef0268
+title: Task 69
+challengeType: 22
+dashedName: task-69
+---
+
+<!-- (Audio) Jake: Exactly. There was a major vulnerability that needed immediate action. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Exactly. There was a major BLANK that needed BLANK action.`
+
+## --blanks--
+
+`vulnerability`
+
+### --feedback--
+
+This word refers to a weakness or flaw in a system that could be exploited.
+
+---
+
+`immediate`
+
+### --feedback--
+
+This word refers to something happening right away.
+
+# --explanation--
+
+A `major vulnerability` is a significant weakness or flaw in a system that could lead to serious consequences if exploited. It usually requires urgent attention to protect the system or data. For example:
+
+`The team discovered a major vulnerability in the software that could allow unauthorized access.` - This means the weakness was a serious one.
+
+`Immediate action` refers to steps that must be taken right away to address a pressing issue or problem. For example:
+
+`When the server crashed, the team took immediate action to restore functionality.` - This means the team acted as fast as they could to restore the server's functionality.
+
+In this dialogue, Jake explains that the vulnerability was serious enough to require urgent measures to prevent potential risks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.68,
+      "finishTimestamp": 48.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5,
+      "dialogue": {
+        "text": "Exactly. There was a major vulnerability that needed immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
new file mode 100644
index 0000000000..e3aa46bac9
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
@@ -0,0 +1,106 @@
+---
+id: 6717b543037e030fc7008aa7
+title: Task 70
+challengeType: 22
+dashedName: task-70
+---
+
+<!-- (Audio) Jake: While I was addressing that, the team was waiting for my green light to proceed. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`While I BLANK BLANK that, the team BLANK BLANK for my green light to proceed.`
+
+## --blanks--
+
+`was`
+
+### --feedback--
+
+This is the auxiliary verb used to form the `Past Continuous` in the singular first-person form.
+
+---
+
+`addressing`
+
+### --feedback--
+
+This is the main verb in the `Past Continuous`. It means to deal with or resolve something.
+
+---
+
+`was`
+
+### --feedback--
+
+This is the auxiliary verb used to form the `Past Continuous` in the singular third-person form.
+
+---
+
+`waiting`
+
+### --feedback--
+
+This is the main verb in the `Past Continuous`. It means to remain ready or expect something.
+
+# --explanation--
+
+The verb `address` in this context means to deal with or resolve an issue or problem. Jake was focusing on resolving the matter while the team waited for his approval. For example:
+
+`The manager addressed the client's concerns during the meeting.` - Here, `addressed` refers to taking action to deal with the client's concerns.
+
+In the sentence, Jake uses the `Past Continuous` (`was addressing`) to describe the ongoing action of resolving the issue while another ongoing action (`the team was waiting`) happened simultaneously.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.78,
+      "finishTimestamp": 52.5
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "While I was addressing that, the team was waiting for my green light to proceed.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
new file mode 100644
index 0000000000..eb1a5ee7c8
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
@@ -0,0 +1,106 @@
+---
+id: 6717b55fb3b4160fd757b7af
+title: Task 71
+challengeType: 19
+dashedName: task-71
+---
+
+<!-- (Audio) Jake: While I was addressing that, the team was waiting for my green light to proceed. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What was the team waiting for in order to resume their work?
+
+## --answers--
+
+They were waiting for Jake to fix everything.
+
+### --feedback--
+
+While Jake was resolving an issue, the team was specifically waiting for his green light, or permission, to continue.
+
+---
+
+They were waiting for new instructions.
+
+### --feedback--
+
+Jake's sentence focuses on the team waiting for his approval, not new instructions.
+
+---
+
+They were waiting for the system to restart.
+
+### --feedback--
+
+Jake doesn't mention the system restarting. The team was waiting for his permission.
+
+---
+
+They were waiting for Jake's permission or authorization.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`Green light` in this context means approval or permission to start or continue an activity. It is often used figuratively to represent a signal to proceed. For example:
+
+`The manager gave the green light to launch the new product.` - Meaning the manager authorized the launch.
+
+In this sentence, Jake explains that the team was waiting for his permission to resume their work while he was resolving an issue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.78,
+      "finishTimestamp": 52.5
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "While I was addressing that, the team was waiting for my green light to proceed.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
new file mode 100644
index 0000000000..e1147fd638
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
@@ -0,0 +1,82 @@
+---
+id: 6717b5754dcaae0fe7bb179b
+title: Task 72
+challengeType: 22
+dashedName: task-72
+---
+
+<!-- (Audio) Linda: It was quite a learning curve for us. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It was BLANK a learning curve for us.`
+
+## --blanks--
+
+`quite`
+
+### --feedback--
+
+This word is used to emphasize the degree or extent of something.
+
+# --explanation--
+
+`Quite` is used in this context to emphasize the significant degree or extent of the learning curve. It adds intensity, suggesting that the learning experience was challenging or noteworthy. For example:
+
+`The project was quite a success, exceeding all expectations.` - Here, `quite` highlights the extent of the project's success.
+
+In Linda's sentence, it emphasizes that the learning curve was substantial for the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 52.72,
+      "finishTimestamp": 54.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 3.04,
+      "dialogue": {
+        "text": "It was quite a learning curve for us.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 3.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
new file mode 100644
index 0000000000..0fd27a8fee
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
@@ -0,0 +1,106 @@
+---
+id: 6717b59830cdb50ff9f67623
+title: Task 73
+challengeType: 19
+dashedName: task-73
+---
+
+<!-- (Audio) Linda: It was quite a learning curve for us. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did Linda think about working with the security aspects of the project?
+
+## --answers--
+
+She thought it was easy and required no learning.
+
+### --feedback--
+
+A `learning curve` implies there were challenges and a need to learn new things, not ease.
+
+---
+
+She thought it was unnecessary to work on security aspects.
+
+### --feedback--
+
+Linda's comment suggests that working on security aspects was a valuable learning experience, not unnecessary.
+
+---
+
+She thought it was a challenging but educational experience.
+
+---
+
+She thought it was unrelated to the project.
+
+### --feedback--
+
+Linda's comment directly relates to the team's work on security aspects, describing it as a significant learning experience.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Learning curve` refers to the time, effort, and challenges involved in gaining knowledge or mastering a new skill. For example:
+
+`Switching to the new software was a steep learning curve for the employees.` - This implies the employees had a lot of difficulty learning how to operate the new software.
+
+In this context, Linda is describing how working with security aspects required the team to learn and adapt, and that they possibly faced some difficulties along the way.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 52.72,
+      "finishTimestamp": 54.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 3.04,
+      "dialogue": {
+        "text": "It was quite a learning curve for us.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 3.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
new file mode 100644
index 0000000000..9f42eb53c5
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
@@ -0,0 +1,94 @@
+---
+id: 6717b5b2b0c1d21009b2b0fd
+title: Task 74
+challengeType: 22
+dashedName: task-74
+---
+
+<!-- (Audio) Linda: We didn't use to integrate security and design as much as we should. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We BLANK BLANK to integrate security and design as much as we should.`
+
+## --blanks--
+
+`didn't`
+
+### --feedback--
+
+This is the auxiliary verb of the simple tenses in the negative form. It shows that the action this was not a habit in the past.
+
+---
+
+`use`
+
+### --feedback--
+
+This is the base form of the verb used for past habits, not conjugated in its past form here, because the auxiliary verb `didn't` carries the past tense.
+
+# --explanation--
+
+In negative sentences with `used to`, the auxiliary verb `didn't` is used to indicate the past, and the main verb `use` remains in its base form (not conjugated).
+
+This structure emphasizes that an action was not habitual or common in the past.
+
+**Important:** The auxiliary verb `didn't` makes the sentence negative. The verb `use` stays in its base form because the past tense is already conveyed by `didn't`. For example:
+
+`We didn't use to have weekly meetings, but now we do.` - This means weekly meetings were not common back then.
+
+In Linda's sentence, she is saying that integrating security and design was not a regular practice in the past.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 55.04,
+      "finishTimestamp": 58.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 4.18,
+      "dialogue": {
+        "text": "We didn't use to integrate security and design as much as we should.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 4.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
new file mode 100644
index 0000000000..54d37c3598
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
@@ -0,0 +1,96 @@
+---
+id: 6717b5c73e81e8101bed0ea2
+title: Task 75
+challengeType: 19
+dashedName: task-75
+---
+
+<!-- (Audio) Linda: We didn't use to integrate security and design as much as we should. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could Jake tell Linda he agrees with what she is saying?
+
+## --answers--
+
+`Nonsense.`
+
+### --feedback--
+
+When you use `nonsense` to reply to a comment, it is because you do not believe it is true or deserves credit.
+
+---
+
+`Agreed.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Agreed` is a concise way to express strong agreement with someone's statement. It is the opposite of the expression `Nonsense.`
+
+`Agreed` is often used in professional or conversational contexts to show alignment with what has been said. For Example:
+
+Person 1: `We should prioritize user feedback in our next update.`
+
+Person 2: `Agreed.` - This answer implies you strongly agree with prioritizing used feedback on the next update.
+
+In this context, Jake could use `Agreed` to acknowledge that he fully supports Linda's statement about the lack of integration between security and design in the past.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Linda",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 55.04,
+      "finishTimestamp": 58.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Linda",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Linda",
+      "startTime": 1,
+      "finishTime": 4.18,
+      "dialogue": {
+        "text": "We didn't use to integrate security and design as much as we should.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Linda",
+      "opacity": 0,
+      "startTime": 4.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5dc5fd2c0102b2aacec.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5dc5fd2c0102b2aacec.md
new file mode 100644
index 0000000000..499bfc59aa
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5dc5fd2c0102b2aacec.md
@@ -0,0 +1,103 @@
+---
+id: 6717b5dc5fd2c0102b2aacec
+title: Task 76
+challengeType: 22
+dashedName: task-76
+---
+
+<!-- (Audio) Jake: Agreed. Moving forward, we should ensure that security checks are happening while the design updates are being made. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Agreed. Moving BLANK, we should BLANK that security checks are happening while the design updates are being made.`
+
+## --blanks--
+
+`forward`
+
+### --feedback--
+
+This phrase refers to looking or planning ahead into the future.
+
+---
+
+`ensure`
+
+### --feedback--
+
+This word means to make certain or guarantee that something happens.
+
+# --explanation--
+
+`Moving forward` means looking ahead or planning for the future. It emphasizes taking steps or making changes from this point onward. For example:
+
+`Moving forward, the team will prioritize communication to avoid delays.` - This means that prioritizing communication is something that will start being done from now on.
+
+`Ensure` means to make certain or guarantee that something happens as intended. It is often used when setting priorities or responsibilities. For example:
+
+`We need to ensure that all employees are aware of the new guidelines.` - This means we should pay attention to the fact the employees know what the new guidelines are.
+
+In this context, Jake is emphasizing the importance of planning for the future by guaranteeing that security checks align with design updates.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 58.6,
+      "finishTimestamp": 65.24
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.5,
+      "dialogue": {
+        "text": "Agreed. Moving forward, we should ensure that security checks are happening",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.4,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "while the design updates are being made.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
new file mode 100644
index 0000000000..6fe4927f8b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
@@ -0,0 +1,115 @@
+---
+id: 6717b5f5be4456103b8ff767
+title: Task 77
+challengeType: 19
+dashedName: task-77
+---
+
+<!-- (Audio) Jake: Agreed. Moving forward, we should ensure that security checks are happening while the design updates are being made. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does Jake think security checks should happen?
+
+## --answers--
+
+They should happen before the design updates are made.
+
+### --feedback--
+
+Jake specifically mentions that security checks should occur simultaneously with the design updates.
+
+---
+
+They should happen after the design updates are complete.
+
+### --feedback--
+
+Jake's statement indicates the checks should happen during, not after, the updates.
+
+---
+
+They don't need to happen at all.
+
+### --feedback--
+
+Jake is stressing the importance of security checks during the design updates.
+
+---
+
+They should happen while the design updates are being made.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+The `Present Continuous` tense is used here to describe two ongoing actions happening at the same time: `security checks are happening` and `design updates are being made`. This emphasizes simultaneous activities. For example:
+
+`The team is testing the new feature while the developers are fixing bugs.` - This means the tests and the process of bug fixing are happening at the same time.
+
+This tense is often used to indicate that two events are occurring at the same time, creating a sense of coordination or overlap in actions. In Jake's statement, he stresses the importance of ensuring that both actions occur simultaneously.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 58.6,
+      "finishTimestamp": 65.24
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.5,
+      "dialogue": {
+        "text": "Agreed. Moving forward, we should ensure that security checks are happening",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.4,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "while the design updates are being made.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b611f1230c104cbf5d38.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b611f1230c104cbf5d38.md
new file mode 100644
index 0000000000..202142b8fe
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b611f1230c104cbf5d38.md
@@ -0,0 +1,90 @@
+---
+id: 6717b611f1230c104cbf5d38
+title: Task 78
+challengeType: 22
+dashedName: task-78
+---
+
+<!-- (Audio) Jake: We can't afford to overlook this aspect again. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We BLANK BLANK to overlook this aspect again.`
+
+## --blanks--
+
+`can't`
+
+### --feedback--
+
+This word indicates inability or prohibition.
+
+---
+
+`afford`
+
+### --feedback--
+
+This word means to have the resources, time, or capacity to do something.
+
+# --explanation--
+
+`Can't afford` means that something is not feasible or permissible, often due to resource, time, or risk constraints. It emphasizes the necessity of avoiding a specific action or making a particular choice. For example:
+
+`We can't afford to miss the deadline for this project.` - This means that missing the deadline is not something we can do.
+
+In this context, Jake is emphasizing the critical importance of not ignoring this aspect in the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 65.16,
+      "finishTimestamp": 67.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.78,
+      "dialogue": {
+        "text": "We can't afford to overlook this aspect again.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.28
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
new file mode 100644
index 0000000000..9158491d15
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
@@ -0,0 +1,106 @@
+---
+id: 6717b6a5308335105c51cfe6
+title: Task 79
+challengeType: 19
+dashedName: task-79
+---
+
+<!-- (Audio) Jake: We can't afford to overlook this aspect again. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What, in Jake's opinion, can't they afford to do anymore?
+
+## --answers--
+
+They can't afford to prioritize this aspect.
+
+### --feedback--
+
+Jake's concern is about not ignoring the aspect, not about prioritizing it.
+
+---
+
+They can't afford to overlook this aspect again.
+
+---
+
+They can't afford to discuss this aspect.
+
+### --feedback--
+
+Jake is emphasizing the need to address this aspect, not avoid discussing it.
+
+---
+
+They can't afford to remember this aspect.
+
+### --feedback--
+
+Jake is referring to the danger of overlooking or ignoring this aspect, not about remembering it.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The verb `overlook` means to fail to notice or consider something important, often unintentionally. For example:
+
+`The team overlooked a critical error in the report, causing delays.` - Here, `overlooked` refers to failing to notice an error that had significant consequences.
+
+In this context, Jake is stressing that ignoring or neglecting this aspect would be a mistake.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 65.16,
+      "finishTimestamp": 67.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.78,
+      "dialogue": {
+        "text": "We can't afford to overlook this aspect again.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.28
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d19c62da85c0982472a57.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d19c62da85c0982472a57.md
new file mode 100644
index 0000000000..a42f03be45
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d19c62da85c0982472a57.md
@@ -0,0 +1,68 @@
+---
+id: 671d19c62da85c0982472a57
+title: Task 80
+challengeType: 22
+dashedName: task-80
+---
+
+# --instructions--
+
+This is a review of the entire dialogue you just studied.
+
+Place the following phrases in the correct spot: `major vulnerability`, `security vulnerabilities`, `real time`, `learning curve`, `working overtime`,  and `quick post-mortem`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Linda and Jake discuss their design project experience. First, Linda suggests they do a BLANK to review what went well and what didn't. Jake admits to reviewing BLANK, though not always in BLANK.`
+
+`Linda recalls a time when the whole team was BLANK, and Jake was addressing a BLANK that required immediate attention. Both agree that the project was a BLANK, teaching them the importance of integrating security into the design process.`
+
+## --blanks--
+
+`quick post-mortem`
+
+### --feedback--
+
+It's a review done after a project to reflect on successes and challenges.
+
+---
+
+`security vulnerabilities`
+
+### --feedback--
+
+Those are weaknesses that could expose the system to threats.
+
+---
+
+`real time`
+
+### --feedback--
+
+It means checking things as they happen, without delay.
+
+---
+
+`working overtime`
+
+### --feedback--
+
+It refers to putting in extra hours to meet project needs.
+
+---
+
+`major vulnerability`
+
+### --feedback--
+
+It's a critical issue that requires immediate attention to avoid risks.
+
+---
+
+`learning curve`
+
+### --feedback--
+
+It represents the time and effort needed to master something new.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f358f62320b707af87f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f358f62320b707af87f.md
new file mode 100644
index 0000000000..4cddc1fac3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f358f62320b707af87f.md
@@ -0,0 +1,62 @@
+---
+id: 671d1f358f62320b707af87f
+title: Task 81
+challengeType: 19
+dashedName: task-81
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is Linda's blog post based on dialogue with Jake.
+
+`Lessons Learned from a Security Challenge` `By Linda` `October 26, 2024`
+
+`Last week, our team had to work overtime. We found a serious security problem in our design project. Jake, who handles security, worked late to fix it while the rest of the team waited to continue. It wasn't easy, but we learned a lot.`
+
+`We now know that we need to check for security issues while working on design updates, not after. This experience taught us how important it is to stay on top of things and not fall behind.`
+
+What is the main point of the blog post?
+
+## --answers--
+
+The team learned the importance of addressing security issues during design updates.
+
+---
+
+The team completed their project ahead of time.
+
+### --feedback--
+
+The text mentions that the team faced delays and challenges, not early completion.
+
+---
+
+The team avoided overtime by planning well.
+
+### --feedback--
+
+The text clearly states that the team had to work overtime to address a security problem.
+
+---
+
+The team decided to postpone security checks until after the project.
+
+### --feedback--
+
+The lesson learned was to check for security issues during design, not afterward.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Focus on the entire text. The main idea of the post is learning from mistakes and improving processes.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f5590e7110b82940771.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f5590e7110b82940771.md
new file mode 100644
index 0000000000..7c0d24843a
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f5590e7110b82940771.md
@@ -0,0 +1,62 @@
+---
+id: 671d1f5590e7110b82940771
+title: Task 82
+challengeType: 19
+dashedName: task-82
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is Linda's blog post based on dialogue with Jake.
+
+`Lessons Learned from a Security Challenge` `By Linda` `October 26, 2024`
+
+`Last week, our team had to work overtime. We found a serious security problem in our design project. Jake, who handles security, worked late to fix it while the rest of the team waited to continue. It wasn't easy, but we learned a lot.`
+
+`We now know that we need to check for security issues while working on design updates, not after. This experience taught us how important it is to stay on top of things and not fall behind.`
+
+Why did the team work overtime?
+
+## --answers--
+
+They wanted to impress the client by finishing early.
+
+### --feedback--
+
+The overtime was due to a security issue, not to finish early.
+
+---
+
+They needed more time to improve user feedback.
+
+### --feedback--
+
+The text does not mention overtime related to user feedback.
+
+---
+
+They found a serious security problem that needed to be fixed immediately.
+
+---
+
+They worked late to complete documentation.
+
+### --feedback--
+
+The text focuses on fixing security issues, not documentation.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Focus on the paragraph that starts with `Last week, our team had to…`. This explains why the team worked late.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f7ca5f2aa0bb63b9e22.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f7ca5f2aa0bb63b9e22.md
new file mode 100644
index 0000000000..773c16a6b0
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f7ca5f2aa0bb63b9e22.md
@@ -0,0 +1,62 @@
+---
+id: 671d1f7ca5f2aa0bb63b9e22
+title: Task 83
+challengeType: 19
+dashedName: task-83
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is Linda's blog post based on dialogue with Jake.
+
+`Lessons Learned from a Security Challenge` `By Linda` `October 26, 2024`
+
+`Last week, our team had to work overtime. We found a serious security problem in our design project. Jake, who handles security, worked late to fix it while the rest of the team waited to continue. It wasn't easy, but we learned a lot.`
+
+`We now know that we need to check for security issues while working on design updates, not after. This experience taught us how important it is to stay on top of things and not fall behind.`
+
+What did the team learn from working overtime?
+
+## --answers--
+
+They learned to ignore minor bugs until the end of the project.
+
+### --feedback--
+
+The lesson was about addressing security issues promptly, not ignoring problems.
+
+---
+
+They learned to address security issues during design updates.
+
+---
+
+They found that working late is the best way to solve issues.
+
+### --feedback--
+
+The text emphasizes learning better practices, not relying on overtime work.
+
+---
+
+They realized that delays in security checks are acceptable.
+
+### --feedback--
+
+The text teaches the opposite: to stay on top of things and not fall behind.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Focus on the sentence that starts with `We now know that we need to…`. This teaches the main lesson: integrating security checks during design updates.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f94461c820bc68e3694.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f94461c820bc68e3694.md
new file mode 100644
index 0000000000..823679eb59
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1f94461c820bc68e3694.md
@@ -0,0 +1,62 @@
+---
+id: 671d1f94461c820bc68e3694
+title: Task 84
+challengeType: 19
+dashedName: task-84
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is Linda's blog post based on dialogue with Jake.
+
+`Lessons Learned from a Security Challenge` `By Linda` `October 26, 2024`
+
+`Last week, our team had to work overtime. We found a serious security problem in our design project. Jake, who handles security, worked late to fix it while the rest of the team waited to continue. It wasn't easy, but we learned a lot.`
+
+`We now know that we need to check for security issues while working on design updates, not after. This experience taught us how important it is to stay on top of things and not fall behind.`
+
+Who was responsible for security?
+
+## --answers--
+
+Linda
+
+### --feedback--
+
+Linda is mentioned in the dialogue but isn't responsible for security.
+
+---
+
+Jake
+
+---
+
+The entire team
+
+### --feedback--
+
+The text specifically mentions that someone handles security.
+
+---
+
+A third-party consultant
+
+### --feedback--
+
+There is no mention of a consultant handling security in the text.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Focus on the sentence that starts with `Jake, who handles…`. This identifies him as the person responsible for security.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1fab38a4710bd7a6b9c0.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1fab38a4710bd7a6b9c0.md
new file mode 100644
index 0000000000..a3c58c5cc3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d1fab38a4710bd7a6b9c0.md
@@ -0,0 +1,62 @@
+---
+id: 671d1fab38a4710bd7a6b9c0
+title: Task 85
+challengeType: 19
+dashedName: task-85
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is Linda's blog post based on dialogue with Jake.
+
+`Lessons Learned from a Security Challenge` `By Linda` `October 26, 2024`
+
+`Last week, our team had to work overtime. We found a serious security problem in our design project. Jake, who handles security, worked late to fix it while the rest of the team waited to continue. It wasn't easy, but we learned a lot.`
+
+`We now know that we need to check for security issues while working on design updates, not after. This experience taught us how important it is to stay on top of things and not fall behind.`
+
+What lesson did the team take from the experience?
+
+## --answers--
+
+They decided to delay updates to reduce workload.
+
+### --feedback--
+
+The text emphasizes staying on top of things, not postponing updates.
+
+---
+
+They found that security issues aren't very important.
+
+### --feedback--
+
+The text highlights the importance of security, not downplaying it.
+
+---
+
+They decided to avoid security checks in future projects.
+
+### --feedback--
+
+The lesson was to integrate security checks into the design process, not avoid them.
+
+---
+
+They learned to stay on top of things and not fall behind.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Focus on the sentence that starts with `This experience taught us…`. This highlights the overall takeaway about staying on top of tasks.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d292ef6180210164c33e8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d292ef6180210164c33e8.md
new file mode 100644
index 0000000000..9c0c877d80
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671d292ef6180210164c33e8.md
@@ -0,0 +1,196 @@
+---
+id: 671d292ef6180210164c33e8
+title: "Dialogue 3: Tech Conference Experience"
+challengeType: 21
+dashedName: dialogue-3-tech-conference-experience
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video
+
+# --scene--
+
+```json
+{
+"setup": {
+ "background": "cafe.png",
+ "characters": [
+   {
+     "character": "Maria",
+     "position": { "x": -25, "y": 0, "z": 1 }
+   },
+   {
+     "character": "Brian",
+     "position": { "x": 125, "y": 0, "z": 1 }
+   }
+ ],
+ "audio": {
+   "filename": "B1_2-3.mp3",
+   "startTime": 1
+ },
+ "alwaysShowDialogue": true
+},
+"commands": [
+ {
+   "character": "Maria",
+   "position": { "x": 25, "y": 0, "z": 1 },
+   "startTime": 0
+ },
+ {
+   "character": "Brian",
+   "position": { "x": 70, "y": 0, "z": 1 },
+   "startTime": 0.5
+ },
+ {
+   "character": "Maria",
+   "startTime": 1,
+   "finishTime": 4.38,
+   "dialogue": {
+     "text": "Brian, is that you? What a surprise to see you here at PyCon.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 4.64,
+   "finishTime": 7.68,
+   "dialogue": {
+     "text": "Wow, Maria. So nice to see you. Let's catch up.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 7.74,
+   "finishTime": 10.86,
+   "dialogue": {
+     "text": "I attended some really interesting sessions these last few days.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Maria",
+   "startTime": 11.28,
+   "finishTime": 14.56,
+   "dialogue": {
+     "text": "Yeah, me too. I checked out the latest in Python development.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Maria",
+   "startTime": 14.9,
+   "finishTime": 18.1,
+   "dialogue": {
+     "text": "Do you remember how we used to get excited about new tech back at work?",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 18.74,
+   "finishTime": 23.24,
+   "dialogue": {
+     "text": "Absolutely. We used to spend our lunch breaks chatting about the newest trends in programming.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 23.84,
+   "finishTime": 25.74,
+   "dialogue": {
+     "text": "Did you go to the AI workshop yesterday?",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Maria",
+   "startTime": 25.74,
+   "finishTime": 31.16,
+   "dialogue": {
+     "text": "Yes, I did. While the speaker was going through neural networks, I thought about our project last year.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Maria",
+   "startTime": 31.62,
+   "finishTime": 35.4,
+   "dialogue": {
+     "text": "I remember you would often stay late, fine-tuning the code until it was just right.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 36.72,
+   "finishTime": 40.24,
+   "dialogue": {
+     "text": "Now I take care of the training so that others can do the same.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 40.74,
+   "finishTime": 44.66,
+   "dialogue": {
+     "text": "Speaking of which, did you manage to catch the cyber security talk this morning?",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Maria",
+   "startTime": 45.16,
+   "finishTime": 47.6,
+   "dialogue": {
+     "text": "I missed it. I was in a design sprint workshop.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Maria",
+   "startTime": 48.04,
+   "finishTime": 50.66,
+   "dialogue": {
+     "text": "We brainstormed for two hours straight. How was it?",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 50.66,
+   "finishTime": 54.2,
+   "dialogue": {
+     "text": "It was eye-opening, especially the parts about protecting data.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "startTime": 54.54,
+   "finishTime": 58.28,
+   "dialogue": {
+     "text": "It made me think of how we handled security in our earlier projects.",
+     "align": "center"
+   }
+ },
+ {
+   "character": "Brian",
+   "position": { "x": 125, "y": 0, "z": 1 },
+   "startTime": 58.78
+ },
+ {
+   "character": "Maria",
+   "position": { "x": -25, "y": 0, "z": 1 },
+   "startTime": 59.28
+ }
+]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
new file mode 100644
index 0000000000..b449610707
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
@@ -0,0 +1,94 @@
+---
+id: 671f7579f5e0000560fcce55
+title: Task 86
+challengeType: 22
+dashedName: task-86
+---
+
+<!-- (Audio) Maria: Brian, is that you? What a surprise to see you here at PyCon. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Brian, is that you? BLANK BLANK surprise to see you here at PyCon.`
+
+## --blanks--
+
+`What`
+
+### --feedback--
+
+This word is used as an intensifier to express strong emotion or emphasis.
+
+---
+
+`a`
+
+### --feedback--
+
+This is the indefinite article used with singular, countable nouns following `what` to enhance the expression.
+
+# --explanation--
+
+The structure `what` + an indefinite article is used to emphasize strong feelings or reactions about something. It often expresses surprise, admiration, or emotion. For example:
+
+`What a beautiful day it is!` - Here, the structure highlights the speaker's admiration for the day.
+
+Similarly, in Maria's sentence, `What a surprise` emphasizes her astonishment at seeing Brian at PyCon.
+
+`PyCon` is a well-known conference for Python programming enthusiasts, developers, and professionals. It provides a platform for learning, networking, and sharing Python-related knowledge.  For example:
+
+`I attended PyCon last year and learned about the latest Python frameworks.` - This means the person was at PyCon last year and learned a lot.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0.56,
+      "finishTimestamp": 3.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 4.38,
+      "dialogue": {
+        "text": "Brian, is that you? What a surprise to see you here at PyCon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.88
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7592e571ad05716b2c67.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7592e571ad05716b2c67.md
new file mode 100644
index 0000000000..3b03739af2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7592e571ad05716b2c67.md
@@ -0,0 +1,90 @@
+---
+id: 671f7592e571ad05716b2c67
+title: Task 87
+challengeType: 19
+dashedName: task-87
+---
+
+<!-- (Audio) Maria: Brian, is that you? What a surprise to see you here at PyCon! -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Brian wants to keep the conversation flowing. What should he say next?
+
+## --answers--
+
+`Sorry Maria, I'm running late for my talk. Let's meet later.`
+
+### --feedback--
+
+While it suggests politeness, it doesn't match the friendly and enthusiastic tone of the original answer.
+
+---
+
+`Wow Maria! So nice to see you. Let's catch up.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+In the dialogue, Brian responds with excitement and friendliness.
+
+The correct answer reflects his positive attitude with phrases like `So nice to see you` and `Let's catch up`, which align with the original conversation's tone.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0.56,
+      "finishTimestamp": 3.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 4.38,
+      "dialogue": {
+        "text": "Brian, is that you? What a surprise to see you here at PyCon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.88
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75ab41a1520581f5923a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75ab41a1520581f5923a.md
new file mode 100644
index 0000000000..c3ebc93249
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75ab41a1520581f5923a.md
@@ -0,0 +1,84 @@
+---
+id: 671f75ab41a1520581f5923a
+title: Task 88
+challengeType: 22
+dashedName: task-88
+---
+
+<!-- (Audio) Brian: Wow Maria! So nice to see you. Let's catch up. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Wow Maria! So nice to see you. Let's BLANK up.`
+
+## --blanks--
+
+`catch`
+
+### --feedback--
+
+Combined with the following word, it's a phrase that Brian uses to suggest talking with Maria about what they've both been up to recently.
+
+# --explanation--
+
+`Catch up` means to meet and update each other on recent events or activities after some time apart. For examples:
+
+- `She stayed late to catch up on her tasks.` - Meaning she worked longer to finish tasks she was behind on.
+
+- `Let's catch up during the meeting tomorrow.` - Meaning you and the other person can talk and update each other at the meeting.
+
+In this context, Brian is telling Maria that they should talk to each other to know what they've been doing.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.2,
+      "finishTimestamp": 7.24
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "Wow, Maria. So nice to see you. Let's catch up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75ca1748e8059234fa3d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75ca1748e8059234fa3d.md
new file mode 100644
index 0000000000..66fec57d96
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75ca1748e8059234fa3d.md
@@ -0,0 +1,104 @@
+---
+id: 671f75ca1748e8059234fa3d
+title: Task 89
+challengeType: 19
+dashedName: task-89
+---
+
+<!-- (Audio) Brian: I attended some really interesting sessions these last few days. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has Brian been doing at PyCon?
+
+## --answers--
+
+He has been organizing the sessions.
+
+### --feedback--
+
+Brian says he attended the sessions, not that he organized them.
+
+---
+
+He has been attending some interesting sessions.
+
+---
+
+He has been presenting at the sessions.
+
+### --feedback--
+
+Brian talks about attending sessions, not presenting them.
+
+---
+
+He has been networking with other attendees.
+
+### --feedback--
+
+While Brian might have been networking, his statement is specifically about attending sessions.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To `attend sessions` means to participate in organized events, such as talks, discussions, or meetings, often as an audience member. It typically refers to events at conferences, workshops, or professional gatherings. For example:
+
+`She attended several training sessions as part of her trainee program.` - Here, she took in a training because this is part of the trainee program.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.3,
+      "finishTimestamp": 10.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 4.12,
+      "dialogue": {
+        "text": "I attended some really interesting sessions these last few days.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 4.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
new file mode 100644
index 0000000000..f9e82f1d83
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
@@ -0,0 +1,94 @@
+---
+id: 671f75e368cbd505a301ca7d
+title: Task 90
+challengeType: 19
+dashedName: task-90
+---
+
+<!-- SPEAKING -->
+
+<!-- (Audio) Brian: I attended some really interesting sessions these last few days. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could Maria succinctly tell Brian she attended some sessions at PyCon as well?
+
+## --answers--
+
+`Yeah, me too.`
+
+---
+
+`Why not?`
+
+### --feedback--
+
+`Why not?` doesn't indicate agreement or a shared experience.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Me too` is used to express agreement or show that the same statement applies to the speaker. It is a concise and informal way to respond to shared experiences or feelings.  For example:
+
+Person 1: `I love Python programming.`
+
+Person 2: `Me too.`  - Meaning they love programming in Python as well.
+
+In this context, Maria could say `Yeah, me too` to quickly let Brian know that she also attended really interesting sessions at PyCon.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.3,
+      "finishTimestamp": 10.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 4.12,
+      "dialogue": {
+        "text": "I attended some really interesting sessions these last few days.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 4.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75fea017ea05b31a80c6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75fea017ea05b31a80c6.md
new file mode 100644
index 0000000000..f20217b44d
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75fea017ea05b31a80c6.md
@@ -0,0 +1,94 @@
+---
+id: 671f75fea017ea05b31a80c6
+title: Task 91
+challengeType: 22
+dashedName: task-91
+---
+
+<!-- (Audio) Maria: Yeah, me too. I checked out the latest in Python development. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yeah, me too. I BLANK out the BLANK in Python development.`
+
+## --blanks--
+
+`checked`
+
+### --feedback--
+
+This is the past tense of the verb `check`, meaning to examine or explore something.
+
+---
+
+`latest`
+
+### --feedback--
+
+This word refers to the most recent or up-to-date version of something.
+
+# --explanation--
+
+`Check out` means to examine, explore, or take a look at something. It is often used informally when discussing things of interest. For example:
+
+`I checked out the new library in town.` - This means you went to the new library to see if you liked it.
+
+`Latest` refers to the most recent or up-to-date version of something. For example:
+
+`They announced the latest features in the software update.` - This means the most recent features of the software were announced by the team or company.
+
+In her sentence, Maria says she attended events where the most recent developments in Python were discussed during her time at PyCon.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.74,
+      "finishTimestamp": 14.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "Yeah, me too. I checked out the latest in Python development.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
new file mode 100644
index 0000000000..204772e6e1
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
@@ -0,0 +1,108 @@
+---
+id: 671f761703824805c35c2eda
+title: Task 92
+challengeType: 19
+dashedName: task-92
+---
+
+<!-- (Audio) Maria: Do you remember how we used to get excited about new tech back at work? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Maria asking Brian about?
+
+## --answers--
+
+She is asking if he still gets excited about technology.
+
+### --feedback--
+
+Maria is referring to how they used to feel in the past, not the present.
+
+---
+
+She is asking if they used to dislike new technology.
+
+### --feedback--
+
+Maria mentions getting excited about new technology, not disliking it.
+
+---
+
+She is asking if he remembers how they used to feel excited about new technology at work.
+
+---
+
+She is asking if he remembers the latest tech updates.
+
+### --feedback--
+
+Maria's focus is on their shared feelings about new technology in the past, not current updates.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The phrase created by using `get` followed by an adjective describes a change of state or becoming a certain way. For example:
+
+- `They always get excited when a new Python update is released.` - `Get excited` means to become enthusiastic or thrilled. This means they are always filled with enthusiasm when a new Python update comes up.
+
+- `He got tired after working on the project all night.` - This means he wasn't tired before, but he is tired now, after a whole night of working on the project.
+
+In Maria's sentence, she is asking if Brian remembers the enthusiasm they used to feel about new technologies while working together.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.46,
+      "finishTimestamp": 17.66
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 4.2,
+      "dialogue": {
+        "text": "Do you remember how we used to get excited about new tech back at work?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f765a22e32e05d4f5074e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f765a22e32e05d4f5074e.md
new file mode 100644
index 0000000000..08bdc903c8
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f765a22e32e05d4f5074e.md
@@ -0,0 +1,94 @@
+---
+id: 671f765a22e32e05d4f5074e
+title: Task 93
+challengeType: 19
+dashedName: task-93
+---
+
+<!-- (Audio) Maria: Do you remember how we used to get excited about new tech back at work? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could Brian tell Maria he definitely remembers the excitement about new tech Maria mentioned?
+
+## --answers--
+
+`Absolutely.`
+
+---
+
+`I vaguely remember.`
+
+### --feedback--
+
+`I vaguely remember` means that something is not very vivid in the speaker's memory.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The word `Absolutely` is used to express strong agreement or affirmation. It is often used in response to a statement or question to emphasize certainty or enthusiasm. For example:
+
+Person 1: `Do you think this approach will work?`
+
+Person 2: `Absolutely!` - This means you are sure the approach will be successful.
+
+In this context, Brian could say `Absolutely` to enthusiastically confirm that he remembers getting excited about new technology at work.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.46,
+      "finishTimestamp": 17.66
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 4.2,
+      "dialogue": {
+        "text": "Do you remember how we used to get excited about new tech back at work?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76959b3ca3060eddbe70.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76959b3ca3060eddbe70.md
new file mode 100644
index 0000000000..6096e864af
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76959b3ca3060eddbe70.md
@@ -0,0 +1,103 @@
+---
+id: 671f76959b3ca3060eddbe70
+title: Task 94
+challengeType: 22
+dashedName: task-94
+---
+
+<!-- (Audio) Brian: Absolutely. We used to spend our lunch breaks chatting about the newest trends in programming. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. We used to spend our lunch breaks BLANK about the newest BLANK in programming.`
+
+## --blanks--
+
+`chatting`
+
+### --feedback--
+
+This word means talking informally with others, often in a relaxed or casual way.
+
+---
+
+`trends`
+
+### --feedback--
+
+This word refers to general directions or popular developments in a particular field.
+
+# --explanation--
+
+`Chat` means to talk informally, usually in a relaxed or casual setting. It often refers to light or friendly conversations. For example:
+
+`We chatted about our plans for the weekend during the coffee break.` - Meaning they talked about the plans.
+
+A `trend` refers to a general direction in which something is developing or becoming popular. In the context of programming, it refers to popular technologies or approaches. For example:
+
+`The trend of using AI in everyday applications is growing rapidly.` - This means the general idea is to start using AI in the creation of commonly used applications.
+
+In this sentence, Brian talks about how they used to have informal conversations (`chatting`) about new and popular developments (`trends`) in programming during lunch breaks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.1,
+      "finishTimestamp": 22.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 3.46,
+      "dialogue": {
+        "text": "Absolutely. We used to spend our lunch breaks",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "startTime": 3.46,
+      "finishTime": 5.7,
+      "dialogue": {
+        "text": "chatting about the newest trends in programming.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 6.2
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76b915c1cf062570fdfc.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76b915c1cf062570fdfc.md
new file mode 100644
index 0000000000..846743c10c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76b915c1cf062570fdfc.md
@@ -0,0 +1,138 @@
+---
+id: 671f76b915c1cf062570fdfc
+title: Task 95
+challengeType: 19
+dashedName: task-95
+---
+
+<!-- (Audio) Brian: Did you go to the AI workshop yesterday? Maria: Yes, I did. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which workshop can we be sure Maria attended yesterday?
+
+## --answers--
+
+The Python workshop.
+
+### --feedback--
+
+Maria specifically confirms attending the AI workshop, not the Python workshop.
+
+---
+
+The AI workshop.
+
+---
+
+The cybersecurity workshop.
+
+### --feedback--
+
+Maria attended the AI workshop, as confirmed in her response.
+
+---
+
+The design workshop.
+
+### --feedback--
+
+Maria explicitly says she attended the AI workshop, not the design workshop.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+AI stands for `Artificial Intelligence`, a field of computer science that focuses on creating systems capable of performing tasks that typically require human intelligence, such as learning, reasoning, and decision-making. For example:
+
+`AI is being used to improve natural language processing in chatbots.` - This means that Artificial Intelligence is used to help chatbots communicate in a more efficient way with humans.
+
+An `AI workshop` is a session or event where participants learn about AI concepts, tools, or applications. These workshops often include hands-on activities to help attendees understand and implement AI technologies. For example:
+
+`The AI workshop covered topics like machine learning and neural networks.` - This means the AI workshop taught machine learning and neural networks.
+
+In this dialog, Maria confirms that she attended an AI workshop yesterday.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 23.3,
+      "finishTimestamp": 26.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 3,
+      "dialogue": {
+        "text": "Did you go to the AI workshop yesterday?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 3
+    },
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 3
+    },
+    {
+      "character": "Maria",
+      "startTime": 3,
+      "finishTime": 4.3,
+      "dialogue": {
+        "text": "Yes, I did.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.8
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76d4b7384c063c097048.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76d4b7384c063c097048.md
new file mode 100644
index 0000000000..c741f69cbb
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76d4b7384c063c097048.md
@@ -0,0 +1,103 @@
+---
+id: 671f76d4b7384c063c097048
+title: Task 96
+challengeType: 22
+dashedName: task-96
+---
+
+<!-- (Audio) Maria: While the speaker was going through neural networks, I thought about our project last year. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`While the speaker was BLANK BLANK neural networks, I thought about our project last year.`
+
+## --blanks--
+
+`going`
+
+### --feedback--
+
+This verb is used as part of the phrasal verb `go through`, meaning to review or explain something in detail. Use it in the `-ing` form.
+
+---
+
+`through`
+
+### --feedback--
+
+This preposition is part of the phrasal verb `go through`, referring to a detailed explanation or review.
+
+# --explanation--
+
+To `go through` means to review, explain, or examine something in detail. It is often used when covering material in a structured or methodical way. For example:
+
+`The instructor went through the project requirements step by step.` - This means the instructor checked the requirements in a detailed manner.
+
+`Neural networks` are a type of artificial intelligence inspired by the structure and function of the human brain. For example:
+
+`The AI model uses neural networks to classify images with high accuracy.` - This means the AI model uses this structure based on the human brain to process data.
+
+In this sentence, Maria describes how the speaker was explaining neural networks during the workshop, prompting her to think about a past project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.66,
+      "finishTimestamp": 30.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.1,
+      "dialogue": {
+        "text": "While the speaker was going through neural networks,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3.48,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "I thought about our project last year.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76eede9f200652954940.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76eede9f200652954940.md
new file mode 100644
index 0000000000..e8e9fd0725
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f76eede9f200652954940.md
@@ -0,0 +1,91 @@
+---
+id: 671f76eede9f200652954940
+title: Task 97
+challengeType: 22
+dashedName: task-97
+---
+
+<!-- (Audio) Maria: I remember you would often stay late, fine-tuning the code until it was just right. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I remember you would often stay late, BLANK the code until it was just right.`
+
+## --blanks--
+
+`fine-tuning`
+
+### --feedback--
+
+This is a compound word that refers to making small adjustments to improve something or make it perfect. remember to use `-`
+
+# --explanation--
+
+`Fine-tuning` means making small, precise adjustments to improve something or optimize it to achieve the desired result. It is often used in technical or creative contexts. For example:
+
+`She spent hours fine-tuning the presentation to ensure it was perfect for the audience.` - This means she adjusted even the smallest details of the presentation to make it perfect.
+
+In this sentence, Maria describes how Brian would carefully adjust the code, making it as efficient or correct as possible.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.98,
+      "finishTimestamp": 34.96
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.84,
+      "dialogue": {
+        "text": "I remember you would often stay late,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3,
+      "finishTime": 4.98,
+      "dialogue": {
+        "text": "fine-tuning the code until it was just right.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.48
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
new file mode 100644
index 0000000000..581e026f56
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
@@ -0,0 +1,119 @@
+---
+id: 671f7708379ef00668b843d4
+title: Task 98
+challengeType: 19
+dashedName: task-98
+---
+
+<!-- (Audio) Maria: I remember you would often stay late, fine-tuning the code until it was just right. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Did Brian use to work regular hours to adjust the code?
+
+## --answers--
+
+No, he would often stay late fine-tuning the code.
+
+---
+
+Yes, he only worked regular hours to adjust the code.
+
+### --feedback--
+
+Maria explicitly mentions that Brian would often stay late, which suggests he worked beyond regular hours.
+
+---
+
+No, he only adjusted the code during meetings.
+
+### --feedback--
+
+Maria describes Brian staying late to fine-tune the code, not working on it exclusively during meetings.
+
+---
+
+Yes, but only when there was an urgent task.
+
+### --feedback--
+
+Maria indicates that staying late was a regular habit for Brian, not something limited to urgent tasks.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Would` in this context expresses a habitual action or repeated behavior in the past. It is often used to describe actions that someone regularly performed, similar to `used to`.
+
+However, `would` focuses more on the action itself, while `used to` can describe states or habits. For example:
+
+- `She would always read a book before going to bed.` - Reading a book before going to bed was a common action for her.
+
+`She used to live in New York before moving here.` - here `used to` is used because living in a place expresses a state of things not an action or something you would habitually do.
+
+In this sentence, Maria uses `would` to describe Brian's repeated habit of staying late to fine-tune the code, which emphasizes his dedication.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.98,
+      "finishTimestamp": 34.96
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.84,
+      "dialogue": {
+        "text": "I remember you would often stay late,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3,
+      "finishTime": 4.98,
+      "dialogue": {
+        "text": "fine-tuning the code until it was just right.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.48
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7727d2e4240680c126bc.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7727d2e4240680c126bc.md
new file mode 100644
index 0000000000..54d64453b8
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7727d2e4240680c126bc.md
@@ -0,0 +1,143 @@
+---
+id: 671f7727d2e4240680c126bc
+title: Task 99
+challengeType: 19
+dashedName: task-99
+---
+
+<!-- (Audio) Maria: I remember you would often stay late, fine-tuning the code until it was just right. Brian: Now I take care of the training so that others can do the same. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Brian do now, and why does he do that?
+
+## --answers--
+
+He still fine-tunes the code himself, but not as often.
+
+### --feedback--
+
+Brian says he focuses on training others now, not doing the fine-tuning himself.
+
+---
+
+He takes care of hiring new team members for coding tasks.
+
+### --feedback--
+
+Brian mentions handling training, not hiring.
+
+---
+
+He reviews others' work without providing training.
+
+### --feedback--
+
+Brian emphasizes that he takes care of the training to help others learn.
+
+---
+
+He takes care of the training so that others can stay late to fine-tune the code.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+The phrase `so that` is used to express purpose or reason, showing why an action is done. For example:
+
+`She explained the process clearly so that everyone could understand it.` - This means her intent with explaining the process clearly was to make everyone understand it.
+
+In the dialog, Brian uses it to show that his goal in providing training is to empower others to perform at the same level as he did when he fine-tuned the code himself.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.98,
+      "finishTimestamp": 39.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.84,
+      "dialogue": {
+        "text": "I remember you would often stay late,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3,
+      "finishTime": 4.98,
+      "dialogue": {
+        "text": "finetuning the code until it was just right.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.64
+    },
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 5.64
+    },
+    {
+      "character": "Brian",
+      "startTime": 6.3,
+      "finishTime": 9.82,
+      "dialogue": {
+        "text": "Now I take care of the training so that others can do the same.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 10.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f774373f2ce0696fe9621.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f774373f2ce0696fe9621.md
new file mode 100644
index 0000000000..bc15b04b00
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f774373f2ce0696fe9621.md
@@ -0,0 +1,98 @@
+---
+id: 671f774373f2ce0696fe9621
+title: Task 100
+challengeType: 22
+dashedName: task-100
+---
+
+<!-- (Audio) Brian: Speaking of which, did you manage to catch the cybersecurity talk this morning? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Speaking of which, did you BLANK to catch the BLANK talk this morning?`
+
+## --blanks--
+
+`manage`
+
+### --feedback--
+
+This word means to succeed in doing something, often with some difficulty.
+
+---
+
+`cybersecurity`
+
+### --feedback--
+
+This word refers to the practice of protecting systems, networks, and data from digital threats.
+
+# --explanation--
+
+`Speaking of which` is used to link a new topic to something that was just mentioned, often as a natural transition in conversation. For example:
+
+`The keynote speaker mentioned Python. Speaking of which, have you tried the new Python library?` - here, `speaking of which` is used to make the transition between the mention the keynote speaker made and the new library.
+
+In this context, `manage` means to succeed in doing something, especially something that might have been difficult. For example:
+
+`Despite the time crunch, I managed to submit the report on time.` - This means you were successful in sending the report before your deadline.
+
+`Cybersecurity` refers to the practice of protecting computer systems, networks, and data from digital attacks or unauthorized access. For example:
+
+`The company invested in cybersecurity measures to prevent data breaches.` - This means the company is concerned with protecting their systems.
+
+In this sentence, Brian asks if Maria attended the talk about protecting systems and data from threats in the morning.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 40.1,
+      "finishTimestamp": 44.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 5.12,
+      "dialogue": {
+        "text": "Speaking of which, did you manage to catch the cybersecurity talk this morning?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 5.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
new file mode 100644
index 0000000000..5a12c90413
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
@@ -0,0 +1,110 @@
+---
+id: 671f7767854d6806ac4fb5f4
+title: Task 101
+challengeType: 19
+dashedName: task-101
+---
+
+<!-- (Audio) Maria: I missed it. I was in a design sprint workshop. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why could Maria not attend the cybersecurity workshop in the morning?
+
+## --answers--
+
+Because she wasn't interested in the topic.
+
+### --feedback--
+
+Maria doesn't mention a lack of interest; she was in another workshop.
+
+---
+
+Because she forgot about it.
+
+### --feedback--
+
+Maria says she missed it because she was attending the design sprint workshop, not because she forgot.
+
+---
+
+Because she was in a design sprint workshop.
+
+---
+
+Because it was canceled.
+
+### --feedback--
+
+Maria explains that she missed the workshop because she was in another one, not because it was canceled.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Miss` means to fail to attend or participate in something. For example:
+
+`I missed the meeting because I was stuck in traffic.` - This means that you spent too long in traffic and this caused a delay to get to work.
+
+A `design sprint` is a time-boxed, collaborative process where a team works on solving a design problem or developing a prototype within a short period, usually a few days. For example:
+
+`The team completed a design sprint to test the new user interface concept.` This means the team participated in this collaborative process to test the concept.
+
+In this context, Maria couldn't attend the cybersecurity workshop because she was actively participating in a design sprint workshop.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.72,
+      "finishTimestamp": 47.16
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.44,
+      "dialogue": {
+        "text": "I missed it. I was in a design sprint workshop.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f77bfcd2bc306c2f6f338.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f77bfcd2bc306c2f6f338.md
new file mode 100644
index 0000000000..6836a92549
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f77bfcd2bc306c2f6f338.md
@@ -0,0 +1,114 @@
+---
+id: 671f77bfcd2bc306c2f6f338
+title: Task 102
+challengeType: 19
+dashedName: task-102
+---
+
+<!-- (Audio) Maria: We brainstormed for two hours straight. How was it? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria say they did at the design sprint workshop?
+
+## --answers--
+
+They brainstormed for two hours straight.
+
+### --feedback--
+
+Maria explains that they spent two hours brainstorming during the design sprint workshop.
+
+---
+
+They worked individually for two hours straight.
+
+### --feedback--
+
+Maria mentions brainstorming, which is a collaborative activity, not individual work.
+
+---
+
+They completed the entire design in two hours straight.
+
+### --feedback--
+
+Maria says they brainstormed, not that they finished the entire design.
+
+---
+
+They took frequent breaks during their brainstorming.
+
+### --feedback--
+
+Maria emphasizes that they brainstormed for two hours without stopping.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To `brainstorm` means to generate ideas or solutions through an open, collaborative discussion, often in a group. It focuses on creativity and problem-solving. For example:
+
+`The team brainstormed ideas for the new marketing campaign.` - This means that the team collaboratively discussed new ideas together for the new marketing campaign.
+
+`Straight` in this context means continuously or without stopping. It emphasizes uninterrupted activity. For example:
+
+`He studied for five hours straight to prepare for the exam.` - This means he did not stop studying for five hours to prepare for the exam.
+
+In this sentence, Maria explains that they brainstormed for two continuous hours during the design sprint workshop.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 47.4,
+      "finishTimestamp": 50.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.82,
+      "dialogue": {
+        "text": "We brainstormed for two hours straight. How was it?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f77dedcc3b006dcfa9c73.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f77dedcc3b006dcfa9c73.md
new file mode 100644
index 0000000000..32728be1ce
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f77dedcc3b006dcfa9c73.md
@@ -0,0 +1,92 @@
+---
+id: 671f77dedcc3b006dcfa9c73
+title: Task 103
+challengeType: 22
+dashedName: task-103
+---
+
+<!-- (Audio) Brian: It was eye-opening, especially the parts about protecting data. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It was BLANK, especially the parts about BLANK data.`
+
+## --blanks--
+
+`eye-opening`
+
+### --feedback--
+
+This word means enlightening or revealing, often leading to a new understanding or perspective. It's a composite word, so don't forget the hyphen between the words.
+
+---
+
+`protecting`
+
+### --feedback--
+
+This word is the `-ing` form of a verb used after the preposition `about`, referring to the act of safeguarding something.
+
+# --explanation--
+
+The term `eye-opening` describes something that is enlightening or surprising, often revealing new or unexpected information. For example:
+
+`The workshop on cybersecurity was eye-opening for the team.` - this means the workshop brought many new ideas and it helped the team understand a lot of things about cybersecurity.
+
+When a verb, like `to protect` follows a preposition, like `about`, it must be in the `-ing` form (gerund). This structure is common in English to describe actions connected to the preposition.  In the sentence, `about protecting` highlights the topic being discussed. For example:
+
+`She is interested in learning more about artificial intelligence.` - here, `in` is the preposition and `to learn` is the verb in the `-ing` form.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.22,
+      "finishTimestamp": 53.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 4.54,
+      "dialogue": {
+        "text": "It was eye-opening, especially the parts about protecting data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 5.04
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7800b5174406f2d0df76.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7800b5174406f2d0df76.md
new file mode 100644
index 0000000000..9b561ad71f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7800b5174406f2d0df76.md
@@ -0,0 +1,70 @@
+---
+id: 671f7800b5174406f2d0df76
+title: Task 106
+challengeType: 22
+dashedName: task-106
+---
+
+# --instructions--
+
+This is a review of the entire dialogue you just studied.
+
+Place the following phrases in the correct spot:
+
+`design sprint workshop`, `neural networks`, `AI workshop`, `cybersecurity talk`, `fine-tuning the code`, and `newest trends in programming`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Maria and Brian meet at PyCon and talk about their experiences at the conference. Maria mentions attending an BLANK, where she explored the BLANK. Brian recalls how they used to chat during lunch breaks about the BLANK.`
+
+`Maria also remembers a project from last year and how Brian spent time BLANK. Brian, who now focuses on training, asks if Maria attended the BLANK, but she missed it because she was busy in a BLANK.`
+
+## --blanks--
+
+`AI workshop`
+
+### --feedback--
+
+Maria participated in this workshop yesterday.
+
+---
+
+`neural networks`
+
+### --feedback--
+
+This topic is part of a workshop that Maria references. It deals with systems modeled after the human brain to process data.
+
+---
+
+`newest trends in programming`
+
+### --feedback--
+
+They used to enjoy conversations about the latest technologies and developments in the programming world.
+
+---
+
+`fine-tuning the code`
+
+### --feedback--
+
+This phrase refers to making small adjustments to ensure the code works perfectly, which Maria recalls Brian often doing.
+
+---
+
+`cybersecurity talk`
+
+### --feedback--
+
+This talk focused on data protection, a topic that Brian found insightful.
+
+---
+
+`design sprint workshop`
+
+### --feedback--
+
+This type of session involves rapid brainstorming and problem-solving activities, which Maria mentions participating in for two hours.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f78193bb0510709b169b8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f78193bb0510709b169b8.md
new file mode 100644
index 0000000000..3ce7f61d20
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f78193bb0510709b169b8.md
@@ -0,0 +1,62 @@
+---
+id: 671f78193bb0510709b169b8
+title: Task 107
+challengeType: 19
+dashedName: task-107
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a prologue to the conversation on PyCon.
+
+`Years ago, Maria and Brian sat in their office, imagining what it would be like to attend one of the world's biggest tech conferences, PyCon. Back then, they were junior developers, excited about every new programming trend and always pushing each other to improve. They promised they would attend PyCon again one day.`
+
+`Fast forward to today: here they are, attending sessions on AI and cybersecurity, talking about design sprints, and reflecting on how far they've come. Their dream is no longer just a dream—it's real, and they're living it.`
+
+`The adventure has only just begun.`
+
+What was Maria and Brian's dream years ago?
+
+## --answers--
+
+To work on AI projects together.
+
+### --feedback--
+
+Their dream involved attending an event, not a specific project focus.
+
+---
+
+To attend one of the biggest tech conferences, PyCon.
+
+---
+
+To become senior developers in their office.
+
+### --feedback--
+
+The text describes them as junior developers with a different goal in mind.
+
+---
+
+To start their own tech company.
+
+### --feedback--
+
+The dream mentioned is related to attending a tech conference, not starting a business.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Focus on the sentence that starts with `Years ago, Maria and Brian…`. This sentence explains Maria and Brian's goal when they were junior developers, sitting in their office and dreaming about the future.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7834b9a323071f7a325e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7834b9a323071f7a325e.md
new file mode 100644
index 0000000000..41e895640e
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7834b9a323071f7a325e.md
@@ -0,0 +1,62 @@
+---
+id: 671f7834b9a323071f7a325e
+title: Task 108
+challengeType: 19
+dashedName: task-108
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a prologue to the conversation on PyCon.
+
+`Years ago, Maria and Brian sat in their office, imagining what it would be like to attend one of the world's biggest tech conferences, PyCon. Back then, they were junior developers, excited about every new programming trend and always pushing each other to improve. They promised they would attend PyCon again one day.`
+
+`Fast forward to today: here they are, attending sessions on AI and cybersecurity, talking about design sprints, and reflecting on how far they've come. Their dream is no longer just a dream—it's real, and they're living it.`
+
+`The adventure has only just begun.`
+
+How did Maria and Brian feel about programming trends when they were junior developers?
+
+## --answers--
+
+They were uninterested in programming trends.
+
+### --feedback--
+
+The text suggests they felt quite the opposite about programming trends.
+
+---
+
+They preferred only to work on established technologies.
+
+### --feedback--
+
+The text indicates that they were enthusiastic about new trends, not sticking solely to established tech.
+
+---
+
+They ignored new trends to focus on their work.
+
+### --feedback--
+
+Ignoring trends doesn't align with the text's description of their excitement.
+
+---
+
+They were excited about every new programming trend.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Focus on the sentence that starts with `Back then, they were junior developers…`. This sentence provides insight into how Maria and Brian felt about new programming trends early in their careers.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7852f3a7e80737cc21d0.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7852f3a7e80737cc21d0.md
new file mode 100644
index 0000000000..ae445d6343
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7852f3a7e80737cc21d0.md
@@ -0,0 +1,62 @@
+---
+id: 671f7852f3a7e80737cc21d0
+title: Task 109
+challengeType: 19
+dashedName: task-109
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a prologue to the conversation on PyCon.
+
+`Years ago, Maria and Brian sat in their office, imagining what it would be like to attend one of the world's biggest tech conferences, PyCon. Back then, they were junior developers, excited about every new programming trend and always pushing each other to improve. They promised they would attend PyCon again one day.`
+
+`Fast forward to today: here they are, attending sessions on AI and cybersecurity, talking about design sprints, and reflecting on how far they've come. Their dream is no longer just a dream—it's real, and they're living it.`
+
+`The adventure has only just begun.`
+
+What sessions are Maria and Brian attending at PyCon?
+
+## --answers--
+
+Sessions on programming languages and web design.
+
+### --feedback--
+
+The text gives different examples of the session topics they attended.
+
+---
+
+Sessions on Python basics and data entry.
+
+### --feedback--
+
+The topics mentioned in the text are not related to basic or introductory subjects.
+
+---
+
+Sessions on AI and cybersecurity.
+
+---
+
+Sessions on project management and networking.
+
+### --feedback--
+
+The focus of the sessions mentioned in the text is more technical and specific.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Focus on the sentence that starts with `Fast forward to today…`. This sentence lists the sessions that Maria and Brian are attending at PyCon, reflecting their current interests.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f786a18c275074d55d298.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f786a18c275074d55d298.md
new file mode 100644
index 0000000000..a0728b6376
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f786a18c275074d55d298.md
@@ -0,0 +1,62 @@
+---
+id: 671f786a18c275074d55d298
+title: Task 110
+challengeType: 19
+dashedName: task-110
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a prologue to the conversation on PyCon.
+
+`Years ago, Maria and Brian sat in their office, imagining what it would be like to attend one of the world's biggest tech conferences, PyCon. Back then, they were junior developers, excited about every new programming trend and always pushing each other to improve. They promised they would attend PyCon again one day.`
+
+`Fast forward to today: here they are, attending sessions on AI and cybersecurity, talking about design sprints, and reflecting on how far they've come. Their dream is no longer just a dream—it's real, and they're living it.`
+
+`The adventure has only just begun.`
+
+What does the text mean when it says, `Their dream is no longer just a dream—it's real`?
+
+## --answers--
+
+They are dreaming of attending PyCon in the future.
+
+### --feedback--
+
+The text indicates that they have already realized their dream, not just planned it.
+
+---
+
+Maria and Brian are finally attending PyCon, making their dream come true.
+
+---
+
+They forgot about PyCon over the years.
+
+### --feedback--
+
+The text shows that they kept their goal of attending PyCon, without forgetting it.
+
+---
+
+They are planning to attend PyCon next year.
+
+### --feedback--
+
+The text indicates they are already attending, not planning for a future event.
+
+## --video-solution--
+
+2
+
+# --explanation
+
+Focus on the sentence that starts with `Their dream is no longer just a dream…`. This sentence tells us that Maria and Brian are now living the dream they once envisioned.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f788c2665b807636b31a8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f788c2665b807636b31a8.md
new file mode 100644
index 0000000000..5602c903a3
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f788c2665b807636b31a8.md
@@ -0,0 +1,62 @@
+---
+id: 671f788c2665b807636b31a8
+title: Task 111
+challengeType: 19
+dashedName: task-111
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a prologue to the conversation on PyCon.
+
+`Years ago, Maria and Brian sat in their office, imagining what it would be like to attend one of the world's biggest tech conferences, PyCon. Back then, they were junior developers, excited about every new programming trend and always pushing each other to improve. They promised they would attend PyCon again one day.`
+
+`Fast forward to today: here they are, attending sessions on AI and cybersecurity, talking about design sprints, and reflecting on how far they've come. Their dream is no longer just a dream—it's real, and they're living it.`
+
+`The adventure has only just begun.`
+
+Why is attending PyCon significant for Maria and Brian?
+
+## --answers--
+
+It fulfills a long-held goal they had since they were junior developers.
+
+---
+
+It's their first time working on a new tech project together.
+
+### --feedback--
+
+The text doesn't mention a new project at PyCon, but rather that attending the conference fulfills a past goal.
+
+---
+
+It allowed them to meet their favorite tech influencers.
+
+### --feedback--
+
+The text emphasizes achieving a personal dream, not meeting influencers.
+
+---
+
+It gave them a chance to launch their own product.
+
+### --feedback--
+
+There is no mention of a product launch; the significance lies in achieving their goal of attending PyCon.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Focus on the sentence that starts with `They promised they would…`. This sentence shows that attending PyCon was their goal, making it significant as it fulfills a long-held promise.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6746005e0cf96b701d861793.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6746005e0cf96b701d861793.md
new file mode 100644
index 0000000000..74eebec915
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6746005e0cf96b701d861793.md
@@ -0,0 +1,108 @@
+---
+id: 6746005e0cf96b701d861793
+title: Task 29
+challengeType: 19
+dashedName: task-29
+---
+
+<!-- (Audio) Lisa: Wasn't it stressful though? -->
+
+# --description--
+
+Listen to the audio and answer the question.
+
+# --questions--
+
+## --text--
+
+What is Lisa asking James about?
+
+## --answers--
+
+She's asking if it took too long to find the bug.
+
+### --feedback--
+
+Lisa is not asking about how long it took. She just wants to know if it was stressful.
+
+---
+
+She's trying to confirm if finding the bug was a stressful task.
+
+---
+
+She's asking if James was the one who didn't update the credentials.
+
+### --feedback--
+
+Lisa is not trying to know who's responsible for it.
+
+---
+
+She's asking if there is anything she can do to help.
+
+### --feedback--
+
+Help is no longer necessary, since James has already fixed the problem.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The word `stressful` describes situations or events that cause stress, tension, or anxiety. It is often used to talk about experiences that are challenging or demanding. For example:
+
+- `The deadline was stressful because we had so much work to do.` - Meaning they felt a lot of stress due to the deadline.
+
+- `Presenting to a large audience can be stressful.` - Meaning you can be feel really anxious when you present in front of an audience.
+
+In this question, Lisa is asking James if fixing the issue with the app and the credentials was a stressful experience for him.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 35.6,
+      "finishTimestamp": 36.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2.34,
+      "dialogue": {
+        "text": "Wasn't it stressful though?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 2.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674604ef287b978febd50bc9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674604ef287b978febd50bc9.md
new file mode 100644
index 0000000000..a4abb17b7f
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674604ef287b978febd50bc9.md
@@ -0,0 +1,80 @@
+---
+id: 674604ef287b978febd50bc9
+title: Task 30
+challengeType: 22
+dashedName: task-30
+---
+
+<!-- (Audio) Lisa: Wasn't it stressful though? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Wasn't it stressful BLANK?`
+
+## --blanks--
+
+`though`
+
+### --feedback--
+
+This word is used to add emphasis or to show a contrast or unexpected outcome.
+
+# --explanation--
+
+`Though` is often used at the end of a sentence to add emphasis or to show a contrast with what was previously said or implied. In this context, Lisa is emphasizing her surprise or curiosity about whether James found the situation stressful despite his success. For example:
+
+`The presentation went well, though it was stressful at first.` - Here, `though` highlights the contrast between the overall success and the initial stress.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 35.6,
+      "finishTimestamp": 36.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2.34,
+      "dialogue": {
+        "text": "Wasn't it stressful though?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 2.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674605049656269110601a79.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674605049656269110601a79.md
new file mode 100644
index 0000000000..447b174c6e
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674605049656269110601a79.md
@@ -0,0 +1,86 @@
+---
+id: 674605049656269110601a79
+title: Task 31
+challengeType: 22
+dashedName: task-31
+---
+
+<!-- (Audio) Lisa: Wasn't it stressful though? -->
+
+# --description--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK it stressful though?`
+
+## --blanks--
+
+`Wasn't`
+
+### --feedback--
+
+This is singular form of the verb `to be` in the Simple Past, but in the negative form. Do not forget to capitalize it.
+
+# --explanation--
+
+In negative questions with the verb `to be` in the Simple Past, use the structure **Wasn't/Weren't + subject + complement?**
+
+This structure is often used to confirm something or to express surprise or doubt. For example:
+
+- `Wasn't she at the meeting yesterday?` - You are not only asking about her being at the meeting, you are trying to confirm it because you think she was.
+
+- `Weren't they informed about the changes?` - You are trying to confirm if they were informed or not.
+
+In Lisa's question, `Wasn't it stressful though?`, she is asking James to confirm if the situation was stressful, possibly expecting that it might have been.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 35.6,
+      "finishTimestamp": 36.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2.34,
+      "dialogue": {
+        "text": "Wasn't it stressful though?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 2.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
new file mode 100644
index 0000000000..46c87a9f37
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
@@ -0,0 +1,110 @@
+---
+id: 674609a92ccf079d86cd81db
+title: Task 32
+challengeType: 22
+dashedName: task-32
+---
+
+<!-- (Audio) Lisa: Wasn't it stressful though? James: A bit, but solving problems like these is what makes our job interesting, right? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`A BLANK, but solving problems like these is what makes our job interesting, right?`
+
+## --blanks--
+
+`bit`
+
+### --feedback--
+
+This phrase is used to indicate a small amount or degree.
+
+# --explanation--
+
+`A bit` is used to indicate a small amount or degree of something. For Example:
+
+`I was a bit tired after the long day.` - Here, `a bit` emphasizes that the speaker was slightly tired, but it wasn't extreme.
+
+This phrase is commonly used in informal contexts to soften statements or describe minor degrees of feelings or situations. In this dialog, James is admitting that the situation was slightly stressful but not overwhelming.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 35.6,
+      "finishTimestamp": 41.66
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2.34,
+      "dialogue": {
+        "text": "Wasn't it stressful though?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 2.56
+    },
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 2.56
+    },
+    {
+      "character": "James",
+      "startTime": 2.78,
+      "finishTime": 7.06,
+      "dialogue": {
+        "text": "A bit, but solving problems like these is what makes our job interesting, right?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 7.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
new file mode 100644
index 0000000000..830a85712b
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
@@ -0,0 +1,95 @@
+---
+id: 67460b84234b70a4772d2094
+title: Task 33
+challengeType: 19
+dashedName: task-33
+---
+
+<!-- (Audio) James: A bit, but solving problems like these is what makes our job interesting, right? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How could Lisa confirm in a single word and enthusiastically that she agrees with what James just said?
+
+## --answers--
+
+`Absolutely!`
+
+---
+
+`Objection!`
+
+### --feedback--
+
+`Objection` is normally used in court when an attorney says they disagree with what has been said or proposed by another attorney. It expresses disagreement, not agreement.
+
+## --video-solution--
+
+1
+
+
+# --explanation--
+
+`Absolutely` is used to express complete agreement or certainty. It is often used in informal or conversational contexts to emphasize strong agreement.  For example:
+
+Person 1: `Do you think we should move forward with this plan?`
+
+Person 2: `Absolutely!` -  Here, `Absolutely` shows that the speaker is fully in favor of the plan and has no doubts.
+
+In this dialog, Lisa is strongly agreeing with James's point about their job being interesting because of the challenges they solve.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 37.18,
+      "finishTimestamp": 41.66
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 5.48,
+      "dialogue": {
+        "text": "A bit, but solving problems like these is what makes our job interesting, right?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 5.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461094ba7296b13c1bb045.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461094ba7296b13c1bb045.md
new file mode 100644
index 0000000000..8b47e1f3a6
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461094ba7296b13c1bb045.md
@@ -0,0 +1,136 @@
+---
+id: 67461094ba7296b13c1bb045
+title: Task 34
+challengeType: 19
+dashedName: task-34
+---
+
+<!-- (Audio) James: A bit, but solving problems like these is what makes our job interesting, right? Lisa: Absolutely. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Lisa mean?
+
+## --answers--
+
+She completely agrees with James.
+
+---
+
+She partially agrees with James.
+
+### --feedback--
+
+`Absolutely` indicates full agreement, not partial agreement.
+
+---
+
+She is not sure she understands what James is trying to say.
+
+### --feedback--
+
+`Absolutely` shows Lisa is confident and fully agrees with James.
+
+---
+
+She disagrees with James.
+
+### --feedback--
+
+`Absolutely` is a clear expression of agreement, not disagreement.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Absolutely` is used to express complete agreement or certainty. For example:
+
+Person 1: `Do you think this solution will work?`
+
+Person 2: `Absolutely!` - Meaning that you are entirely confident and supportive of the solution.
+
+In this dialog, Lisa, thus, is showing James she fully agrees with what he said.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 37.18,
+      "finishTimestamp": 42.82
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 5.48,
+      "dialogue": {
+        "text": "A bit, but solving problems like these is what makes our job interesting, right?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 5.75
+    },
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 5.75
+    },
+    {
+      "character": "Lisa",
+      "startTime": 6.02,
+      "finishTime": 6.62,
+      "dialogue": {
+        "text": "Absolutely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 7.12
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674612ab7e6b0ab83408262a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674612ab7e6b0ab83408262a.md
new file mode 100644
index 0000000000..21f30fadda
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674612ab7e6b0ab83408262a.md
@@ -0,0 +1,86 @@
+---
+id: 674612ab7e6b0ab83408262a
+title: Task 35
+challengeType: 22
+dashedName: task-35
+---
+
+<!-- (Audio) Lisa: Thanks for handling it, James. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks for BLANK it, James.`
+
+## --blanks--
+
+`handling`
+
+### --feedback--
+
+This word means taking care of or managing something. Use it in the `-ing` form.
+
+# --explanation--
+
+`Handle` in this context means to take care of or manage a task, issue, or responsibility. For example:
+
+ `He handled the situation professionally.` - Meaning he took care of the problem as a professional.
+
+When a verb follows a preposition, like `for`, it is used in the `-ing` form. For example:
+
+`She apologized for being late.` - The preposition `for` is followed by `being` in the -ing form.
+
+In the sentence, Lisa is thanking James for managing or solving the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 43.04,
+      "finishTimestamp": 44.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2.54,
+      "dialogue": {
+        "text": "Thanks for handling it, James.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 3.04
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
new file mode 100644
index 0000000000..5ecbaf5e72
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
@@ -0,0 +1,110 @@
+---
+id: 674616565854f7c788740cee
+title: Task 36
+challengeType: 19
+dashedName: task-36
+---
+
+<!-- (Audio) Lisa: Did anything else come up while you were debugging? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Lisa want to know?
+
+## --answers--
+
+She wants to know why James was debugging.
+
+### --feedback--
+
+Lisa's question isn't about the reason for debugging; it's about whether other issues came up during that time.
+
+---
+
+She wants to know when James started debugging.
+
+### --feedback--
+
+Lisa's question focuses on what else happened during debugging, not the timing.
+
+---
+
+She wants to know if any other issues appeared while James was debugging.
+
+---
+
+She wants to know if debugging is finished.
+
+### --feedback--
+
+Lisa's question is about what happened during debugging, not whether it is finished.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+In this question, Lisa uses the `Simple Past` and the `Past Continuous` to ask about two actions that occurred in the past.
+
+`Did anything else come up` describes a completed action or event that may have occurred at some point during the debugging process. (`Simple Past`)
+
+`While you were debugging`  describes an ongoing activity in the past during which the event in the Simple Past could have happened. (`Past Continuous`) For example:
+
+`Did anyone call while you were working on the report?` - here, the `Simple Past` tense  asks about a specific event, while the `Past Continuous` provides the background activity during which the event could have happened.
+
+This combination is used to show the occurrence of an event in the middle of another, longer one, or simultaneous longer actions happening in the past.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.92,
+      "finishTimestamp": 47.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 3.1,
+      "dialogue": {
+        "text": "Did anything else come up while you were debugging?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 3.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
new file mode 100644
index 0000000000..4eedb646ec
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
@@ -0,0 +1,94 @@
+---
+id: 674619b6699a06d064c9717f
+title: Task 37
+challengeType: 22
+dashedName: task-37
+---
+
+<!-- (Audio) Lisa: Did anything else come up while you were debugging? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Did anything else BLANK up while you were BLANK?`
+
+## --blanks--
+
+`come`
+
+### --feedback--
+
+Followed by `up` in this phrase, it means to arise or appear unexpectedly.
+
+---
+
+`debugging`
+
+### --feedback--
+
+This word refers to identifying and fixing errors or issues in code. Use the `-ing` form.
+
+# --explanation--
+
+`Come up` means to arise, appear, or occur unexpectedly. For example:
+
+`Something important came up during the meeting, and we had to address it immediately.` - Meaning something occurred during the meeting that needed immediate attention.
+
+`Debugging` refers to the process of identifying and resolving errors or issues in code. For example:
+
+`The team spent hours debugging the software before the release.` - Meaning they spent a long time identifying and solving these errors.
+
+Lisa's question asks if any other unexpected issues could be seen during the process of fixing code errors.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.92,
+      "finishTimestamp": 47.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 3.1,
+      "dialogue": {
+        "text": "Did anything else come up while you were debugging?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 3.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
new file mode 100644
index 0000000000..ded0a6c923
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
@@ -0,0 +1,89 @@
+---
+id: 67461c06865e13d715967f1d
+title: Task 38
+challengeType: 22
+dashedName: task-38
+---
+
+<!-- (Audio) Lisa: Did anything else come up while you were debugging? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Did BLANK else come up while you were debugging?`
+
+## --blanks--
+
+`anything`
+
+### --feedback--
+
+This word is used in questions to ask if something occurred or existed.
+
+# --explanation--
+
+`Anything` is used in questions to ask if something happened, existed, or was present. It is neutral and does not assume the existence of anything specific. For example:
+
+`Did anything unusual happen during the test?` - Meaning you are asking about unusual events that could be found during the test.
+
+In affirmative sentences, use `something` to indicate the existence of a thing. For example:
+
+`Something interesting happened during the meeting.` - Meaning a different thing than the usual happened.
+
+In negative sentences, use `anything` to indicate that no thing occurred or existed. For example:
+
+`I didn't see anything unusual in the report.` - meaning there were no surprises in the report.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.92,
+      "finishTimestamp": 47.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 3.1,
+      "dialogue": {
+        "text": "Did anything else come up while you were debugging?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 3.6
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/675060b39af6ab3f14f394e2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/675060b39af6ab3f14f394e2.md
new file mode 100644
index 0000000000..a2526df227
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/675060b39af6ab3f14f394e2.md
@@ -0,0 +1,142 @@
+---
+id: 675060b39af6ab3f14f394e2
+title: Task 39
+challengeType: 19
+dashedName: task-39
+---
+
+<!-- (Audio) Lisa: Did anything else come up while you were debugging? James: Not really. Everything else was running smoothly once the database issue was fixed. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does James mean by his answer?
+
+## --answers--
+
+He means several major issues appeared after fixing the database.
+
+### --feedback--
+
+James says, `Not really`, meaning there were no significant issues after the database was fixed.
+
+---
+
+He means the database issue is still unresolved.
+
+### --feedback--
+
+James mentions that the database issue was fixed and everything else was running smoothly afterwards.
+
+---
+
+He means debugging was stressful the whole time.
+
+### --feedback--
+
+James mentions that things ran smoothly once the database issue was resolved, implying the stress decreased.
+
+---
+
+He means there were no significant issues after fixing the database.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+James means that the situation improved right after the database issue was resolved. He uses `Not really` to indicate that no major issues occurred, though there may have been minor or insignificant ones. This phrase is often used to soften a negative response. For example:
+
+Person 1: `Did you enjoy the movie?`
+
+Person 2: `Not really. It was too slow.` - This means you did not like the movie much.
+
+`Smoothly` is an adverb meaning without problems or interruptions. While `smoothly` (adverb) describes how an action is performed, `smooth` (adjective) describes a state or quality. For example:
+
+`The meeting went smoothly after everyone arrived on time.` - This means everything was ok at the meeting.
+
+`The surface of the table is smooth.` - Meaning there were no inconsistencies in the surface.
+
+`Once` means the same as `as soon as` or `after`, indicating that everything ran smoothly after the database was fixed. For example: - `Once the updates were installed, the system worked perfectly.` (this means that the system worked after the updates were installed)
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      },
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.12,
+      "finishTimestamp": 51.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 2.7,
+      "dialogue": {
+        "text": "Did anything else come up while you were debugging?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 2.94
+    },
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 2.94
+    },
+    {
+      "character": "James",
+      "startTime": 3.18,
+      "finishTime": 7.48,
+      "dialogue": {
+        "text": "Not really. Everything else was running smoothly once the database issue was fixed.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 7.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6750651aafcea04c6958a4e5.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6750651aafcea04c6958a4e5.md
new file mode 100644
index 0000000000..410a3459d8
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6750651aafcea04c6958a4e5.md
@@ -0,0 +1,88 @@
+---
+id: 6750651aafcea04c6958a4e5
+title: Task 40
+challengeType: 22
+dashedName: task-40
+---
+
+<!-- (Audio) James: Everything else was running smoothly once the database issue was fixed. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Everything else BLANK running smoothly once the database issue was fixed.`
+
+## --blanks--
+
+`was`
+
+### --feedback--
+
+This word is the singular form of the verb `to be` in the Simple Past, used with subjects like `everything`, `something`, `anything`, and `nothing`.
+
+# --explanation--
+
+Words like `everything`, `something`, `anything`, and `nothing` are indefinite pronouns that take singular verbs, even though they may refer to multiple items or concepts. For example:
+
+- `Everything was ready for the presentation.` - `Everything` refers to all things and requires a singular verb.
+
+- `Something is wrong with the code.` - `Something` refers to an unspecified thing and takes a singular verb.
+
+- `Is anything missing from the report?` - `Anything` refers to any one thing in a general sense and uses a singular verb.
+
+- `Nothing was found in the logs.`  - `Nothing` refers to the absence of things and requires a singular verb)
+
+In the sentence `Everything else was running smoothly`, you use `was` because `everything` is treated as singular, even though it refers to multiple elements.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "James",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.3,
+      "finishTimestamp": 51.6
+    }
+  },
+  "commands": [
+    {
+      "character": "James",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "James",
+      "startTime": 1,
+      "finishTime": 4.3,
+      "dialogue": {
+        "text": "Everything else was running smoothly once the database issue was fixed.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "James",
+      "opacity": 0,
+      "startTime": 4.8
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6750697ee8b87f5e665c0712.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6750697ee8b87f5e665c0712.md
new file mode 100644
index 0000000000..1919acb2f2
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6750697ee8b87f5e665c0712.md
@@ -0,0 +1,88 @@
+---
+id: 6750697ee8b87f5e665c0712
+title: Task 41
+challengeType: 22
+dashedName: task-41
+---
+
+<!-- (Audio) Lisa: Perfect. Let's make sure we double check credentials after security updates in the future. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Perfect. Let's make sure we BLANK BLANK credentials after security updates in the future.`
+
+## --blanks--
+
+`double`
+
+### --feedback--
+
+This word means to do something twice or with extra care.
+
+---
+
+`check`
+
+### --feedback--
+
+This word refers to verifying or confirming something.
+
+# --explanation--
+
+`Double check` means to verify something a second time to ensure it is correct or accurate. It is often used when dealing with important tasks to avoid errors.  For example:
+
+`We need to double check the calculations before submitting the report.` - Meaning you'd like to verify if the calculations are right once more before sending the report to those who will analyze it.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "interview-room3.png",
+    "characters": [
+      {
+        "character": "Lisa",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.92,
+      "finishTimestamp": 56
+    }
+  },
+  "commands": [
+    {
+      "character": "Lisa",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Lisa",
+      "startTime": 1,
+      "finishTime": 5.08,
+      "dialogue": {
+        "text": "Perfect. Let's make sure we double check credentials after security updates in the future.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Lisa",
+      "opacity": 0,
+      "startTime": 5.58
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/675846ef3e2e50e95e99aded.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/675846ef3e2e50e95e99aded.md
new file mode 100644
index 0000000000..12e2fbef9c
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/675846ef3e2e50e95e99aded.md
@@ -0,0 +1,92 @@
+---
+id: 675846ef3e2e50e95e99aded
+title: Task 104
+challengeType: 22
+dashedName: task-104
+---
+
+<!-- (Audio) Brian: It made me think of how we handled security in our earlier projects. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It made me think of how we BLANK security in our BLANK projects.`
+
+## --blanks--
+
+`handled`
+
+### --feedback--
+
+This word means to manage or deal with something. It's in its Simple Past form.
+
+---
+
+`earlier`
+
+### --feedback--
+
+This word means happening or existing before a certain point in time.
+
+# --explanation--
+
+`Handle` means to manage or deal with something, especially a task, problem, or responsibility. For example:
+
+`She handled the customer complaints with great professionalism.` - This means she was very professional when dealing with customers and their negative comments.
+
+`Earlier` means happening before a certain point in time. For example:
+
+`He referred to an earlier email to clarify the misunderstanding.` - This means he mentioned an email that was sent before to help everyone understand the case.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.1,
+      "finishTimestamp": 57.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 4.74,
+      "dialogue": {
+        "text": "It made me think of how we handled security in our earlier projects.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 5.24
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
new file mode 100644
index 0000000000..06f85c5338
--- /dev/null
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
@@ -0,0 +1,115 @@
+---
+id: 6758486d05a8fcf01a20c8b4
+title: Task 105
+challengeType: 19
+dashedName: task-105
+---
+
+<!-- (Audio) Brian: It was eye-opening, especially the parts about protecting data. It made me think of how we handled security in our earlier projects. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did Brian think about the cybersecurity workshop?
+
+## --answers--
+
+He thought it didn't provide useful information.
+
+### --feedback--
+
+Brian mentions that the workshop made him think about past projects, indicating it had an impact.
+
+---
+
+He thought it made him reflect on how they handled security in earlier projects.
+
+---
+
+He thought it was unrelated to their previous work.
+
+### --feedback--
+
+Brian explicitly connects the workshop to how they handled security in earlier projects.
+
+---
+
+He thought it wasn't worth attending.
+
+### --feedback--
+
+Brian found the workshop impactful as it made him think about their past security practices.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Make` someone `think` means to prompt reflection or consideration about a particular topic or situation. It often refers to something that causes a person to evaluate or analyze an issue more deeply. For example:
+
+`The documentary made me think about how I can reduce my carbon footprint.` - This means that watching the documentary helped you think about how to pollute less.
+
+In this context, the cybersecurity workshop prompted Brian to reflect on how they managed security in their projects in the past.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "cafe.png",
+    "characters": [
+      {
+        "character": "Brian",
+        "position": {
+          "x": 50,
+          "y": 15,
+          "z": 1.2
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_2-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.22,
+      "finishTimestamp": 57.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Brian",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Brian",
+      "startTime": 1,
+      "finishTime": 4.54,
+      "dialogue": {
+        "text": "It was eye-opening, especially the parts about protecting data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "startTime": 4.88,
+      "finishTime": 8.62,
+      "dialogue": {
+        "text": "It made me think of how we handled security in our earlier projects.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Brian",
+      "opacity": 0,
+      "startTime": 9.12
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
index 15c1ba625a..e00d5c279b 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
@@ -23,7 +23,7 @@ If the screen reader updates are completely finished.
 
 ### --feedback--
 
-Tom’s question is about an ongoing process, not whether the updates are fully completed.
+Tom's question is about an ongoing process, not whether the updates are fully completed.
 
 ---
 
@@ -31,7 +31,7 @@ If the screen reader updates have not started yet.
 
 ### --feedback--
 
-Tom’s question suggests that the updates have already started, not that they haven’t begun.
+Tom's question suggests that the updates have already started, not that they haven't begun.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
index 3569fd6722..18d3578908 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-6
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
index 5945848ef3..23fb1d4747 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-7
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I started a few months ago. BLANK been BLANK the BLANK from our last user BLANK. How’s the design side coming along?`
+`Yes, I started a few months ago. BLANK been BLANK the BLANK from our last user BLANK. How's the design side coming along?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
index e2089ae1fd..6d32c229cd 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-8
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
index 1ce1230835..265905054b 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-9
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the BLANK side BLANK?`
+`Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the BLANK side BLANK?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
index fadad1430c..1810c7563c 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-10
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 <!-- SPEAKING --> 
 
@@ -17,7 +17,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What’s the best answer to Sophie's question about the design side?
+What's the best answer to Sophie's question about the design side?
 
 ## --answers--
 
@@ -37,7 +37,7 @@ This response is unrelated to the design side and does not answer Sophie's quest
 
 # --explanation--
 
-Sophie's question `How’s the design side coming along?` asks about the progress of the design work. The best answer should provide a relevant update.
+Sophie's question `How's the design side coming along?` asks about the progress of the design work. The best answer should provide a relevant update.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
index c0067aa9a8..0c2d06bfe5 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
@@ -45,7 +45,7 @@ These are the rules or instructions that provide direction for how something sho
 
 To `tweak` means to make a slight adjustment or modification. For example:
 
-`The developer tweaked the code to improve the app’s performance.` - This means that the developer made small changes to the code to enhance how the app functions.
+`The developer tweaked the code to improve the app's performance.` - This means that the developer made small changes to the code to enhance how the app functions.
 
 `Layouts` are the arrangement or structure of elements on a page or interface. For example:
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
index 7044f32296..06f1d20511 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-13
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements? -->
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`That’s good to hear. Do you think the users BLANK BLANK the BLANK?`
+`That's good to hear. Do you think the users BLANK BLANK the BLANK?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
index d2bdf1a766..70d243060e 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-15
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements? -->
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements? -->
 
 # --instructions--
 
@@ -23,7 +23,7 @@ If the users are happy with the design updates.
 
 ### --feedback--
 
-Sophie’s focus is on whether users have observed the improvements, not if they are happy with the design.
+Sophie's focus is on whether users have observed the improvements, not if they are happy with the design.
 
 ---
 
@@ -51,7 +51,7 @@ Sophie is interested in whether users have observed the improvements, not about
 
 # --explanation--
 
-Sophie’s question shows her curiosity about whether users are aware of the positive changes made to the product.
+Sophie's question shows her curiosity about whether users are aware of the positive changes made to the product.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
index c0ea97751c..8dd9370f36 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-16
 ---
 
-<!-- (audio) Tom: I think so. We haven’t been receiving as many negative comments. -->
+<!-- (audio) Tom: I think so. We haven't been receiving as many negative comments. -->
 
 # --instructions--
 
@@ -47,7 +47,7 @@ These are opinions or feedback shared by users, in the plural form.
 
 `Negative` refers to something unfavorable or critical. For example:
 
-`The user left a negative review about the app’s performance.` - Here, `negative` describes the unfavorable nature of the review.
+`The user left a negative review about the app's performance.` - Here, `negative` describes the unfavorable nature of the review.
 
 `Comment` is an opinion or piece of feedback provided by someone. Its plural form is `comments`. For example:
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
index 79715619a6..82f5580840 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
@@ -5,9 +5,9 @@ challengeType: 19
 dashedName: task-17
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements?
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements?
 
-Tom: I think so. We haven’t been receiving as many negative comments. -->
+Tom: I think so. We haven't been receiving as many negative comments. -->
 
 # --instructions--
 
@@ -17,7 +17,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-How does Tom respond to Sophie’s question about user feedback?
+How does Tom respond to Sophie's question about user feedback?
 
 ## --answers--
 
@@ -25,11 +25,11 @@ He says the users have noticed more negative comments.
 
 ### --feedback--
 
-Tom actually mentions that they haven’t been receiving as many negative comments.
+Tom actually mentions that they haven't been receiving as many negative comments.
 
 ---
 
-He says they haven’t been receiving as many negative comments.
+He says they haven't been receiving as many negative comments.
 
 ---
 
@@ -41,7 +41,7 @@ Tom does not specifically mention positive comments, only that the negative ones
 
 ---
 
-He says he’s waiting for more feedback.
+He says he's waiting for more feedback.
 
 ### --feedback--
 
@@ -53,7 +53,7 @@ Tom is talking about the current trend of fewer negative comments, not waiting f
 
 # --explanation--
 
-Tom's response, `We haven’t been receiving as many negative comments`, uses the `Present Perfect Continuous` in the negative form. This tense is formed by `haven’t/hasn’t + been + verb(-ing)` and is used to describe actions that have not been happening over a period of time. In this case, it shows that fewer negative comments have been received over time, indicating a possible improvement.
+Tom's response, `We haven't been receiving as many negative comments`, uses the `Present Perfect Continuous` in the negative form. This tense is formed by `haven't/hasn't + been + verb(-ing)` and is used to describe actions that have not been happening over a period of time. In this case, it shows that fewer negative comments have been received over time, indicating a possible improvement.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
index 9c830e0fb1..e9f3b3334e 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-18
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -41,7 +41,7 @@ This refers to changes made to improve or adapt something. It's plural form.
 
 `Adjustments` means small changes made to improve or adapt something. For example,
 
-`We made adjustments to the app’s layout for better user experience.` - `Adjustments` refers to the changes made to improve how users interact with the app.
+`We made adjustments to the app's layout for better user experience.` - `Adjustments` refers to the changes made to improve how users interact with the app.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
index de3b5acf88..b89232b499 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-19
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Sophie does not express frustration. She mentions feeling relieved instead.
 
 # --explanation--
 
-Sophie’s use of `That’s a relief` indicates that she feels better or more comfortable about the progress being made, rather than feeling worried, confused, or frustrated.
+Sophie's use of `That's a relief` indicates that she feels better or more comfortable about the progress being made, rather than feeling worried, confused, or frustrated.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
index f58008dac2..37fd99a4a2 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-20
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Sophie is not asking about the effectiveness of the adjustments.
 
 # --explanation--
 
-Sophie’s question shows that she is trying to understand the time required to continue making changes, focusing on the duration rather than the reasons or results.
+Sophie's question shows that she is trying to understand the time required to continue making changes, focusing on the duration rather than the reasons or results.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
index 69f47f8b11..dd24f2e8df 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-21
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
index 81b269862a..c97d340ce0 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-22
 ---
 
-<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes. -->
+<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Probably a few more weeks. We've been making steady BLANK, and I believe we’re close to BLANK the major changes.`
+`Probably a few more weeks. We've been making steady BLANK, and I believe we're close to BLANK the major changes.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
index 325b688496..307efe14aa 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-23
 ---
 
-<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes. -->
+<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes. -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Tom estimates that they will need only a few more weeks, not several months.
 
 # --explanation--
 
-Tom’s statement indicates that the team has been working consistently and expects to complete the changes in a few more weeks.
+Tom's statement indicates that the team has been working consistently and expects to complete the changes in a few more weeks.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
index 7e6517f365..dae8e6a5b1 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-24
 ---
 
-<!-- (audio) Sophie: That’s good news! It feels great to make our app more accessible. -->
+<!-- (audio) Sophie: That's good news! It feels great to make our app more accessible. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`That’s good news! It feels great to make our app more BLANK.`
+`That's good news! It feels great to make our app more BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
index ce5bea3758..efbd0d94eb 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-25
 ---
 
-<!-- (audio) Sophie: That’s good news! It feels great to make our app more accessible. -->
+<!-- (audio) Sophie: That's good news! It feels great to make our app more accessible. -->
 
 # --instructions--
 
@@ -23,7 +23,7 @@ She is happy about making the app look more colorful.
 
 ### --feedback--
 
-No, `accessible` doesn’t refer to colors or design aesthetics. It means making the app easier for all users, including those with different needs, to use.
+No, `accessible` doesn't refer to colors or design aesthetics. It means making the app easier for all users, including those with different needs, to use.
 
 ---
 
@@ -31,7 +31,7 @@ She is pleased that the app is becoming easier for everyone to use, including us
 
 ---
 
-She thinks the app’s loading speed has improved significantly.
+She thinks the app's loading speed has improved significantly.
 
 ### --feedback--
 
@@ -51,7 +51,7 @@ Sophie is focused on making the app easier to use for all, which is what `access
 
 # --explanation--
 
-When Sophie says `It feels great to make our app more accessible`, she’s emphasizing the importance of making the app easier to use for all users, regardless of their abilities. Being `accessible` or `accessibility` aims to ensure that everyone, including people with disabilities, can interact with the app effectively.
+When Sophie says `It feels great to make our app more accessible`, she's emphasizing the importance of making the app easier to use for all users, regardless of their abilities. Being `accessible` or `accessibility` aims to ensure that everyone, including people with disabilities, can interact with the app effectively.
 
 
 # --scene--
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
index 26be04f9f2..efdc7a460f 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
@@ -33,7 +33,7 @@ An app introduces a new payment gateway to make transactions faster.
 
 ### --feedback--
 
-While this improves functionality, it doesn’t relate to making the app accessible to users with different needs.
+While this improves functionality, it doesn't relate to making the app accessible to users with different needs.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
index d8fb122995..fe84c41c8a 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
@@ -13,7 +13,7 @@ This is a review of the entire dialogue you just studied.
 
 # --instructions--
 
-Place the following phrases in the correct spot: `negative comments`, `been addressing`, `That’s a relief`, `more accessible`, and `keep making adjustments`.
+Place the following phrases in the correct spot: `negative comments`, `been addressing`, `That's a relief`, `more accessible`, and `keep making adjustments`.
 
 # --fillInTheBlank--
 
@@ -21,19 +21,19 @@ Place the following phrases in the correct spot: `negative comments`, `been addr
 
 `Tom: Hey Sophie, have you been working on the screen reader updates recently?`
 
-`Sophie: Yes, I started a few months ago. We've BLANK the feedback from our last user survey. How’s the design side coming along?`
+`Sophie: Yes, I started a few months ago. We've BLANK the feedback from our last user survey. How's the design side coming along?`
 
 `Tom: Pretty well, actually. I've been tweaking the layouts based on the guidelines you shared.`
 
-`Sophie: That’s good to hear. Do you think the users have noticed the improvements?`
+`Sophie: That's good to hear. Do you think the users have noticed the improvements?`
 
-`Tom: I think so. We haven’t been receiving as many BLANK.`
+`Tom: I think so. We haven't been receiving as many BLANK.`
 
-`Sophie: BLANK. How long do you think we’ll need to BLANK?`
+`Sophie: BLANK. How long do you think we'll need to BLANK?`
 
-`Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes.`
+`Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes.`
 
-`Sophie: That’s good news! It feels great to make our app BLANK.`
+`Sophie: That's good news! It feels great to make our app BLANK.`
 
 ## --blanks--
 
@@ -53,7 +53,7 @@ This phrase refers to unfavorable feedback from users.
 
 ---
 
-`That’s a relief`
+`That's a relief`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
index 6eef5b864b..3bbf0ae579 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
@@ -19,9 +19,9 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
 What changes have Tom and Sophie made to help screen readers?
 
@@ -47,7 +47,7 @@ The focus is on making the app easier to use with screen readers, not on speed.
 
 ---
 
-They changed the app’s language settings.
+They changed the app's language settings.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
index fb59495032..57aa5bd1c9 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What was Tom’s main role in improving screen reader compatibility?
+What was Tom's main role in improving screen reader compatibility?
 
 ## --answers--
 
@@ -31,11 +31,11 @@ He tested the new features to make sure they worked well.
 
 ---
 
-He designed the app’s new color scheme.
+He designed the app's new color scheme.
 
 ### --feedback--
 
-Tom’s focus was on testing the screen reader features, not designing the color scheme.
+Tom's focus was on testing the screen reader features, not designing the color scheme.
 
 ---
 
@@ -43,7 +43,7 @@ He translated the app into different languages.
 
 ### --feedback--
 
-Translating the app was not part of Tom’s role in this context.
+Translating the app was not part of Tom's role in this context.
 
 ---
 
@@ -51,7 +51,7 @@ He added more images to the app.
 
 ### --feedback--
 
-Tom’s main task was to test screen reader compatibility, not to add images.
+Tom's main task was to test screen reader compatibility, not to add images.
 
 ## --video-solution--
 
@@ -59,7 +59,7 @@ Tom’s main task was to test screen reader compatibility, not to add images.
 
 # --explanation--
 
-To find the correct answer, pay attention to the section that explains Tom’s main role in improving the app.
+To find the correct answer, pay attention to the section that explains Tom's main role in improving the app.
 
 The paragraph states that Tom `has been testing these improvements` to ensure they were effective for screen reader users, which shows his focus on checking the compatibility of these updates.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
index e599f1a1ee..4f68fe5a22 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
@@ -19,9 +19,9 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
 What specific improvement did Sophie make to help users understand spoken content better?
 
@@ -35,11 +35,11 @@ Adding colorful icons is not related to spoken content or screen reader compatib
 
 ---
 
-She worked on making the app’s speech output clearer.
+She worked on making the app's speech output clearer.
 
 ---
 
-She changed the app’s loading speed.
+She changed the app's loading speed.
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ Changing the loading speed is not related to improving spoken content.
 
 ---
 
-She redesigned the app’s interface layout.
+She redesigned the app's interface layout.
 
 ### --feedback--
 
@@ -59,8 +59,8 @@ Sophie's work specifically aimed to improve how users hear and understand the sp
 
 # --explanation--
 
-Focus on the part that describes Sophie’s efforts to enhance screen reader compatibility.
+Focus on the part that describes Sophie's efforts to enhance screen reader compatibility.
 
-The paragraph mentions that her focus is `tweaking the app’s text-to-speech function` to help users better understand spoken content from the app.
+The paragraph mentions that her focus is `tweaking the app's text-to-speech function` to help users better understand spoken content from the app.
 
-Look for an option that aligns with Sophie’s specific task of enhancing the app’s text-to-speech functionality.
+Look for an option that aligns with Sophie's specific task of enhancing the app's text-to-speech functionality.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
index 8b66d6f92b..948092b43a 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What is Sophie concerned about regarding the app’s accessibility?
+What is Sophie concerned about regarding the app's accessibility?
 
 ## --answers--
 
@@ -31,15 +31,15 @@ Whether users like the new color scheme.
 
 ### --feedback--
 
-Sophie’s concern is about making the app accessible overall, not about color preferences.
+Sophie's concern is about making the app accessible overall, not about color preferences.
 
 ---
 
-Whether the app’s speed has improved enough.
+Whether the app's speed has improved enough.
 
 ### --feedback--
 
-Sophie’s focus is on making the app more accessible, not its speed.
+Sophie's focus is on making the app more accessible, not its speed.
 
 ---
 
@@ -47,7 +47,7 @@ Whether they have enough user surveys completed.
 
 ### --feedback--
 
-Sophie’s concern is not about the number of surveys but about the app's overall accessibility.
+Sophie's concern is not about the number of surveys but about the app's overall accessibility.
 
 ---
 
@@ -59,8 +59,8 @@ Whether they have done enough to make the app accessible.
 
 # --explanation--
 
-To find the correct answer, focus on Sophie’s concern mentioned in the paragraph.
+To find the correct answer, focus on Sophie's concern mentioned in the paragraph.
 
 The paragraph states that Sophie wonders, `Have we done enough to make our app accessible?` This indicates her focus on overall accessibility improvements.
 
-Look for an option that reflects Sophie’s concern about making the app accessible for users.
+Look for an option that reflects Sophie's concern about making the app accessible for users.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
index 5cf4154e4b..06f5d01a2d 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What might be Tom and Sophie’s next step to improve accessibility?
+What might be Tom and Sophie's next step to improve accessibility?
 
 ## --answers--
 
@@ -39,7 +39,7 @@ Introducing features like adjustable colors and keyboard shortcuts.
 
 ---
 
-Increasing the app’s speed for faster navigation.
+Increasing the app's speed for faster navigation.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
index e3a7496386..9de6d7ee88 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
@@ -49,4 +49,4 @@ This sentence is in the `Present Simple` tense, not the `Present Perfect continu
 
 # --explanation--
 
-The negative form of the `Present Perfect continuous` tense tense is created with `hasn't/haven't + been + present participle`. It describes an ongoing action that started in the past and continues or remains relevant but hasn’t occurred as expected. 
+The negative form of the `Present Perfect continuous` tense tense is created with `hasn't/haven't + been + present participle`. It describes an ongoing action that started in the past and continues or remains relevant but hasn't occurred as expected. 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
index 744384c525..5559001fed 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
@@ -49,7 +49,7 @@ This is the `Present Simple` tense.
 
 # --explanation--
 
-The `Present Perfect Continuous` tense negative form is formed with `hasn't/haven't + been + present participle`, indicating an ongoing action that hasn’t occurred as expected over time. For example:
+The `Present Perfect Continuous` tense negative form is formed with `hasn't/haven't + been + present participle`, indicating an ongoing action that hasn't occurred as expected over time. For example:
 
 `He hasn't been exercising regularly.` - This means his exercise routine has been irregular.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
index 26ecc04b17..344de0e648 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
@@ -49,7 +49,7 @@ This is in the `Present Simple` tense, not related to ongoing or completed actio
 
 # --explanation--
 
-`Present Perfect Continuous` tense negative form emphasizes an ongoing action that has lacked consistency over time, while the `Present Perfect` tense negative form indicates that an action hasn’t occurred at all up to now.
+`Present Perfect Continuous` tense negative form emphasizes an ongoing action that has lacked consistency over time, while the `Present Perfect` tense negative form indicates that an action hasn't occurred at all up to now.
 
 `Past Continuous` tense negative form deals with an action that was not happening at a specific past moment, focusing solely on the past.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
index ea0ac038d5..ffdb548723 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
@@ -45,7 +45,7 @@ This word refers to the ease of use for all users, including those with disabili
 
 `Misaligned` means not lined up or positioned correctly. For example:
 
-`The images were misaligned in the presentation, making it look messy.` - This indicates that the images were not positioned properly, affecting the presentation’s clarity.
+`The images were misaligned in the presentation, making it look messy.` - This indicates that the images were not positioned properly, affecting the presentation's clarity.
 
 `Out of sync` describes when two or more elements are not coordinated in time or movement. For example:
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
index 7f3b30304c..48b8e52080 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-43
 ---
 
-<!-- (Audio) Alice: Exactly. Do you know if it’s been affecting all the videos or just a few? -->
+<!-- (Audio) Alice: Exactly. Do you know if it's been affecting all the videos or just a few? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`BLANK. Do you know if it’s been BLANK all the videos or just a few?`
+`BLANK. Do you know if it's been BLANK all the videos or just a few?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
index da052b1c23..6b070052ad 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-44
 ---
 
-<!-- (Audio) Alice: Exactly. Do you know if it’s been affecting all the videos or just a few? -->
+<!-- (Audio) Alice: Exactly. Do you know if it's been affecting all the videos or just a few? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
index 0f0f0b39f0..10d176ce9f 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-45
 ---
 
-<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly. -->
+<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`It seems to be affecting several videos. Our BLANK team has been BLANK the platform, and noticed that the captions aren’t BLANK properly.`
+`It seems to be affecting several videos. Our BLANK team has been BLANK the platform, and noticed that the captions aren't BLANK properly.`
 
 ## --blanks--
 
@@ -45,7 +45,7 @@ This word in `-ing` form refers to the process of making things happen at the sa
 
 `Quality assurance` is the process of ensuring that a product meets set quality standards. For example:
 
-`The quality assurance team checks the software for bugs before release.` - Here, `quality assurance` emphasizes the team’s role in maintaining the product's standard.
+`The quality assurance team checks the software for bugs before release.` - Here, `quality assurance` emphasizes the team's role in maintaining the product's standard.
 
 `Testing` means evaluating or examining a product to verify its performance. For example:
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
index 40a6056e18..6e7c1348c7 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-46
 ---
 
-<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly. -->
+<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Why is it a problem that `the captions aren’t syncing properly`?
+Why is it a problem that `the captions aren't syncing properly`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
index 8ad927f930..acd962ab8b 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-53
 ---
 
-<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they’re narrowing down the possibilities. -->
+<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they're narrowing down the possibilities. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`We're working on it. The BLANK hasn't found a definitive BLANK yet, but they’re BLANK the possibilities.`
+`We're working on it. The BLANK hasn't found a definitive BLANK yet, but they're BLANK the possibilities.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
index 9d1642b436..ceccdcd2ee 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-54
 ---
 
-<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they’re narrowing down the possibilities. -->
+<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they're narrowing down the possibilities. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
index d152f48037..360190fc74 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
@@ -23,9 +23,9 @@ Place the following phrases in the correct spot: `rendering consistently`, `clos
 
 `James: Yes. For some reason, It hasn't been BLANK for some users. The captions are misaligned and BLANK, which isn't good for accessibility.`
 
-`Alice: Exactly. Do you know if it’s been affecting all the videos or just a few?`
+`Alice: Exactly. Do you know if it's been affecting all the videos or just a few?`
 
-`James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly.`
+`James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly.`
 
 `Alice: BLANK. Have they found out why it's happening?`
 
@@ -33,7 +33,7 @@ Place the following phrases in the correct spot: `rendering consistently`, `clos
 
 `Alice: Is there a plan to fix it?`
 
-`James: We're working on it. The development team hasn't found a BLANK yet, but they’re narrowing down the possibilities.`
+`James: We're working on it. The development team hasn't found a BLANK yet, but they're narrowing down the possibilities.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
index c5fc0f7f27..73c70a7178 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
index e7c917a8cf..cf24dbc12f 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
index b249884427..3f3236c4fb 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
@@ -39,7 +39,7 @@ The problem is fully solved now.
 
 ### --feedback--
 
-James clearly states that they haven’t found a final solution yet, so this is incorrect.
+James clearly states that they haven't found a final solution yet, so this is incorrect.
 
 ---
 
@@ -67,6 +67,6 @@ James does not provide a specific timeline for when the solution will be ready.
 
 # --explanation--
 
-To identify the correct answer, focus on where James says `We haven’t found a final solution yet`. This indicates that the issue is still unresolved.
+To identify the correct answer, focus on where James says `We haven't found a final solution yet`. This indicates that the issue is still unresolved.
 
 Look for the option that emphasizes this ongoing problem, which matches James's update.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
index a3b01718a3..de3ecb890e 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
index 087f369951..497188534b 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
index df3ee2d444..0a7baa4949 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-63
 ---
 
-<!-- (audio) Linda: Yes, I’ve been testing them since the latest software update. -->
+<!-- (audio) Linda: Yes, I've been testing them since the latest software update. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I’ve been testing them BLANK the latest BLANK.`
+`Yes, I've been testing them BLANK the latest BLANK.`
 
 ## --blanks--
 
@@ -37,7 +37,7 @@ These two words together refer to a version of software that has been improved o
 
 In the `Present Perfect Continuous` tense, `since` is used to indicate when an action began and continues up to the present. For example:
 
-`I’ve been learning JavaScript since 2020.` - It shows that the action of learning JavaScript started in 2020 and is still ongoing.
+`I've been learning JavaScript since 2020.` - It shows that the action of learning JavaScript started in 2020 and is still ongoing.
 
 The term `software update` refers to changes or improvements made to a computer program. For example:
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
index 5f0d668502..f22293a790 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-65
 ---
 
-<!-- (audio) Linda: Yes, I’ve been testing them since the latest software update. -->
+<!-- (audio) Linda: Yes, I've been testing them since the latest software update. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
index a74766adea..7b84b48b65 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-66
 ---
 
-<!-- (audio) Linda: We’ve had some positive feedback, but there are still a few bugs to fix. -->
+<!-- (audio) Linda: We've had some positive feedback, but there are still a few bugs to fix. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`We’ve had some positive BLANK, but there are still a few BLANK to fix.`
+`We've had some positive BLANK, but there are still a few BLANK to fix.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
index f1596b7905..5fbd193766 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-67
 ---
 
-<!-- (audio) Linda: We’ve had some positive feedback, but there are still a few bugs to fix. -->
+<!-- (audio) Linda: We've had some positive feedback, but there are still a few bugs to fix. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
index 2b2a78fb9d..fbf68a2a1b 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-73
 ---
 
-<!-- (audio) Linda: I’ve been trying to cover all scenarios to ensure that the commands work consistently. -->
+<!-- (audio) Linda: I've been trying to cover all scenarios to ensure that the commands work consistently. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`I’ve been trying to cover all BLANK to ensure that the commands work BLANK.`
+`I've been trying to cover all BLANK to ensure that the commands work BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
index 2569cfd6c4..06fb50f651 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-74
 ---
 
-<!-- (audio) Linda: For the past couple of weeks. I’ve been trying to cover all scenarios to ensure that the commands work consistently. -->
+<!-- (audio) Linda: For the past couple of weeks. I've been trying to cover all scenarios to ensure that the commands work consistently. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
index dffe5ee639..f4f868b4c5 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
@@ -35,7 +35,7 @@ If the device has been working properly.
 
 ### --feedback--
 
-Bob is asking about potential issues related to voice recognition, not the device’s general performance.
+Bob is asking about potential issues related to voice recognition, not the device's general performance.
 
 ---
 
@@ -43,7 +43,7 @@ If there is a new update for the voice recognition system.
 
 ### --feedback--
 
-Bob’s question is about problems with voice recognition, not about updates.
+Bob's question is about problems with voice recognition, not about updates.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
index b44474d7a4..296031dfbc 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
@@ -49,7 +49,7 @@ It refers to how correct or precise something is. In this case, it means how wel
 
 `Background noise` refers to unwanted sounds that can interfere with hearing something clearly. For example:
 
-- `The microphone couldn’t pick up my voice because of the background noise.` - In this sentence, `background noise` refers to sounds like music or traffic that made it difficult for the microphone to hear your voice clearly.
+- `The microphone couldn't pick up my voice because of the background noise.` - In this sentence, `background noise` refers to sounds like music or traffic that made it difficult for the microphone to hear your voice clearly.
 
 `Accuracy` refers to how precise or correct something is. In the case of `voice recognition`, it means how well the system can understand and process speech without errors. For example:
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
index f11795aa42..56256fc40d 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
@@ -15,11 +15,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What might Linda be suggesting about the system’s current performance?
+What might Linda be suggesting about the system's current performance?
 
 ## --answers--
 
-It’s working perfectly fine with all accents and environments.
+It's working perfectly fine with all accents and environments.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
index 185680dce4..bb942c50b3 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-85
 ---
 
-<!-- (audio) Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been brainstorming solutions. -->
+<!-- (audio) Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been brainstorming solutions. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
index 735a533bbd..9037da2d74 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-86
 ---
 
-<!-- (audio) Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been brainstorming solutions. -->
+<!-- (audio) Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been brainstorming solutions. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
index 1aa169cd61..022ed5a333 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
@@ -31,7 +31,7 @@ He thinks the project is fully complete and ready for launch.
 
 ### --feedback--
 
-Bob’s question about testing with real users suggests he sees the project as ongoing, not fully complete.
+Bob's question about testing with real users suggests he sees the project as ongoing, not fully complete.
 
 ---
 
@@ -39,7 +39,7 @@ He believes the team needs to stop working and start a new project.
 
 ### --feedback--
 
-Bob’s comment suggests he thinks the project is progressing well, not that it should be stopped.
+Bob's comment suggests he thinks the project is progressing well, not that it should be stopped.
 
 ---
 
@@ -51,7 +51,7 @@ He thinks the project has made good initial progress but needs further testing.
 
 # --explanation--
 
-Bob’s comment `That's a good start` shows that he is pleased with the progress so far. However, his follow-up question about testing with real users suggests he thinks more steps are needed before the project is complete. This indicates that he feels positive about the current status but sees the need for further validation and testing.
+Bob's comment `That's a good start` shows that he is pleased with the progress so far. However, his follow-up question about testing with real users suggests he thinks more steps are needed before the project is complete. This indicates that he feels positive about the current status but sees the need for further validation and testing.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
index 3a80dbb2aa..b9563c5a31 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
@@ -19,7 +19,7 @@ What does Linda mean when she says `it would be helpful`?
 
 ## --answers--
 
-She thinks they don’t need any more feedback.
+She thinks they don't need any more feedback.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
index c9dc79ade1..76d437ea80 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
@@ -21,11 +21,11 @@ Place the following phrases in the correct spot: `software update`, `real-world
 
 `Bob: Hi Linda, have you been working on the new BLANK features?`
 
-`Linda: Yes, I’ve been testing them since the latest BLANK. We’ve had some positive feedback, but there are still a few bugs to fix.`
+`Linda: Yes, I've been testing them since the latest BLANK. We've had some positive feedback, but there are still a few bugs to fix.`
 
 `Bob: How long have you been focusing on this evaluation?`
 
-`Linda: For the past couple of weeks. I’ve been trying to cover BLANK to ensure that the commands work consistently.`
+`Linda: For the past couple of weeks. I've been trying to cover BLANK to ensure that the commands work consistently.`
 
 `Bob: Have you had any problems with voice recognition?`
 
@@ -33,7 +33,7 @@ Place the following phrases in the correct spot: `software update`, `real-world
 
 `Bob: What about the integration with other systems? Has it been seamless?`
 
-`Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been BLANK.`
+`Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been BLANK.`
 
 `Bob: That's a good start. By the way, have we tested it with real users yet?`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
index 80a8345a7e..4d3d70ef1f 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
index e2b6f3806d..ed9f6b6d5f 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -51,7 +51,7 @@ Reducing the size of the devices.
 
 ### --feedback--
 
-The paragraph doesn’t mention device size as a challenge.
+The paragraph doesn't mention device size as a challenge.
 
 ## --video-solution--
 
@@ -63,4 +63,4 @@ To find the correct answer, focus on the part where Linda explains the challenge
 
 The paragraph highlights that the team is facing difficulties with background noise and accents, which makes it challenging for the system to accurately recognize commands in noisy environments.
 
-Look for an option that addresses the issue of the system’s ability to handle accents and background noise.
+Look for an option that addresses the issue of the system's ability to handle accents and background noise.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
index 460e6901fe..1fc9ab4b7d 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -35,7 +35,7 @@ Real-world feedback is meant to test the system in real home settings, not just
 
 ---
 
-To improve the system’s visual design.
+To improve the system's visual design.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
index a76e226cc2..d508281756 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -63,4 +63,4 @@ To find the correct answer, look at the part where Linda talks about what the te
 
 The paragraph mentions that the development team `has been brainstorming solutions` to fix the issues with voice recognition, which shows they are actively working on improving the system.
 
-Look for an option that describes the team’s approach to solving the problems they’ve encountered.
+Look for an option that describes the team's approach to solving the problems they've encountered.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
index 29990a49c3..a4434c1f20 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -31,7 +31,7 @@ They will immediately launch the system to all users.
 
 ### --feedback--
 
-The team is still testing and improving the system before it’s ready for a wider launch.
+The team is still testing and improving the system before it's ready for a wider launch.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
index a9bed39e2e..0a3f411bb2 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
@@ -51,7 +51,7 @@ Anna's question does not ask if James needs help; it focuses on whether he has r
 
 # --explanation--
 
-Anna’s question is specifically about whether James has reviewed the feedback from a training program related to accessibility.
+Anna's question is specifically about whether James has reviewed the feedback from a training program related to accessibility.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
index 543215b20a..898a7ef018 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-100
 ---
 
-<!-- (Audio) James: Yes, I’ve been working on it since the last training session. -->
+<!-- (Audio) James: Yes, I've been working on it since the last training session. -->
 
 # --instructions--
 
@@ -35,7 +35,7 @@ By saying he finished working soon after the last session.
 
 ### --feedback--
 
-James’s statement indicates ongoing work, not that he finished shortly after starting.
+James's statement indicates ongoing work, not that he finished shortly after starting.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
index 03a703b361..697028dae5 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
@@ -51,7 +51,7 @@ A `gradual process` refers to something that develops slowly, over time, rather
 
 `The team has made steady progress in completing the project.` - This shows that the team is moving forward regularly and effectively, without major delays.
 
-`Understanding` refers to a person’s knowledge or awareness about a subject. For example:
+`Understanding` refers to a person's knowledge or awareness about a subject. For example:
 
 `Her understanding of coding improved with practice.` - It highlights how her knowledge of coding grew as she spent more time practicing.
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
index da035c1e18..3a6974aa37 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
@@ -23,7 +23,7 @@ He is frustrated that progress has been slow.
 
 ### --feedback--
 
-James doesn’t express frustration; he acknowledges the gradual nature of the process positively.
+James doesn't express frustration; he acknowledges the gradual nature of the process positively.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
index 23aad93fe0..aa98f21456 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
@@ -31,7 +31,7 @@ If there are too many tasks for the team to finish.
 
 ### --feedback--
 
-Anna’s question is about performance in some areas, not the number of tasks.
+Anna's question is about performance in some areas, not the number of tasks.
 
 ---
 
@@ -43,7 +43,7 @@ If people need more tools to do their work better.
 
 ### --feedback--
 
-Anna’s question is about finding areas of lower performance, not about needing more tools.
+Anna's question is about finding areas of lower performance, not about needing more tools.
 
 ## --video-solution--
 
@@ -51,7 +51,7 @@ Anna’s question is about finding areas of lower performance, not about needing
 
 # --explanation--
 
-Anna’s question is asking if there are any parts of the work where the team isn’t doing as well as they were expected to.
+Anna's question is asking if there are any parts of the work where the team isn't doing as well as they were expected to.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
index c4d0440860..37c72c9652 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
@@ -37,7 +37,7 @@ This answer points out areas needing improvement, which is not a positive respon
 
 # --explanation--
 
-A positive answer to Anna’s question would mean that everyone is performing as well as expected, and there is nothing that needs to be improved.
+A positive answer to Anna's question would mean that everyone is performing as well as expected, and there is nothing that needs to be improved.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
index 193270d3b9..b17c08fc07 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
@@ -35,7 +35,7 @@ He believes the activities were well-received by all participants.
 
 ### --feedback--
 
-James points out that the activities were not fully relevant, meaning they weren’t well-received by everyone.
+James points out that the activities were not fully relevant, meaning they weren't well-received by everyone.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
index 8efae5669b..967a25b5a3 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
@@ -23,7 +23,7 @@ Listen to the audio and complete the sentence below.
 
 ### --feedback--
 
-This word describes something that catches people’s interest and keeps them involved.
+This word describes something that catches people's interest and keeps them involved.
 
 # --explanation--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
index cb2c465ff4..869168958e 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
@@ -43,7 +43,7 @@ If the activities already meet all the learning goals.
 
 ### --feedback--
 
-Anna’s question suggests she thinks the activities could be improved to be `more engaging`, so she isn’t assuming they already meet all goals.
+Anna's question suggests she thinks the activities could be improved to be `more engaging`, so she isn't assuming they already meet all goals.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
index 92eaa09863..c2e6eb6334 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
@@ -31,7 +31,7 @@ The team has been brainstorming ideas to make the sessions better.
 
 ---
 
-The team hasn’t yet considered any changes to the sessions.
+The team hasn't yet considered any changes to the sessions.
 
 ### --feedback--
 
@@ -43,7 +43,7 @@ The team feels the sessions are as interactive as they need to be.
 
 ### --feedback--
 
-James says they are working on making the sessions more interactive, so they don’t feel the sessions are finished.
+James says they are working on making the sessions more interactive, so they don't feel the sessions are finished.
 
 ## --video-solution--
 
@@ -51,7 +51,7 @@ James says they are working on making the sessions more interactive, so they don
 
 # --explanation--
 
-James uses the `Present Perfect Continuous` tense (`has been brainstorming`) to show that the team’s work on improving the sessions is ongoing. This tense expresses that they started brainstorming in the past and are still actively doing it now, indicating continuous effort in finding new ideas.
+James uses the `Present Perfect Continuous` tense (`has been brainstorming`) to show that the team's work on improving the sessions is ongoing. This tense expresses that they started brainstorming in the past and are still actively doing it now, indicating continuous effort in finding new ideas.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
index 7ea12c2170..dd3bc37842 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
@@ -23,7 +23,7 @@ Add activities that focus on memorizing definitions.
 
 ### --feedback--
 
-Memorizing definitions doesn’t involve real-life application or hands-on practice, which James implies they are aiming for.
+Memorizing definitions doesn't involve real-life application or hands-on practice, which James implies they are aiming for.
 
 ---
 
@@ -31,7 +31,7 @@ Use theoretical case studies with no practical application.
 
 ### --feedback--
 
-Theoretical case studies alone don’t fully connect to real-life tasks, which James wants to include.
+Theoretical case studies alone don't fully connect to real-life tasks, which James wants to include.
 
 ---
 
@@ -39,7 +39,7 @@ Have participants discuss unrelated topics to build general communication skills
 
 ### --feedback--
 
-Unrelated discussions don’t meet the goal of incorporating relevant, real-life situations.
+Unrelated discussions don't meet the goal of incorporating relevant, real-life situations.
 
 ---
 
@@ -51,7 +51,7 @@ Create exercises that use realistic situations participants might encounter on t
 
 # --explanation--
 
-Since James mentions `incorporating more real-life scenarios`, they’re likely planning to add exercises that reflect situations participants could actually encounter in their roles. This makes the training more engaging and relevant, unlike focusing on definitions, unrelated discussions, or purely theoretical case studies.
+Since James mentions `incorporating more real-life scenarios`, they're likely planning to add exercises that reflect situations participants could actually encounter in their roles. This makes the training more engaging and relevant, unlike focusing on definitions, unrelated discussions, or purely theoretical case studies.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
index 4bfc37f41a..c4b501f916 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
@@ -37,7 +37,7 @@ This word in the plural form refers to specific targets or objectives the team i
 
 `Keep in touch` means to stay in regular communication with someone. For example:
 
-`Let’s keep in touch about the project updates.` - This means staying connected and sharing information to make sure everyone is updated on the project's progress.
+`Let's keep in touch about the project updates.` - This means staying connected and sharing information to make sure everyone is updated on the project's progress.
 
 `Goals` are the specific targets or objectives a person or team wants to achieve. It the plural form of `goal`. For example:
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
index e70fc4691f..e9011fe5a5 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
@@ -31,7 +31,7 @@ She thinks James' ideas are confusing and suggests focusing only on accessibilit
 
 ### --feedback--
 
-Anna doesn’t find James’ ideas confusing; she agrees and wants to monitor progress on their shared goals.
+Anna doesn't find James' ideas confusing; she agrees and wants to monitor progress on their shared goals.
 
 ---
 
@@ -43,7 +43,7 @@ She thinks James' ideas are unnecessary and suggests stopping the project.
 
 ### --feedback--
 
-Anna doesn’t suggest stopping; she supports James’ ideas and wants to stay updated.
+Anna doesn't suggest stopping; she supports James' ideas and wants to stay updated.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
index 2108b8fc77..73665c2d1e 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
@@ -21,7 +21,7 @@ Place the following phrases in the correct spot: `gradual process` , `more engag
 
 `Anna: Hi James, have you been reviewing the BLANK for our accessibility program?`
 
-`James: Yes, I’ve been working on it since the last training session. We've received a lot of positive comments, but there are some areas we still need to improve.`
+`James: Yes, I've been working on it since the last training session. We've received a lot of positive comments, but there are some areas we still need to improve.`
 
 `Anna: That's great to hear. How long have we been running these sessions?`
 
@@ -43,7 +43,7 @@ Place the following phrases in the correct spot: `gradual process` , `more engag
 
 ### --feedback--
 
-This phrase refers to the feedback received from participants about the training sessions to see what worked well and what didn’t.
+This phrase refers to the feedback received from participants about the training sessions to see what worked well and what didn't.
 
 ---
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
index 4cf8d46470..18cf9abf59 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What is the main goal of the accessibility training?
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
index ee74b5a8bd..6c2adca538 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What does the training overview include?
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
index 3062ed0bf5..3950a4b2fa 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 How does the training plan make the sessions engaging?
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
index f2680e76b8..253577b975 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 Why are real-life scenarios included in the training?
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
index 2225eacac2..b7158fa6f1 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What is the purpose of gathering training feedback?
 
@@ -29,11 +29,11 @@ To decide if the training should be canceled.
 
 ### --feedback--
 
-The feedback is collected to understand what’s effective and find areas to improve, not to cancel the training.
+The feedback is collected to understand what's effective and find areas to improve, not to cancel the training.
 
 ---
 
-To identify areas to improve and understand what’s effective.
+To identify areas to improve and understand what's effective.
 
 ---
 
@@ -49,7 +49,7 @@ To see how quickly participants finish the activities.
 
 ### --feedback--
 
-The purpose of feedback is to assess the training’s effectiveness, not activity speed.
+The purpose of feedback is to assess the training's effectiveness, not activity speed.
 
 ## --video-solution--
 
@@ -59,6 +59,6 @@ The purpose of feedback is to assess the training’s effectiveness, not activit
 
 To find the correct answer, focus on why training feedback is gathered.
 
-The paragraph states that feedback helps identify `what’s effective` and points out `areas to improve`.
+The paragraph states that feedback helps identify `what's effective` and points out `areas to improve`.
 
 Look for the option that describes feedback as a way to assess and enhance the training process.
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
index 2a1c2f9402..094d7451d8 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
@@ -29,7 +29,7 @@ This word means completely or fully.
 
 The word `entirely` means completely or fully. The phrase `not entirely` indicates that something is not complete or perfect. For example:
 
-`I don’t entirely agree with his opinion.` - It means you don’t fully agree with the opinion, suggesting some level of disagreement.
+`I don't entirely agree with his opinion.` - It means you don't fully agree with the opinion, suggesting some level of disagreement.
 
 # --scene--
 
diff --git a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
index cb5d3ffedb..a453e1737c 100644
--- a/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
+++ b/curriculum/challenges/japanese/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
@@ -15,7 +15,7 @@ This task doesn't have audio. Read the question below and select the correct ans
 
 ## --text--
 
-A colleague asks if your team has implemented the new feature yet. What is the best way to respond if you haven’t started but plan to?
+A colleague asks if your team has implemented the new feature yet. What is the best way to respond if you haven't started but plan to?
 
 ## --answers--
 
@@ -23,11 +23,11 @@ A colleague asks if your team has implemented the new feature yet. What is the b
 
 ---
 
-`Yes, it’s been running perfectly for years.`
+`Yes, it's been running perfectly for years.`
 
 ### --feedback--
 
-It implies that the feature has been implemented and in use for years, which contradicts the fact that the feature is new and hasn’t been started yet.
+It implies that the feature has been implemented and in use for years, which contradicts the fact that the feature is new and hasn't been started yet.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-availability-table/66b36358ed4f261d64840c24.md b/curriculum/challenges/japanese/25-front-end-development/lab-availability-table/66b36358ed4f261d64840c24.md
index b3d1c42d8a..8b83898f91 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-availability-table/66b36358ed4f261d64840c24.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-availability-table/66b36358ed4f261d64840c24.md
@@ -1,7 +1,7 @@
 ---
 id: 66b36358ed4f261d64840c24
 title: Build an Availability Table
-challengeType: 14
+challengeType: 25
 dashedName: build-an-availability-table
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-bank-account-manager/6718d2d59337c822ecb697ff.md b/curriculum/challenges/japanese/25-front-end-development/lab-bank-account-manager/6718d2d59337c822ecb697ff.md
index f6d5ba4f32..3d3d9b956d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-bank-account-manager/6718d2d59337c822ecb697ff.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-bank-account-manager/6718d2d59337c822ecb697ff.md
@@ -1,7 +1,7 @@
 ---
 id: 6718d2d59337c822ecb697ff
 title: Build a Bank Account Management Program
-challengeType: 14
+challengeType: 25
 dashedName: build-a-bank-account-management-program
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md b/curriculum/challenges/japanese/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md
index 37ab60c03e..050e99030b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md
@@ -1,7 +1,7 @@
 ---
 id: 66eaddd04a9e533fba689001
 title: Design a Blog Post Card
-challengeType: 14
+challengeType: 25
 dashedName: lab-blog-post-card
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-book-catalog-table/66ec4c8e9878d8441956516f.md b/curriculum/challenges/japanese/25-front-end-development/lab-book-catalog-table/66ec4c8e9878d8441956516f.md
index a72953ea7a..3df5417ebd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-book-catalog-table/66ec4c8e9878d8441956516f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-book-catalog-table/66ec4c8e9878d8441956516f.md
@@ -1,7 +1,7 @@
 ---
 id: 66ec4c8e9878d8441956516f
 title: Build a Book Catalog Table
-challengeType: 14
+challengeType: 25
 dashedName: build-a-book-catalog-table
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-book-inventory-app/66a207974c806a19d6607073.md b/curriculum/challenges/japanese/25-front-end-development/lab-book-inventory-app/66a207974c806a19d6607073.md
index 677ad8fd42..6abd16109d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-book-inventory-app/66a207974c806a19d6607073.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-book-inventory-app/66a207974c806a19d6607073.md
@@ -1,7 +1,7 @@
 ---
 id: 66a207974c806a19d6607073
 title: Build a Book Inventory App
-challengeType: 14
+challengeType: 25
 dashedName: build-a-book-inventory-app
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-book-organizer/67172b43f84bcd2dec238a3d.md b/curriculum/challenges/japanese/25-front-end-development/lab-book-organizer/67172b43f84bcd2dec238a3d.md
index 8d760e3d55..12c07199ca 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-book-organizer/67172b43f84bcd2dec238a3d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-book-organizer/67172b43f84bcd2dec238a3d.md
@@ -1,7 +1,7 @@
 ---
 id: 67172b43f84bcd2dec238a3d
 title: Build a Book Organizer
-challengeType: 14
+challengeType: 25
 dashedName: build-a-book-organizer
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-bookmark-manager-app/66def5467aee701733aaf8cc.md b/curriculum/challenges/japanese/25-front-end-development/lab-bookmark-manager-app/66def5467aee701733aaf8cc.md
index b037b85b5c..63067388df 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-bookmark-manager-app/66def5467aee701733aaf8cc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-bookmark-manager-app/66def5467aee701733aaf8cc.md
@@ -1,7 +1,7 @@
 ---
 id: 66def5467aee701733aaf8cc
 title: Build a Bookmark Manager App
-challengeType: 14
+challengeType: 25
 dashedName: build-a-bookmark-manager-app
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-business-card/6690e10ebe2181212abc9652.md b/curriculum/challenges/japanese/25-front-end-development/lab-business-card/6690e10ebe2181212abc9652.md
index b397e3d452..47d1e16777 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-business-card/6690e10ebe2181212abc9652.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-business-card/6690e10ebe2181212abc9652.md
@@ -1,7 +1,7 @@
 ---
 id: 6690e10ebe2181212abc9652
 title: Design a Business Card
-challengeType: 14
+challengeType: 25
 dashedName: design-a-business-card
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-checkout-page/66da326c02141df538f29ba5.md b/curriculum/challenges/japanese/25-front-end-development/lab-checkout-page/66da326c02141df538f29ba5.md
index 25b001de37..98ba04db05 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-checkout-page/66da326c02141df538f29ba5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-checkout-page/66da326c02141df538f29ba5.md
@@ -1,7 +1,7 @@
 ---
 id: 66da326c02141df538f29ba5
 title: Build a Checkout Page
-challengeType: 14
+challengeType: 25
 dashedName: build-a-checkout-page
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-colored-boxes/66f3f6eb66ea9dc41cdc30df.md b/curriculum/challenges/japanese/25-front-end-development/lab-colored-boxes/66f3f6eb66ea9dc41cdc30df.md
new file mode 100644
index 0000000000..86adcee2dc
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-colored-boxes/66f3f6eb66ea9dc41cdc30df.md
@@ -0,0 +1,210 @@
+---
+id: 66f3f6eb66ea9dc41cdc30df
+title: Design a Set of Colored Boxes
+challengeType: 25
+dashedName: set-of-colored-boxes
+demoType: onClick
+---
+
+# --description--
+
+In this lab, you'll practice using CSS colors by designing boxes.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should set the background color for `body` to `#f4f4f4`.
+2. You should have a `div` with a class of `color-grid` to hold all your color elements.
+3. You should have five `div` elements within the `.color-grid` element.
+4. The five `div` elements should each have a class of `color-box` and `color#`, where `#` is the number of the order of that `div`. For example: `color1` for the first `div`, `color2` for the second, and so on.
+5. The `.color-box` class should have a set `width` and `height` so your `div` elements are visible on the page.
+6. The `.color1` element should have a `background-color` that uses hexadecimal color value.
+7. The `.color2` element should have a `background-color` that uses an RGB color value.
+8. The `.color3` element should have a `background-color` that uses a predefined (word) color value.
+9. The `.color4` element should have a `background-color` that uses a HSL color value.
+10. The `.color5` element should have a `background-color` set.
+
+**Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
+
+# --hints--
+
+`body` should have a background color of `#f4f4f4`.
+
+```js
+const body = document.body;
+const bodyBgColor = getComputedStyle(body).backgroundColor;
+assert.strictEqual(bodyBgColor, 'rgb(244, 244, 244)');
+```
+
+You should have a `div` element with a class of `color-grid`.
+
+```js
+const colorGrid = document.querySelector('div.color-grid');
+assert.exists(colorGrid);
+```
+
+You should have five `div` elements within the `.color-grid` element.
+
+```js
+const colorGridChildren = document.querySelectorAll('div.color-grid > div');
+assert.strictEqual(colorGridChildren.length, 5);
+```
+
+Each of the five `div` elements should each have a class of `color-box` and `color#`—substitute the order of the `div` for the `#` symbol.
+
+```js
+const colorGridChildren = document.querySelectorAll('div.color-grid > div');
+assert.strictEqual(colorGridChildren.length, 5);
+
+colorGridChildren.forEach((child, index) => {
+  const colorClass = `color${index + 1}`;
+  assert.isTrue(child.classList.contains('color-box'));
+  assert.isTrue(child.classList.contains(colorClass));
+});
+```
+
+The `.color-box` element should have a set `width` and `height`.
+
+```js
+const colorBox = document.querySelector('.color-box');
+assert.exists(colorBox);
+
+const colorBoxStyles = getComputedStyle(colorBox);
+const width = colorBoxStyles.width;
+const height = colorBoxStyles.height;
+
+assert.notStrictEqual(width, '0px');
+assert.notStrictEqual(height, '0px');
+```
+
+The `.color1` element should have a hexadecimal background color.
+
+```js
+assert.match(__helpers.removeCssComments(code), /\.color1\s*{[^}]*\bbackground-color\s*:\s*#[0-9a-fA-F]{3,6}\s*;[^}]*}/);
+```
+
+The `.color2` element should have an RGB background color.
+
+```js
+assert.match(__helpers.removeCssComments(code), /\.color2\s*{[^}]*\bbackground-color\s*:\s*rgb\s*\(\s*\d+\s*,\s*\d+\s*,\s*\d+\s*\)\s*;[^}]*}/);
+```
+
+The `.color3` element should have a predefined (word) background color.
+
+```js
+assert.match(__helpers.removeCssComments(code), /\.color3\s*{[^}]*\bbackground-color\s*:\s*[a-zA-Z]+\s*;[^}]*}/);
+```
+
+The `.color4` element should have a HSL background color.
+
+```js
+assert.match(__helpers.removeCssComments(code), /\.color4\s*{[^}]*\bbackground-color\s*:\s*hsl\s*\(\s*\d+\s*,\s*\d+%\s*,\s*\d+%\s*\)\s*;[^}]*}/);
+```
+
+The `.color5` element should have a background color set.
+
+```js
+assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle('.color5').getPropVal('background-color', true));
+```
+
+# --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>Colored Boxes</title>
+</head>
+<body>
+
+</body>
+</html>
+```
+
+```css
+
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Colored Boxes</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <h1>Colored Boxes</h1>
+    <div class="color-grid"> 
+        <div class="color-box color1"></div>
+        <div class="color-box color2"></div>
+        <div class="color-box color3"></div>
+        <div class="color-box color4"></div>
+        <div class="color-box color5"></div>
+    </div>
+</body>
+</html>
+```
+
+```css
+body {
+    font-family: Arial, sans-serif;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin: 0;
+    padding: 20px;
+    background-color: #f4f4f4;
+}
+
+h1 {
+    margin-bottom: 20px;
+}
+
+.color-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+    gap: 10px;
+    width: 100%;
+    max-width: 800px;
+}
+
+.color-box {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-weight: bold;
+    border-radius: 8px;
+    text-align: center;
+    width: 100px;
+    height: 100px;
+}
+
+.color1 {
+    background-color: #33FF57;
+}
+
+.color2 {
+    background-color: rgb(128,0,128);
+}
+
+.color3 {
+    background-color: orange;
+}
+
+.color4 {
+    background-color: hsl(59, 61%, 26%);
+}
+
+.color5 {
+    background-color: red;
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-confidential-email-page/66bba6fff611169359d9d36a.md b/curriculum/challenges/japanese/25-front-end-development/lab-confidential-email-page/66bba6fff611169359d9d36a.md
index 76b007d85b..4e7cdb722b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-confidential-email-page/66bba6fff611169359d9d36a.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-confidential-email-page/66bba6fff611169359d9d36a.md
@@ -1,7 +1,7 @@
 ---
 id: 66bba6fff611169359d9d36a
 title: Build a Confidential Email Page
-challengeType: 14
+challengeType: 25
 dashedName: build-a-confidential-email-page
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-contact-form/66f26c32ec6f90df01a44f60.md b/curriculum/challenges/japanese/25-front-end-development/lab-contact-form/66f26c32ec6f90df01a44f60.md
index 717e65ec73..e93cdab89d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-contact-form/66f26c32ec6f90df01a44f60.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-contact-form/66f26c32ec6f90df01a44f60.md
@@ -1,7 +1,7 @@
 ---
 id: 66f26c32ec6f90df01a44f60
 title: Design a Contact Form
-challengeType: 14
+challengeType: 25
 dashedName: design-a-contact-form
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md b/curriculum/challenges/japanese/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md
new file mode 100644
index 0000000000..7efe9ec6bb
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-customer-complaint-form/67279fe50237291f80eed8b8.md
@@ -0,0 +1,857 @@
+---
+id: 67279fe50237291f80eed8b8
+title: Build a Customer Complaint Form
+challengeType: 25
+dashedName: build-a-customer-complaint-form
+demoType: onClick
+---
+
+# --description--
+
+For this lab, you have been provided with all the HTML and CSS. You will use JavaScript to validate the complaint form.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. When the form is submitted, you should ensure that:
+    - `#full-name` is not empty.
+    - `#email` is a valid email address format.
+    - `#order-no` is a sequence of ten numbers starting with `2024`.
+    - `#product-code` follows the pattern `XX##-X###-XX#`, where `X` represents either a lowercase letter or an uppercase letter and `#` represents a number.
+    - `#quantity` is a positive integer.
+    - at least one checkbox from `#complaints-group` is checked.
+    - `#complaint-description` contains at least twenty characters if the `Other` checkbox is checked.
+    - a radio button from `#solutions-group` is selected.
+    - `#solution-description` contains at least twenty characters if the `Other` radio button is selected.
+1. You should have a function named `validateForm` that returns an object containing the following keys: `full-name`, `email`, `order-no`, `product-code`, `quantity`, `complaints-group`, `complaint-description`, `solutions-group`, and `solution-description`. The value of each key should be `true` if the corresponding form field is correctly filled and `false` otherwise.
+1. You should have a function named `isValid` that takes the object returned by `validateForm` as argument and returns `true` if every form field is correctly filled and `false` otherwise.
+1. If a change event is triggered on a form field and it has a valid value, you should set its border color to `green`. In case of checkbox and radio button groups, you should set the border color of the parent `fieldset`.
+1. If a change event is triggered on a form field and it has an invalid value, you should set its border color to `red`. In case of checkbox and radio button groups, you should set the border color of the parent `fieldset`.
+1. When you try to submit the form you should call `isValid` to validate the form.
+1. When you try to submit the form, if the form has any invalid field, each invalid field should be highlighted by setting the border color of each invalid input, textarea or fieldset (in case of checkbox and radio button groups) to `red`.
+
+# --hints--
+
+You should have a function named `validateForm`.
+
+```js
+assert.isFunction(validateForm);
+```
+
+`validateForm` should return an object.
+
+```js
+assert.isObject(validateForm());
+```
+
+`validateForm()["full-name"]` should be `false` when `#full-name` is empty, and `true` otherwise.
+
+```js
+const field = document.getElementById("full-name");
+field.value = "";
+assert.isFalse(validateForm()["full-name"]);
+field.value = "testing";
+assert.isTrue(validateForm()["full-name"]);
+```
+
+When a `change` event is triggered on `#full-name`, you should set its border color to `green` if it contains a valid value, and `red` otherwise.
+
+```js
+const field = document.getElementById("full-name");
+field.value = "testing"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "green");
+field.value = ""
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "red");
+```
+
+`validateForm()["email"]` should be `true` when `#email` contains a valid email address, and `false` otherwise.
+
+```js
+const field = document.getElementById("email");
+field.value = "example@domain.com"
+assert.isTrue(validateForm()["email"]);
+field.value = "testing"
+assert.isFalse(validateForm()["email"]);
+```
+
+When a `change` event is triggered on `#email`, you should set its border color to `green` if it contains a valid email address, and `red` otherwise.
+
+```js
+const field = document.getElementById("email");
+field.value = "example@domain.com"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "green");
+field.value = ""
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "red");
+```
+
+`validateForm()["order-no"]` should be `true` when `#order-no` contains a valid value, and `false` otherwise.
+
+```js
+const field = document.getElementById("order-no");
+field.value = "2024001122"
+assert.isTrue(validateForm()["order-no"]);
+field.value = "testing"
+assert.isFalse(validateForm()["order-no"]);
+```
+
+When a `change` event is triggered on `#order-no`, you should set its border color to `green` if it contains a valid value, and `red` otherwise.
+
+```js
+const field = document.getElementById("order-no");
+field.value = "2024001122"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "green");
+field.value = "20240011"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "red");
+```
+
+`validateForm()["product-code"]` should be `true` when `#product-code` contains a valid value, and `false` otherwise.
+
+```js
+const field = document.getElementById("product-code");
+field.value = "Xa22-X123-Xb4";
+assert.isTrue(validateForm()["product-code"]);
+field.value = "testing"
+assert.isFalse(validateForm()["product-code"]);
+```
+
+When a `change` event is triggered on `#product-code`, you should set its border color to `green` if it contains a valid value, and `red` otherwise.
+
+```js
+const field = document.getElementById("product-code");
+field.value = "Xa22-X123-Xb4"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "green");
+field.value = "Xa22-123-Xb4"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "red");
+```
+
+`validateForm()["quantity"]` should be `true` when `#quantity` contains a valid value, and `false` otherwise.
+
+```js
+const field = document.getElementById("quantity");
+field.value = "5";
+assert.isTrue(validateForm()["quantity"]);
+field.value = "0";
+assert.isFalse(validateForm()["quantity"]);
+```
+
+When a `change` event is triggered on `#quantity`, you should set its border color to `green` if it contains a valid value, and `red` otherwise.
+
+```js
+const field = document.getElementById("quantity");
+field.value = "2"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "green");
+field.value = "0"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "red");
+```
+
+When at least one checkbox from `#complaints-group` is checked, `validateForm()["complaints-group"]` should be `true`.
+
+```js
+document.getElementById("damaged-product").checked = true
+assert.isTrue(validateForm()["complaints-group"]);
+```
+
+When none of the checkboxes from `#complaints-group` is checked, `validateForm()["complaints-group"]` should be `false`.
+
+```js
+document.getElementById("damaged-product").checked = false;
+document.getElementById("nonconforming-product").checked = false;
+document.getElementById("delayed-dispatch").checked = false;
+document.getElementById("other-complaint").checked = false;
+assert.isFalse(validateForm()["complaints-group"]);
+```
+
+Once one checkbox from `#complaints-group` is checked, you should set `#complaints-group`'s border color to `green`.
+
+```js
+document.getElementById("damaged-product").checked = true;
+document.getElementById("nonconforming-product").checked = false;
+document.getElementById("delayed-dispatch").checked = false;
+document.getElementById("other-complaint").checked = false;
+const fieldset = document.getElementById("complaints-group");
+fieldset.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(fieldset.style.borderColor, "green");
+```
+
+When all of the checkboxes from `#complaints-group` are changed to the unchecked state, you should set `#complaints-group`'s border color to `red`.
+
+```js
+document.getElementById("damaged-product").checked = false;
+document.getElementById("nonconforming-product").checked = false;
+document.getElementById("delayed-dispatch").checked = false;
+document.getElementById("other-complaint").checked = false;
+const fieldset = document.getElementById("complaints-group");
+fieldset.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(fieldset.style.borderColor, "red");
+```
+
+When `#other-complaint` is checked and `#complaint-description` contains at least twenty characters, `validateForm()["complaint-description"]` should be `true`.
+
+```js
+document.getElementById("other-complaint").checked = true
+document.getElementById("complaint-description").value = "A sentence with at least twenty characters";
+assert.isTrue(validateForm()["complaint-description"]);
+```
+
+When `#other-complaint` is checked and `#complaint-description` contains less than twenty characters, `validateForm()["complaint-description"]` should be `false`.
+
+```js
+document.getElementById("other-complaint").checked = true
+document.getElementById("complaint-description").value = "Less than 20 chars";
+assert.isFalse(validateForm()["complaint-description"]);
+```
+
+Once the value of `#complaint-description` is changed to a valid value, you should set its border color to `green`.
+
+```js
+const field = document.getElementById("complaint-description");
+field.value = "A sentence with at least twenty characters"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "green");
+```
+
+Once the value of `#complaint-description` is changed to an invalid value, you should set its border color to `red`.
+
+```js
+const field = document.getElementById("complaint-description");
+field.value = "Not enough chars"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "red");
+```
+
+When a radio button from `#solutions-group` is checked, `validateForm()["solutions-group"]` should be `true`.
+
+```js
+document.getElementById("refund").checked = true
+assert.isTrue(validateForm()["solutions-group"]);
+```
+
+When none of the radio buttons from `#solutions-group` is checked, `validateForm()["solutions-group"]` should be `false`.
+
+```js
+document.getElementById("refund").checked = false;
+document.getElementById("exchange").checked = false;
+document.getElementById("other-solution").checked = false;
+assert.isFalse(validateForm()["solutions-group"]);
+```
+
+Once a radio button from `#solutions-group` is checked, you should set `#solutions-group`'s border color to `green`.
+
+```js
+document.getElementById("refund").checked = true;
+document.getElementById("exchange").checked = false;
+document.getElementById("other-solution").checked = false;
+const fieldset = document.getElementById("solutions-group");
+fieldset.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(fieldset.style.borderColor, "green");
+```
+
+When all of the checkboxes from `#complaints-group` are changed to the unchecked state, you should set `#complaints-group`'s border color to `red`.
+
+```js
+document.getElementById("refund").checked = false;
+document.getElementById("exchange").checked = false;
+document.getElementById("other-solution").checked = false;
+const fieldset = document.getElementById("solutions-group");
+fieldset.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(fieldset.style.borderColor, "red");
+```
+
+When `#other-solution` is checked and `#solution-description` contains at least twenty characters, `validateForm()["solution-description"]` should be `true`.
+
+```js
+document.getElementById("other-solution").checked = true
+document.getElementById("solution-description").value = "A sentence with at least twenty characters";
+assert.isTrue(validateForm()["solution-description"]);
+```
+
+When `#other-solution` is checked and `#solution-description` contains less than twenty characters, `validateForm()["solution-description"]` should be `false`.
+
+```js
+document.getElementById("other-solution").checked = true
+document.getElementById("solution-description").value = "Less than 20 chars";
+assert.isFalse(validateForm()["solution-description"]);
+```
+
+Once the value of `#solution-description` is changed to a valid value, you should set its border color to `green`.
+
+```js
+const field = document.getElementById("solution-description");
+field.value = "A sentence with at least twenty characters"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "green");
+```
+
+Once the value of `#solution-description` is changed to an invalid value, you should set its border color to `red`.
+
+```js
+const field = document.getElementById("solution-description");
+field.value = "Not enough chars"
+field.dispatchEvent(new Event("change", { bubbles: true }));
+assert.equal(field.style.borderColor, "red");
+```
+
+You should have a function named `isValid`.
+
+```js
+assert.isFunction(isValid);
+```
+
+Your `isValid` function should take the `validateForm()` as its argument and return `true` when all the form fields have been filled correctly.
+
+```js
+document.getElementById("full-name").value = "testing"
+document.getElementById("email").value = "example@domain.com"
+document.getElementById("order-no").value = "2024001122"
+document.getElementById("product-code").value = "Xa22-X123-Xb4"
+document.getElementById("quantity").value = "5"
+document.getElementById("damaged-product").checked = true
+document.getElementById("other-complaint").checked = false
+document.getElementById("refund").checked = true
+document.getElementById("other-solution").checked = false
+assert.isTrue(isValid(validateForm()));
+
+document.getElementById("other-complaint").checked = true
+document.getElementById("complaint-description").value = "A sentence with at least twenty characters";
+document.getElementById("other-solution").checked = true
+document.getElementById("solution-description").value = "A sentence with at least twenty characters";
+assert.isTrue(isValid(validateForm()));
+```
+
+Your `isValid` function should take the `validateForm()` as its argument and return `false` when not all the form fields have been filled correctly.
+
+```js
+const name = document.getElementById("full-name");
+const email = document.getElementById("email");
+const orderNo = document.getElementById("order-no");
+const prCode = document.getElementById("product-code");
+const quantity = document.getElementById("quantity");
+const damaged = document.getElementById("damaged-product");
+const nonConforming = document.getElementById("nonconforming-product");
+const delayed = document.getElementById("delayed-dispatch");
+const otherC = document.getElementById("other-complaint");
+const complaintDescr = document.getElementById("complaint-description");
+const refund = document.getElementById("refund");
+const exchange = document.getElementById("exchange");
+const otherS = document.getElementById("other-solution");
+const solutionDescr = document.getElementById("solution-description");
+
+// invalid full-name
+name.value = "";
+email.value = "example@domain.com";
+orderNo.value = "2024001122";
+prCode.value = "Xa22-X123-Xb4";
+quantity.value = "5";
+damaged.checked = true;
+refund.checked = true;
+assert.isFalse(isValid(validateForm()));
+
+// invalid email
+name.value = "testing";
+email.value = "";
+assert.isFalse(isValid(validateForm()));
+
+// invalid order-no
+email.value = "example@domain.com";
+orderNo.value = "202400";
+assert.isFalse(isValid(validateForm()));
+
+// invalid product-code
+orderNo.value = "2024001122";
+prCode.value = "1a22-Xa23-Xb4";
+assert.isFalse(isValid(validateForm()));
+
+// invalid quantity
+prCode.value = "Xa22-X123-Xb4";
+quantity.value = 0;
+assert.isFalse(isValid(validateForm()));
+
+// invalid complaints-group
+quantity.value = 5;
+damaged.checked = false;
+nonConforming.checked = false;
+delayed.checked = false;
+otherC.checked = false;
+assert.isFalse(isValid(validateForm()));
+
+// invalid complaint-description
+otherC.checked = true;
+complaintDescr.value = "not enough chars";
+assert.isFalse(isValid(validateForm()));
+
+
+// invalid solutions-group
+complaintDescr.value = "A sentence with at least twenty characters";
+refund.checked = false;
+exchange.checked = false;
+otherS.checked = false;
+assert.isFalse(isValid(validateForm()));
+
+// invalid solutions-description
+otherS.checked = true;
+solutionDescr.value = "not enough chars";
+assert.isFalse(isValid(validateForm()));
+```
+
+You should call `isValid` when you try to submit the form.
+
+```js
+let flag = false;
+const temp = isValid;
+try {
+    isValid = (obj) => {flag = true};
+    document.getElementById("form").dispatchEvent(new Event("submit"));
+    assert.isTrue(flag);
+} finally {
+    isValid = temp;
+}
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Customer Complaint Form</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+    <h1>Complaint Form</h1>
+    <form id="form">
+        <fieldset id="personal-info">
+            <div>
+                <label for="full-name">Full Name:</label>
+                <input type="text" id="full-name" name="full-name" placeholder="John Doe">
+            </div>
+
+            <div>
+                <label for="email">Email Address:</label>
+                <input type="email" id="email" name="email" placeholder="example@domain.com">
+            </div>
+        </fieldset>
+        <hr>
+        <fieldset id="product-info">
+            <div>
+                <label for="order-no">Order No:</label>
+                <input type="text" id="order-no" name="order-no" placeholder="2024######">
+            </div>
+            <div>
+                <label for="product-code">Product Code:</label>
+                <input type="text" id="product-code" name="product-code" placeholder="XX##-X###-XX#">
+            </div>
+            <div>
+                <label for="quantity">Quantity:</label>
+                <input type="number" id="quantity" name="quantity" min="1">
+            </div>
+        </fieldset>
+
+        <fieldset id="complaints-group">
+            <legend>Complaint Reason:</legend>
+            <div>
+                <input type="checkbox" id="damaged-product" name="complaint" value="damaged-product">
+                <label for="damaged-product">Damaged Product</label>
+            </div>
+
+            <div>
+                <input type="checkbox" id="nonconforming-product" name="complaint" value="nonconforming-product">
+                <label for="nonconforming-product">Nonconforming Product</label>
+            </div>
+
+            <div>
+                <input type="checkbox" id="delayed-dispatch" name="complaint" value="delayed-dispatch">
+                <label for="delayed-dispatch">Delayed Dispatch</label>
+            </div>
+
+            <div>
+                <input type="checkbox" id="other-complaint" name="complaint" value="other">
+                <label for="other-complaint">Other</label>
+            </div>
+        </fieldset>
+
+        <div id="complaint-description-container">
+            <legend>Description of Complaint Reason</legend>
+            <textarea placeholder="Describe the reason of your complaint in at least 20 characters"
+                name="complaint-textarea" id="complaint-description"></textarea>
+        </div>
+
+        <fieldset id="solutions-group">
+            <legend>Desired Solution</legend>
+            <input type="radio" name="solutions" id="refund" value="refund">
+            <label for="refund">Refund</label>
+
+            <input type="radio" name="solutions" id="exchange" value="exchange">
+            <label for="exchange">Exchange</label>
+
+            <input type="radio" name="solutions" id="other-solution" value="other">
+            <label for="other-solution">Other</label>
+        </fieldset>
+
+        <div id="solution-description-container">
+            <legend>Description of Desired Solution</legend>
+            <textarea placeholder="Describe the desired solution to your issue in at least 20 characters"
+                name="solution-textarea" id="solution-description"></textarea>
+        </div>
+        <div id="btn-container">
+            <button type="submit" id="submit-btn">Submit</button>
+            <span id="message-box"></span>
+        </div>
+
+    </form>
+
+    <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+* {
+    box-sizing: border-box;
+}
+
+h1 {
+    text-align: center;
+}
+
+#form {
+    max-width: 70%;
+    margin: auto;
+    border-radius: 10px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    padding: 10px;
+}
+
+input {
+    border-color: rgb(118, 118, 118);
+}
+
+#personal-info input, #product-info input {
+    width: 100%;
+    margin-bottom: 10px;
+}
+
+
+fieldset {
+    margin-bottom: 10px;
+    border-radius: 5px;
+    border-color: rgb(118, 118, 118);
+}
+
+textarea {
+    width: 100%;
+    border-color: rgb(118, 118, 118);
+}
+
+#btn-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+#submit-btn, #clear-btn {
+    margin: 10px 15px 0;
+}
+```
+
+```js
+
+```
+
+## --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>Customer Complaint Form</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+    <h1>Complaint Form</h1>
+    <form id="form">
+        <fieldset id="personal-info">
+            <div>
+                <label for="full-name">Full Name:</label>
+                <input type="text" id="full-name" name="full-name" placeholder="John Doe">
+            </div>
+
+            <div>
+                <label for="email">Email Address:</label>
+                <input type="email" id="email" name="email" placeholder="example@domain.com">
+            </div>
+        </fieldset>
+        <hr>
+        <fieldset id="product-info">
+            <div>
+                <label for="order-no">Order No:</label>
+                <input type="text" id="order-no" name="order-no" placeholder="2024######">
+            </div>
+            <div>
+                <label for="product-code">Product Code:</label>
+                <input type="text" id="product-code" name="product-code" placeholder="XX##-X###-XX#">
+            </div>
+            <div>
+                <label for="quantity">Quantity:</label>
+                <input type="number" id="quantity" name="quantity" min="1">
+            </div>
+        </fieldset>
+
+        <fieldset id="complaints-group">
+            <legend>Complaint Reason:</legend>
+            <div>
+                <input type="checkbox" id="damaged-product" name="complaint" value="damaged-product">
+                <label for="damaged-product">Damaged Product</label>
+            </div>
+
+            <div>
+                <input type="checkbox" id="nonconforming-product" name="complaint" value="nonconforming-product">
+                <label for="nonconforming-product">Nonconforming Product</label>
+            </div>
+
+            <div>
+                <input type="checkbox" id="delayed-dispatch" name="complaint" value="delayed-dispatch">
+                <label for="delayed-dispatch">Delayed Dispatch</label>
+            </div>
+
+            <div>
+                <input type="checkbox" id="other-complaint" name="complaint" value="other">
+                <label for="other-complaint">Other</label>
+            </div>
+        </fieldset>
+
+        <div id="complaint-description-container">
+            <legend>Description of Complaint Reason</legend>
+            <textarea placeholder="Describe the reason of your complaint in at least 20 characters"
+                name="complaint-textarea" id="complaint-description"></textarea>
+        </div>
+
+        <fieldset id="solutions-group">
+            <legend>Desired Solution</legend>
+            <input type="radio" name="solutions" id="refund" value="refund">
+            <label for="refund">Refund</label>
+
+            <input type="radio" name="solutions" id="exchange" value="exchange">
+            <label for="exchange">Exchange</label>
+
+            <input type="radio" name="solutions" id="other-solution" value="other">
+            <label for="other-solution">Other</label>
+        </fieldset>
+
+        <div id="solution-description-container">
+            <legend>Description of Desired Solution</legend>
+            <textarea placeholder="Describe the desired solution to your issue in at least 20 characters"
+                name="solution-textarea" id="solution-description"></textarea>
+        </div>
+        <div id="btn-container">
+            <button type="submit" id="submit-btn">Submit</button>
+            <span id="message-box"></span>
+            <button type="button" id="clear-btn">Clear</button>
+        </div>
+
+    </form>
+
+    <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+* {
+    box-sizing: border-box;
+}
+
+h1 {
+    text-align: center;
+}
+
+#form {
+    max-width: 70%;
+    margin: auto;
+    border-radius: 10px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
+    padding: 10px;
+}
+
+input {
+    border-color: rgb(118, 118, 118);
+}
+
+#personal-info input, #product-info input {
+    width: 100%;
+    margin-bottom: 10px;
+}
+
+
+fieldset {
+    margin-bottom: 10px;
+    border-radius: 5px;
+    border-color: rgb(118, 118, 118);
+}
+
+textarea {
+    width: 100%;
+    border-color: rgb(118, 118, 118);
+}
+
+#btn-container {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+#submit-btn, #clear-btn {
+    margin: 10px 15px 0;
+}
+```
+
+```js
+const form = document.getElementById("form");
+const fullName = document.getElementById("full-name");
+const emailAddress = document.getElementById("email");
+const orderNo = document.getElementById("order-no");
+const productCode = document.getElementById("product-code");
+const quantity = document.getElementById("quantity");
+const complaints = document.querySelectorAll('input[name="complaint"]');
+const complaintDescription = document.getElementById("complaint-description");
+const complaintTextAreaDiv = document.getElementById("complaint-description-container");
+const solutions = document.querySelectorAll('input[name="solutions"]');
+const solutionDescription = document.getElementById("solution-description");
+const solutionTextAreaDiv = document.getElementById("solution-description-container");
+const submitBtn = document.getElementById("submit-btn");
+const messageBox = document.getElementById("message-box");
+const clearBtn = document.getElementById("clear-btn");
+
+const hideTextareas = () => {
+    complaintTextAreaDiv.style.display = "none";
+    solutionTextAreaDiv.style.display = "none";
+}
+
+hideTextareas();
+
+const formFields = {
+    "full-name": fullName,
+    "email": emailAddress,
+    "order-no": orderNo,
+    "product-code": productCode,
+    "quantity": quantity,
+    "complaints-group": Array.from(complaints),
+    "complaint-description": complaintDescription,
+    "solutions-group": Array.from(solutions),
+    "solution-description": solutionDescription
+}
+
+const clearForm = () => {
+    Object.entries(formFields).forEach(entry => {
+        const [key, val] = entry;
+        if (Array.isArray(val)) {
+            val.forEach(i => i.checked = false);
+        } else {
+            val.value = "";
+        }
+        hideTextareas();
+        messageBox.innerText = "";
+        document.getElementById(key).style.borderColor = "rgb(118, 118, 118)";
+    })
+}
+
+const validateForm = () => {
+    const complaintsArr = Array.from(complaints).map(i => i.checked);
+    const solutionsArr = Array.from(solutions).map(i => i.checked);
+    const validationObject = {
+        "full-name": Boolean(fullName.value.trim()),
+        "email": /^\S+@\S+\.\S+$/.test(emailAddress.value.trim()),
+        "order-no": /^2024\d{6}$/.test(orderNo.value.trim()),
+        "product-code": /[A-Z]{2}\d{2}-[A-Z]\d{3}-[A-Z]{2}\d/i.test(productCode.value.trim()),
+        "quantity": Number(quantity.value.trim()) > 0,
+        "complaints-group": complaintsArr.some(i => i),
+        "complaint-description": null,
+        "solutions-group": solutionsArr.some(i => i),
+        "solution-description": null
+    }
+
+    if (complaintsArr[3]) {
+        complaintTextAreaDiv.style.display = "block";
+        const complaintsDescriptionVal = complaintDescription.value.trim();
+        if (complaintsDescriptionVal.length < 20) {
+            validationObject["complaint-description"] = false;
+        } else {
+            validationObject["complaint-description"] = true;
+        }
+    } else {
+        complaintTextAreaDiv.style.display = "none";
+    }
+    if (solutionsArr[2]) {
+        solutionTextAreaDiv.style.display = "block";
+        const solutionDescriptionVal = solutionDescription.value.trim();
+        if (solutionDescriptionVal.length < 20) {
+            validationObject["solution-description"] = false;
+        } else {
+            validationObject["solution-description"] = true;
+        }
+    } else {
+        solutionTextAreaDiv.style.display = "none";
+    }
+    if (validationObject["complaint-description"] === null) delete validationObject["complaint-description"];
+    if (validationObject["solution-description"] === null) delete validationObject["solution-description"];
+
+    return validationObject;
+}
+
+clearBtn.addEventListener("click", clearForm);
+
+Object.keys(formFields).forEach(key => {
+    document.getElementById(key).addEventListener("change", (e) => {
+        const validationObject = validateForm();
+        if (Object.values(validationObject).every(val => val)) messageBox.innerText = "";
+        if (!validationObject[key]) {
+            document.getElementById(key).style.borderColor = "red";
+        } else {
+            document.getElementById(key).style.borderColor = "green";
+        }
+    });
+});
+
+const isValid = (validationObj) => Object.values(validationObj).every(i => i);
+
+form.addEventListener("submit", (e) => {
+    e.preventDefault();
+    const validationObject = validateForm();
+    if (!isValid(validationObject)) {
+        messageBox.innerText = "Please, fill out the required fields correctly before submitting.";
+        Object.keys(validationObject).forEach(key => {
+            if (!validationObject[key]) {
+                document.getElementById(key).style.borderColor = "red";
+            } else {
+                document.getElementById(key).style.borderColor = "green";
+            }
+        });
+    } else {
+        messageBox.innerText = "";
+        alert("Form successfully submitted.");
+        clearForm();
+    }
+});
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md b/curriculum/challenges/japanese/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
index 2068c490a7..3bb0eeacf8 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
@@ -1,7 +1,7 @@
 ---
 id: 66f686b8ebdb982fa8e14330
 title: Build a Date Conversion Program
-challengeType: 14
+challengeType: 25
 dashedName: lab-date-conversion
 ---
 
@@ -63,7 +63,7 @@ You should have a function `formatDateMMDDYYYY`
 assert.isFunction(formatDateMMDDYYYY);
 ```
 
-The function`formatDateMMDDYYYY` should take a single parameter.
+The function `formatDateMMDDYYYY` should take a single parameter.
 
 ```js
 assert.lengthOf(formatDateMMDDYYYY, 1);
@@ -91,7 +91,7 @@ You should have a function `formatDateLong`
 assert.isFunction(formatDateLong);
 ```
 
-The function`formatDateLong` should take a single a parameter.
+The function `formatDateLong` should take a single a parameter.
 
 ```js
 assert.lengthOf(formatDateLong, 1);
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md b/curriculum/challenges/japanese/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
new file mode 100644
index 0000000000..a3dfa325d2
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
@@ -0,0 +1,543 @@
+---
+id: 6762ec275cef87635acc4fe3
+title: Build a Drum Machine
+challengeType: 25
+dashedName: build-drum-machine
+demoType: onClick
+---
+
+# --description--
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+1. You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+2. Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+3. Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+4. Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`, a unique `id` that describes the audio clip the drum pad will be set up to trigger, and an inner text that corresponds to one of the following keys on the keyboard: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`. The drum pads MUST be in this order.
+
+5. Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+6. When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+7. When you press the trigger key associated with each `.drum-pad`, the audio clip contained in its child audio element should be triggered (e.g. pressing the `Q` key should trigger the drum pad which contains the string `Q`, pressing the `W` key should trigger the drum pad which contains the string `W`, etc.).
+
+8. When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+Some audio samples you can use for your drum machine can be found at `https://cdn.freecodecamp.org/curriculum/drum/<fileName>`, where `<fileName>` is as follows:
+
+| drum name   | `fileName`       |
+| ----------- | ---------------- |
+| Heater 1    | `Heater-1.mp3`   |
+| Heater 2    | `Heater-2.mp3`   |
+| Heater 3    | `Heater-3.mp3`   |
+| Heater 4    | `Heater-4_1.mp3` |
+| Clap        | `Heater-6.mp3`   |
+| Open-HH     | `Dsc_Oh.mp3`     |
+| Kick-n'-Hat | `Kick_n_Hat.mp3` |
+| Kick        | `RP4_KICK_1.mp3` |
+| Closed-HH   | `Cev_H2.mp3`     |
+
+# --hints--
+
+You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+```js
+assert.isNotNull(document.querySelector('div#drum-machine'));
+```
+
+Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine div#pad-bank'));
+```
+
+Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine p#display'));
+```
+
+Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`.
+
+```js
+assert.lengthOf(document.querySelectorAll('#pad-bank .drum-pad'), 9);
+```
+
+Each `.drum-pad` should have one of the following letters as `innerText`, in order: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+for (let i = 0; i < 9; i++) {
+  assert.equal(pads[i].innerText.trim(), letters[i]);
+}
+```
+
+Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  assert.equal(audios[i].id, letters[i]);
+  assert.isTrue(audios[i].classList.contains('clip'));
+  assert.isTrue(audios[i].hasAttribute('src'));
+}
+```
+
+When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+assert.isNotEmpty(pads);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  assert.isFalse(audio.paused);
+  audio.pause();
+});
+```
+
+When you press one of the keys Q, W, E, A, S, D, Z, X, C on your keyboard, the corresponding `audio` element should play the corresponding sound.
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  const audio = audios[i];
+  document.dispatchEvent(
+    new KeyboardEvent('keydown', { key: letters[i].toLowerCase() })
+  );
+  assert.isFalse(audio.paused);
+  audio.pause();
+}
+```
+
+When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+```js
+const collection = new Set();
+const disp = document.querySelector('#display');
+const pads = document.querySelectorAll('.drum-pad');
+assert.lengthOf(pads, 9);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  collection.add(disp.innerText.trim());
+  audio.pause();
+});
+assert.lengthOf(collection, 9);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Drum Machine</title>
+  </head>
+  <body></body>
+</html>
+```
+
+```css
+
+```
+
+```js
+
+```
+
+# --solutions--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Drum Machine</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+
+  <body>
+    <div class="inner-container" id="drum-machine">
+      <div id="pad-bank"></div>
+
+      <div class="controls-container">
+        <div class="control power-control">
+          <p>Power: <span id="power-status">On</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+
+        <!-- Display for Drum Pad Name and Volume -->
+        <p id="display"></p>
+
+        <div class="volume-slider">
+          <input type="range" min="0" max="1" step="0.01" value="0.3" />
+        </div>
+
+        <div class="control bank-control">
+          <p>Bank: <span id="current-bank">Heater Kit</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script src="script.js"></script>
+  </body>
+</html>
+```
+
+```css
+/* General Reset */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: 'Arial', sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background-color: #282c34;
+  color: white;
+}
+
+.inner-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #3b3b5f;
+  border-radius: 8px;
+  padding: 20px;
+  width: 300px;
+}
+
+/* Drum Pad Styles */
+#pad-bank {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  margin-bottom: 15px;
+}
+
+.drum-pad {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background: #444;
+  border-radius: 5px;
+  font-size: 1.2em;
+  cursor: pointer;
+}
+
+.drum-pad.active {
+  background: #ffaa33;
+}
+
+.controls-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.control {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin: 10px 0;
+}
+
+.select {
+  width: 50px;
+  height: 20px;
+  background: #555;
+  border-radius: 10px;
+  cursor: pointer;
+  position: relative;
+}
+
+.select .inner {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  background: #ffaa33;
+  border-radius: 50%;
+  top: 1px;
+  left: calc(100% - 18px);
+}
+
+#display {
+  margin: 15px 0;
+  text-align: center;
+  font-size: 1em;
+  padding: 20px;
+  background: #444;
+  border-radius: 5px;
+  width: 100%;
+}
+
+.volume-slider input[type='range'] {
+  width: 100%;
+  -webkit-appearance: none;
+  appearance: none;
+  height: 4px;
+  background: #ffaa33;
+  border-radius: 2px;
+  margin-bottom: 10px;
+}
+
+.volume-slider input[type='range']::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 12px;
+  height: 12px;
+  background: #fff;
+  border-radius: 50%;
+  cursor: pointer;
+}
+```
+
+```js
+const projectName = 'drum-machine';
+
+const bankOne = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Heater-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Heater-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Heater-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Heater-4',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-4_1.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Clap',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-6.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dsc_Oh.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: "Kick-n'-Hat",
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Kick_n_Hat.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/RP4_KICK_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Cev_H2.mp3'
+  }
+];
+
+const bankTwo = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Chord-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Chord-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Chord-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Shaker',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Give_us_a_light.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dry_Ohh.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Bld_H1.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: 'Punchy-Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/punchy_kick_1.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Side-Stick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/side_stick_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Snare',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Brk_Snr.mp3'
+  }
+];
+
+const state = {
+  power: true,
+  display: ' ',
+  currentPadBank: bankOne,
+  currentPadBankId: 'Heater Kit',
+  sliderVal: 0.3
+};
+
+const display = document.getElementById('display');
+
+const setDisplay = text => {
+  state.display = text;
+  display.innerText = text;
+};
+
+const adjustVolume = e => {
+  if (state.power) {
+    state.sliderVal = e.target.value;
+    setDisplay(`Volume: ${Math.round(e.target.value * 100)}`);
+    setTimeout(() => setDisplay(' '), 1000);
+    document.querySelectorAll('.clip').forEach(sound => {
+      sound.volume = state.sliderVal;
+    });
+  }
+};
+
+const activatePad = pad => {
+  pad.classList.add('active');
+  setTimeout(() => pad.classList.remove('active'), 100);
+};
+
+const playSound = (id, name) => {
+  if (!state.power) return;
+
+  const sound = document.getElementById(id);
+  sound.currentTime = 0;
+  sound.play();
+  activatePad(sound.parentNode);
+  setDisplay(name);
+};
+
+const renderPadBank = () => {
+  const padBank = document.querySelector('#pad-bank');
+  padBank.innerHTML = '';
+
+  state.currentPadBank.forEach(drum => {
+    const pad = document.createElement('div');
+    pad.classList.add('drum-pad');
+    pad.id = drum.id;
+    pad.innerText = drum.keyTrigger;
+
+    const audio = document.createElement('audio');
+    audio.classList.add('clip');
+    audio.id = drum.keyTrigger;
+    audio.src = drum.url;
+    pad.appendChild(audio);
+
+    pad.addEventListener('click', () =>
+      playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '))
+    );
+    document.addEventListener('keydown', e => {
+      if (e.key === drum.keyTrigger.toLowerCase())
+        playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '));
+    });
+
+    padBank.appendChild(pad);
+  });
+};
+
+const powerControl = () => {
+  state.power = !state.power;
+  document.getElementById('power-status').textContent = state.power
+    ? 'On'
+    : 'Off';
+
+  setDisplay('');
+
+  const powerSlider = document.querySelector('.power-control .select .inner');
+  powerSlider.style.left = state.power ? 'calc(100% - 18px)' : '0';
+};
+
+const selectBank = () => {
+  if (!state.power) return;
+  setDisplay(' ');
+  state.currentPadBank =
+    state.currentPadBankId === 'Heater Kit' ? bankTwo : bankOne;
+  state.currentPadBankId =
+    state.currentPadBankId === 'Heater Kit' ? 'Smooth Piano Kit' : 'Heater Kit';
+
+  renderPadBank();
+  document.getElementById('current-bank').textContent =
+    state.currentPadBankId === 'Heater Kit' ? 'Heater Kit' : 'Smooth Piano Kit';
+  const bankControl = document.querySelector('.bank-control .select .inner');
+  bankControl.style.left =
+    state.currentPadBankId === 'Heater Kit' ? 'calc(100% - 18px)' : '0';
+};
+
+document
+  .querySelector('.power-control')
+  .addEventListener('click', powerControl);
+document.querySelector('.bank-control').addEventListener('click', selectBank);
+document
+  .querySelector('.volume-slider input')
+  .addEventListener('input', adjustVolume);
+
+renderPadBank();
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-email-masker/66b205e6eacba4c4e54ea434.md b/curriculum/challenges/japanese/25-front-end-development/lab-email-masker/66b205e6eacba4c4e54ea434.md
index bd0ce8863b..c5781b5b77 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-email-masker/66b205e6eacba4c4e54ea434.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-email-masker/66b205e6eacba4c4e54ea434.md
@@ -1,7 +1,7 @@
 ---
 id: 66b205e6eacba4c4e54ea434
 title: Build an Email Masker
-challengeType: 14
+challengeType: 25
 dashedName: build-an-email-masker
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-event-flyer-page/66e45c8140f9fda5c105ae26.md b/curriculum/challenges/japanese/25-front-end-development/lab-event-flyer-page/66e45c8140f9fda5c105ae26.md
index 565c27bfbc..b3f2d6bede 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-event-flyer-page/66e45c8140f9fda5c105ae26.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-event-flyer-page/66e45c8140f9fda5c105ae26.md
@@ -1,7 +1,7 @@
 ---
 id: 66e45c8140f9fda5c105ae26
 title: Build an Event Flyer Page
-challengeType: 14
+challengeType: 25
 dashedName: build-an-event-flyer-page
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-event-hub/66ebd4ae2812430bb883c787.md b/curriculum/challenges/japanese/25-front-end-development/lab-event-hub/66ebd4ae2812430bb883c787.md
index 43ecba975d..6f7ddffd70 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-event-hub/66ebd4ae2812430bb883c787.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-event-hub/66ebd4ae2812430bb883c787.md
@@ -1,7 +1,7 @@
 ---
 id: 66ebd4ae2812430bb883c787
 title: Build an Event Hub
-challengeType: 14
+challengeType: 25
 dashedName: lab-event-hub
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md b/curriculum/challenges/japanese/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
index 85336c879f..bab738081f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
@@ -1,7 +1,7 @@
 ---
 id: 66c07238b01053abaf812065
 title: Build a Factorial Calculator
-challengeType: 14
+challengeType: 25
 dashedName: build-a-factorial-calculator
 ---
 
@@ -71,12 +71,6 @@ The factorial of `7` should return `5040`.
 assert.strictEqual(factorialCalculator(7), 5040);
 ```
 
-For `5`, the `resultMsg` should contain `Factorial of 5 is 120`.
-
-```js
-assert.strictEqual(resultMsg, 'Factorial of 5 is 120');
-```
-
 You should call your `factorialCalculator` function with the `num` variable as the argument.
 
 ```js
@@ -98,6 +92,13 @@ assert.strictEqual(factorialCalculator(9), 362880);
 assert.strictEqual(factorialCalculator(11), 39916800);
 ```
 
+Your `resultMsg` should contain a string in a format `Factorial of [num] is [factorial]`.
+
+```js
+assert.strictEqual(resultMsg, `Factorial of ${num} is ${factorialCalculator(num)}`);
+assert.notMatch(__helpers.removeJSComments(code), /Factorial of \d{1,2} is \d+/);
+```
+
 You should output the value of `resultMsg` to the console.
 
 ```js
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md b/curriculum/challenges/japanese/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md
index 212d57f86e..fb5ef727ae 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-favorite-icon-toggler/66bf6bacf178eac7b96d4f5e.md
@@ -1,7 +1,7 @@
 ---
 id: 66bf6bacf178eac7b96d4f5e
 title: Build a Favorite Icon Toggler
-challengeType: 14
+challengeType: 25
 dashedName: build-a-favorite-icon-toggler
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md b/curriculum/challenges/japanese/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
index 5bf3e1cc15..55e29ad88d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
@@ -1,7 +1,7 @@
 ---
 id: 673c91f0b934834bc4a3ecc2
 title: Build an fCC Forum Leaderboard
-challengeType: 14
+challengeType: 25
 dashedName: build-an-fcc-forum-leaderboard
 demoType: onClick
 ---
@@ -16,39 +16,39 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 
 1. You should have a function named `timeAgo` that takes a timestamp in the ISO 8601 format as the argument.
 1. The `timeAgo` function should compute the time difference between the time passed as an argument and the current time and return:
-    - `xm ago` (`x` represents minutes) if the amount of minutes that have passed is less than `60`.
-    - `xh ago` (`x` represents hours) if the amount of hours that have passed is less than `24`.
-    - `xd ago` (`x` represents days) otherwise.
+   - `xm ago` (`x` represents minutes) if the amount of minutes that have passed is less than `60`.
+   - `xh ago` (`x` represents hours) if the amount of hours that have passed is less than `24`.
+   - `xd ago` (`x` represents days) otherwise.
 1. You should have a function named `viewCount` that takes the number of views of a post as the argument.
 1. If the value of the views passed as the argument is greater than or equal to `1000`, the `viewCount` function should return a string with the views value divided by `1000`, rounded down to the nearest whole number and the letter `k` appended to it. Otherwise, it should return the views value.
 1. You should have a function named `forumCategory` that takes the id of a selected category as the argument.
 1. The `forumCategory` function should verify that the selected category id is a property of the `allCategories` object and should return a string containing an anchor element with:
-    - the text of the `category` key of the selected category.
-    - a class of `category` followed by the `className` property of the selected category.
-    - an `href` with the value of `<forumCategoryUrl>/<className>/<id>`, where `<className>` is the `className` property of the selected category and `id` is the argument passed to `forumCategory`.
+   - the text of the `category` key of the selected category.
+   - a class of `category` followed by the `className` property of the selected category.
+   - an `href` with the value of `<forumCategoryUrl>/<className>/<id>`, where `<className>` is the `className` property of the selected category and `id` is the argument passed to `forumCategory`.
 1. If the `allCategories` object does not have the selected category id as its property, `className` and `category` should be indicated as `general`.
 1. You should have a function named `avatars` that takes two arrays representing posters and users, respectively.
-1. The `avatars` function should return a string made by joining `img` elements, one for each poster found inside the user array. *Hint:* You can find users by comparing the `user_id` property of the poster with the `id` property` of the user.
+1. The `avatars` function should return a string made by joining `img` elements, one for each poster found inside the user array. _Hint:_ You can find users by comparing the `user_id` property of the poster with the `id` property` of the user.
 1. The `avatars` function should set each avatar's size by accessing the `avatar_template` property and replacing `{size}` with `30`.
 1. Each image element should have an alt text with the value of the `name` property of the poster.
 1. Each image element should have a source with the value of the `avatar_template` property of the poster. In case `avatar_template` contains a relative path, you should set the source to `<avatarUrl>/<avatar_template>`.
 1. You should have a function named `showLatestPosts` that takes a single parameter.
 1. The `showLatestPosts` should extract the `users` and `topic_list` properties from the object passed as argument. Also, it should process the following properties of the objects from the `topics` array, which is contained in `topic_list`:
-    - `id`: the id of the post
-    - `title`: the title of the post
-    - `views`: the number of views of the post
-    - `posts_count`: the number of replies to the topic
-    - `slug`: the slug of the post
-    - `posters`: the posters for that topic
-    - `category_id`: an integer indicating the category id for the post
-    - `bumped_at`: a timestamp in the ISO 8601 format
+   - `id`: the id of the post
+   - `title`: the title of the post
+   - `views`: the number of views of the post
+   - `posts_count`: the number of replies to the topic
+   - `slug`: the slug of the post
+   - `posters`: the posters for that topic
+   - `category_id`: an integer indicating the category id for the post
+   - `bumped_at`: a timestamp in the ISO 8601 format
 1. The `showLatestPosts` should set the inner HTML of `#posts-container` to a string made by joining `tr` elements, one for each item in `topics`.
 1. Each `tr` element should have five `td` elements in it:
-    - a `td` containing two anchor elements, one with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and one obtained by calling `forumCategory` with `category_id`.
-    - a `td` containing a `div` element with class `avatar-container` that contains the images returned by the `avatars` function called with `posters` and `users` as arguments.
-    - a `td` containing the number of replies to the post. *Hint:* use `posts_count - 1`.
-    - a `td` containing the number of views of the post.
-    - a `td` containing the time passed since the last activity.
+   - a `td` containing two anchor elements, one with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and one obtained by calling `forumCategory` with `category_id`.
+   - a `td` containing a `div` element with class `avatar-container` that contains the images returned by the `avatars` function called with `posters` and `users` as arguments.
+   - a `td` containing the number of replies to the post. _Hint:_ use `posts_count - 1`.
+   - a `td` containing the number of views of the post.
+   - a `td` containing the time passed since the last activity.
 1. You should have an async function named `fetchData`.
 1. The `fetchData` function should request data from `forumLatest` and call `showLatestPosts` passing it the response parsed as JSON.
 1. If there's an error when fetching data, the `fetchData` function should log the error to the console.
@@ -66,10 +66,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 50)).toISOString()
-}
-const expected = "50m ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 50).toISOString();
+};
+const expected = '50m ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -78,10 +78,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60)).toISOString()
-}
-const expected = "1h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60).toISOString();
+};
+const expected = '1h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -90,10 +90,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * ( 60 * 115))).toISOString()
-}
-const expected = "1h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * (60 * 115)).toISOString();
+};
+const expected = '1h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -102,10 +102,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 15)).toISOString()
-}
-const expected = "15h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 15).toISOString();
+};
+const expected = '15h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -114,10 +114,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 24)).toISOString()
-}
-const expected = "1d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 24).toISOString();
+};
+const expected = '1d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -126,10 +126,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 46)).toISOString()
-}
-const expected = "1d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 46).toISOString();
+};
+const expected = '1d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -138,10 +138,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 24 * 3)).toISOString()
-}
-const expected = "3d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 24 * 3).toISOString();
+};
+const expected = '3d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -162,13 +162,13 @@ assert.strictEqual(597, viewCount(597));
 `viewCount(1000)` should return `1k`.
 
 ```js
-assert.equal("1k", viewCount(1000));
+assert.equal('1k', viewCount(1000));
 ```
 
 `viewCount(2730)` should return `2k`.
 
 ```js
-assert.equal("2k", viewCount(2730));
+assert.equal('2k', viewCount(2730));
 ```
 
 You should have a function named `forumCategory` that takes a single argument.
@@ -193,11 +193,17 @@ assert.match(actual, /^<\s*a.+?>\s*Project Feedback\s*<\/a>$/);
 
 ```js
 let actual = forumCategory(299);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/career\/299\1/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/career\/299\1/
+);
 
 // prevent hardcoding
 actual = forumCategory(409);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/feedback\/409\1/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/feedback\/409\1/
+);
 ```
 
 `forumCategory(299)` should return a string containing an anchor element with `class="category career"`.
@@ -222,10 +228,16 @@ assert.match(actual, /^<\s*a.+?>\s*General\s*<\/a>$/);
 
 ```js
 let actual = forumCategory(200);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/200/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/200/
+);
 
 actual = forumCategory(220);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/220/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/220/
+);
 ```
 
 `forumCategory(200)` should return a string containing an anchor element with `class="category career"`.
@@ -245,58 +257,64 @@ assert.lengthOf(avatars, 2);
 The `avatars` function should return a string made by joining `img` elements, one for each poster found in the user array.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 const matches = actual.match(/<\s*img\s+.+?>/g);
-assert.lengthOf(matches, 3)
+assert.lengthOf(matches, 3);
 ```
 
 Each `img` element in the string returned by the `avatars` function should have an `alt` text with the value of the `name` property of the poster.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 const matches = actual.match(/<\s*img\s+.+?>/g);
 
@@ -308,28 +326,31 @@ assert.match(matches[2], /alt="Ilenia"/);
 The `avatars` function should set each avatar's size by accessing the `avatar_template` property and replacing `{size}` with `30`.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 assert.notMatch(actual, /\{size\}/);
 assert.lengthOf(actual.match(/\/30\//g), 3);
@@ -338,35 +359,47 @@ assert.lengthOf(actual.match(/\/30\//g), 3);
 Each `img` element in the string returned by the `avatars` function should have the `src` with the value of the `avatar_template` property of the poster. In case `avatar_template` contains a relative path, it should be set to `<avatarUrl>/<avatar_template>`.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 
 const matches = actual.match(/<\s*img\s+.+?>/g);
 
-assert.match(matches[0], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/quincylarson\/30\/212400_2\.png"/);
-assert.match(matches[1], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/jwilkins\.oboe\/30\/179497_2\.png"/);
-assert.match(matches[2], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/ilenia\/30\/270648_2\.png"/);
+assert.match(
+  matches[0],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/quincylarson\/30\/212400_2\.png"/
+);
+assert.match(
+  matches[1],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/jwilkins\.oboe\/30\/179497_2\.png"/
+);
+assert.match(
+  matches[2],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/ilenia\/30\/270648_2\.png"/
+);
 ```
 
 You should have a function named `showLatestPosts` that takes a single parameter.
@@ -391,9 +424,11 @@ try {
   fetch = source => {
     testArr.push(source);
     return temp(source);
-  }
+  };
   fetchData();
-  assert.deepEqual(testArr, ["https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json"])
+  assert.deepEqual(testArr, [
+    'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json'
+  ]);
 } finally {
   fetch = temp;
 }
@@ -409,7 +444,7 @@ async () => {
     showLatestPosts = data => {
       testArr.push(data);
       return temp(data);
-  }
+    };
     await fetchData();
     assert.isNotEmpty(testArr);
   } catch (err) {
@@ -417,7 +452,7 @@ async () => {
   } finally {
     fetch = temp;
   }
-}
+};
 ```
 
 If there is an error, your `fetchData` function should log the error to the console.
@@ -428,15 +463,19 @@ const temp1 = fetch;
 const temp2 = console.log;
 async () => {
   try {
-    console.log = obj => {testArr.push(obj.toString())};
-    fetch = source => {throw new Error("This is a test error");}
+    console.log = obj => {
+      testArr.push(obj.toString());
+    };
+    fetch = source => {
+      throw new Error('This is a test error');
+    };
     await fetchData();
-    assert.deepEqual(testArr, ["Error: This is a test error"]);
+    assert.deepEqual(testArr, ['Error: This is a test error']);
   } finally {
     fetch = temp1;
     console.log = temp2;
   }
-}
+};
 ```
 
 `showLatestPosts` should set the inner HTML of `#posts-container` to a string made by joining `tr` elements, one for each item in `topics`.
@@ -445,53 +484,56 @@ async () => {
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-assert.lengthOf(pContainer.querySelectorAll("tr"), 2);
+assert.lengthOf(pContainer.querySelectorAll('tr'), 2);
 ```
 
 Each `tr` element from the string returned by `showLatestPosts` should contain `5` `td` elements.
@@ -500,54 +542,57 @@ Each `tr` element from the string returned by `showLatestPosts` should contain `
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-assert.lengthOf(pContainer.querySelectorAll("tr:first-child>td"), 5);
-assert.lengthOf(pContainer.querySelectorAll("tr:last-child>td"), 5);
+assert.lengthOf(pContainer.querySelectorAll('tr:first-child>td'), 5);
+assert.lengthOf(pContainer.querySelectorAll('tr:last-child>td'), 5);
 ```
 
 The first `td` element of each table row from the string returned by `showLatestPosts` should contain two anchor elements, the first with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and the second obtained by calling `forumCategory` with `category_id`.
@@ -556,74 +601,91 @@ The first `td` element of each table row from the string returned by `showLatest
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-const anchors1 = pContainer.querySelectorAll("tr:first-child>td>a");
+const anchors1 = pContainer.querySelectorAll('tr:first-child>td>a');
 assert.lengthOf(anchors1, 2);
 
-const anchors2 = pContainer.querySelectorAll("tr:last-child>td>a");
+const anchors2 = pContainer.querySelectorAll('tr:last-child>td>a');
 assert.lengthOf(anchors2, 2);
 
-assert.equal(anchors1[0].classList[0], "post-title");
-assert.equal(anchors1[0].href, "https://forum.freecodecamp.org/t/the-freecodecamp-podcast-is-back-now-with-video/684569");
-assert.equal(anchors1[0].innerText.trim(), "The freeCodeCamp Podcast is back – now with video");
-
-assert.equal(anchors1[1].classList[0], "category");
-assert.equal(anchors1[1].classList[1], "general");
-assert.equal(anchors1[1].href, "https://forum.freecodecamp.org/c/general/1");
-
-
-assert.equal(anchors2[0].classList[0], "post-title");
-assert.equal(anchors2[0].href, "https://forum.freecodecamp.org/t/problem-with-making-changes-to-styles-js/686149");
-assert.equal(anchors2[0].innerText.trim(), "Problem with making changes to styles. (JS)");
-
-assert.equal(anchors2[1].classList[0], "category");
-assert.equal(anchors2[1].classList[1], "javascript");
-assert.equal(anchors2[1].href, "https://forum.freecodecamp.org/c/javascript/421");
+assert.equal(anchors1[0].classList[0], 'post-title');
+assert.equal(
+  anchors1[0].href,
+  'https://forum.freecodecamp.org/t/the-freecodecamp-podcast-is-back-now-with-video/684569'
+);
+assert.equal(
+  anchors1[0].innerText.trim(),
+  'The freeCodeCamp Podcast is back – now with video'
+);
+
+assert.equal(anchors1[1].classList[0], 'category');
+assert.equal(anchors1[1].classList[1], 'general');
+assert.equal(anchors1[1].href, 'https://forum.freecodecamp.org/c/general/1');
+
+assert.equal(anchors2[0].classList[0], 'post-title');
+assert.equal(
+  anchors2[0].href,
+  'https://forum.freecodecamp.org/t/problem-with-making-changes-to-styles-js/686149'
+);
+assert.equal(
+  anchors2[0].innerText.trim(),
+  'Problem with making changes to styles. (JS)'
+);
+
+assert.equal(anchors2[1].classList[0], 'category');
+assert.equal(anchors2[1].classList[1], 'javascript');
+assert.equal(
+  anchors2[1].href,
+  'https://forum.freecodecamp.org/c/javascript/421'
+);
 ```
 
 The second `td` element of each table row from the string returned by `showLatestPosts` should contain the images returned by the `avatars` function called with `posters` and `users` as arguments, nested within a `div` element with the class of `avatar-container`.
@@ -632,130 +694,154 @@ The second `td` element of each table row from the string returned by `showLates
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-const div1 = pContainer.querySelector("tr:first-child>td:nth-child(2)>div");
-assert.equal(div1.classList[0], "avatar-container");
+const div1 = pContainer.querySelector('tr:first-child>td:nth-child(2)>div');
+assert.equal(div1.classList[0], 'avatar-container');
 
-const div2 = pContainer.querySelector("tr:last-child>td:nth-child(2)>div");
-assert.equal(div2.classList[0], "avatar-container");
+const div2 = pContainer.querySelector('tr:last-child>td:nth-child(2)>div');
+assert.equal(div2.classList[0], 'avatar-container');
 
-const imgs1 = div1.querySelectorAll("img");
+const imgs1 = div1.querySelectorAll('img');
 assert.lengthOf(imgs1, 3);
-assert.equal(imgs1[0].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/quincylarson/30/212400_2.png");
-assert.equal(imgs1[0].alt, "Quincy Larson");
-assert.equal(imgs1[1].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png");
-assert.equal(imgs1[1].alt, "Ilenia");
-assert.equal(imgs1[2].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/30/179497_2.png");
-assert.equal(imgs1[2].alt, "Jessica Wilkins");
-
-const imgs2 = div2.querySelectorAll("img");
+assert.equal(
+  imgs1[0].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/quincylarson/30/212400_2.png'
+);
+assert.equal(imgs1[0].alt, 'Quincy Larson');
+assert.equal(
+  imgs1[1].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png'
+);
+assert.equal(imgs1[1].alt, 'Ilenia');
+assert.equal(
+  imgs1[2].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/30/179497_2.png'
+);
+assert.equal(imgs1[2].alt, 'Jessica Wilkins');
+
+const imgs2 = div2.querySelectorAll('img');
 assert.lengthOf(imgs2, 1);
-assert.equal(imgs2[0].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png");
-assert.equal(imgs2[0].alt, "Ilenia");
+assert.equal(
+  imgs2[0].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png'
+);
+assert.equal(imgs2[0].alt, 'Ilenia');
 ```
 
-The third `td` element of each table row from the string returned by `showLatestPosts` should contain the number of replies to the post. *Hint:* use `posts_count - 1`.
+The third `td` element of each table row from the string returned by `showLatestPosts` should contain the number of replies to the post. _Hint:_ use `posts_count - 1`.
 
 ```js
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(3)").innerText, "7");
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(3)').innerText,
+  '7'
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(3)").innerText, "0");
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(3)').innerText,
+  '0'
+);
 ```
 
 The fourth `td` element of each table row from the string returned by `showLatestPosts` should contain the number of views of the post.
@@ -764,56 +850,65 @@ The fourth `td` element of each table row from the string returned by `showLates
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(4)").innerText, "542");
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(4)').innerText,
+  '542'
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(4)").innerText, "9");
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(4)').innerText,
+  '9'
+);
 ```
 
 The fifth `td` element of each table row from the string returned by `showLatestPosts` should contain time passed since the last activity, generated using the `timeAgo` function.
@@ -822,50 +917,53 @@ The fifth `td` element of each table row from the string returned by `showLatest
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const calcTime = (time) => {
+};
+const calcTime = time => {
   const currentTime = new Date();
   const lastPost = new Date(time);
   const timeDifference = currentTime - lastPost;
@@ -875,13 +973,19 @@ const calcTime = (time) => {
   const daysAgo = Math.floor(hoursAgo / 24);
   return `${daysAgo}d ago`;
 };
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(5)").innerText, calcTime("2024-04-15T16:01:26.403Z"));
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(5)').innerText,
+  calcTime('2024-04-15T16:01:26.403Z')
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText, calcTime("2024-04-19T13:52:03.523Z"));
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(5)').innerText,
+  calcTime('2024-04-19T13:52:03.523Z')
+);
 ```
 
 # --seed--
@@ -889,7 +993,7 @@ assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -932,184 +1036,185 @@ assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText
 
 ```css
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
-  :root {
-    --main-bg-color: #2a2a40;
-    --black: #000;
-    --dark-navy: #0a0a23;
-    --dark-grey: #d0d0d5;
-    --medium-grey: #dfdfe2;
-    --light-grey: #f5f6f7;
-    --peach: #f28373;
-    --salmon-color: #f0aea9;
-    --light-blue: #8bd9f6;
-    --light-orange: #f8b172;
-    --light-green: #93cb5b;
-    --golden-yellow: #f1ba33;
-    --gold: #f9aa23;
-    --green: #6bca6b;
-  }
+:root {
+  --main-bg-color: #2a2a40;
+  --black: #000;
+  --dark-navy: #0a0a23;
+  --dark-grey: #d0d0d5;
+  --medium-grey: #dfdfe2;
+  --light-grey: #f5f6f7;
+  --peach: #f28373;
+  --salmon-color: #f0aea9;
+  --light-blue: #8bd9f6;
+  --light-orange: #f8b172;
+  --light-green: #93cb5b;
+  --golden-yellow: #f1ba33;
+  --gold: #f9aa23;
+  --green: #6bca6b;
+}
 
-  body {
-    background-color: var(--main-bg-color);
-  }
+body {
+  background-color: var(--main-bg-color);
+}
 
-  nav {
-    background-color: var(--dark-navy);
-    padding: 10px 0;
-  }
+nav {
+  background-color: var(--dark-navy);
+  padding: 10px 0;
+}
 
-  .fcc-logo {
-    width: 210px;
-    display: block;
-    margin: auto;
-  }
+.fcc-logo {
+  width: 210px;
+  display: block;
+  margin: auto;
+}
 
-  .title {
-    margin: 25px 0;
-    text-align: center;
-    color: var(--light-grey);
-  }
+.title {
+  margin: 25px 0;
+  text-align: center;
+  color: var(--light-grey);
+}
 
-  .table-wrapper {
-    padding: 0 25px;
-    overflow-x: auto;
-  }
+.table-wrapper {
+  padding: 0 25px;
+  overflow-x: auto;
+}
 
-  table {
-    width: 100%;
-    color: var(--dark-grey);
-    margin: auto;
-    table-layout: fixed;
-    border-collapse: collapse;
-    overflow-x: scroll;
-  }
+table {
+  width: 100%;
+  color: var(--dark-grey);
+  margin: auto;
+  table-layout: fixed;
+  border-collapse: collapse;
+  overflow-x: scroll;
+}
 
-  #topics {
-    text-align: start;
-    width: 60%;
-  }
+#topics {
+  text-align: start;
+  width: 60%;
+}
 
-  th {
-    border-bottom: 2px solid var(--dark-grey);
-    padding-bottom: 10px;
-    font-size: 1.3rem;
-  }
+th {
+  border-bottom: 2px solid var(--dark-grey);
+  padding-bottom: 10px;
+  font-size: 1.3rem;
+}
 
-  td:not(:first-child) {
-    text-align: center;
-  }
+td:not(:first-child) {
+  text-align: center;
+}
 
-  td {
-    border-bottom: 1px solid var(--dark-grey);
-    padding: 20px 0;
-  }
+td {
+  border-bottom: 1px solid var(--dark-grey);
+  padding: 20px 0;
+}
 
-  .post-title {
-    font-size: 1.2rem;
-    color: var(--medium-grey);
-    text-decoration: none;
-  }
+.post-title {
+  font-size: 1.2rem;
+  color: var(--medium-grey);
+  text-decoration: none;
+}
 
-  .category {
-    padding: 3px;
-    color: var(--black);
-    text-decoration: none;
-    display: block;
-    width: fit-content;
-    margin: 10px 0 10px;
-  }
+.category {
+  padding: 3px;
+  color: var(--black);
+  text-decoration: none;
+  display: block;
+  width: fit-content;
+  margin: 10px 0 10px;
+}
 
-  .career {
-    background-color: var(--salmon-color);
-  }
+.career {
+  background-color: var(--salmon-color);
+}
 
-  .feedback,
-  .html-css {
-    background-color: var(--light-blue);
-  }
+.feedback,
+.html-css {
+  background-color: var(--light-blue);
+}
 
-  .support {
-    background-color: var(--light-orange);
-  }
+.support {
+  background-color: var(--light-orange);
+}
 
-  .general {
-    background-color: var(--light-green);
-  }
+.general {
+  background-color: var(--light-green);
+}
 
-  .javascript {
-    background-color: var(--golden-yellow);
-  }
+.javascript {
+  background-color: var(--golden-yellow);
+}
 
-  .backend {
-    background-color: var(--gold);
-  }
+.backend {
+  background-color: var(--gold);
+}
 
-  .python {
-    background-color: var(--green);
-  }
+.python {
+  background-color: var(--green);
+}
 
-  .motivation {
-    background-color: var(--peach);
-  }
+.motivation {
+  background-color: var(--peach);
+}
 
-  .avatar-container {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
+.avatar-container {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
 
-  .avatar-container img {
-    width: 30px;
-    height: 30px;
-  }
+.avatar-container img {
+  width: 30px;
+  height: 30px;
+}
 
-  @media (max-width: 750px) {
-    .table-wrapper {
-      padding: 0 15px;
-    }
+@media (max-width: 750px) {
+  .table-wrapper {
+    padding: 0 15px;
+  }
 
-    table {
-      width: 700px;
-    }
+  table {
+    width: 700px;
+  }
 
-    th {
-      font-size: 1.2rem;
-    }
+  th {
+    font-size: 1.2rem;
+  }
 
-    .post-title {
-      font-size: 1.1rem;
-    }
+  .post-title {
+    font-size: 1.1rem;
   }
+}
 ```
 
 ```js
-const forumLatest = "https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json";
-const forumTopicUrl = "https://forum.freecodecamp.org/t/";
-const forumCategoryUrl = "https://forum.freecodecamp.org/c/";
-const avatarUrl = "https://sea1.discourse-cdn.com/freecodecamp";
+const forumLatest =
+  'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json';
+const forumTopicUrl = 'https://forum.freecodecamp.org/t/';
+const forumCategoryUrl = 'https://forum.freecodecamp.org/c/';
+const avatarUrl = 'https://sea1.discourse-cdn.com/freecodecamp';
 
 const allCategories = {
-  299: { category: "Career Advice", className: "career" },
-  409: { category: "Project Feedback", className: "feedback" },
-  417: { category: "freeCodeCamp Support", className: "support" },
-  421: { category: "JavaScript", className: "javascript" },
-  423: { category: "HTML - CSS", className: "html-css" },
-  424: { category: "Python", className: "python" },
-  432: { category: "You Can Do This!", className: "motivation" },
-  560: { category: "Backend Development", className: "backend" },
+  299: { category: 'Career Advice', className: 'career' },
+  409: { category: 'Project Feedback', className: 'feedback' },
+  417: { category: 'freeCodeCamp Support', className: 'support' },
+  421: { category: 'JavaScript', className: 'javascript' },
+  423: { category: 'HTML - CSS', className: 'html-css' },
+  424: { category: 'Python', className: 'python' },
+  432: { category: 'You Can Do This!', className: 'motivation' },
+  560: { category: 'Backend Development', className: 'backend' }
 };
 ```
 
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -1152,182 +1257,183 @@ const allCategories = {
 
 ```css
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
-  :root {
-    --main-bg-color: #2a2a40;
-    --black: #000;
-    --dark-navy: #0a0a23;
-    --dark-grey: #d0d0d5;
-    --medium-grey: #dfdfe2;
-    --light-grey: #f5f6f7;
-    --peach: #f28373;
-    --salmon-color: #f0aea9;
-    --light-blue: #8bd9f6;
-    --light-orange: #f8b172;
-    --light-green: #93cb5b;
-    --golden-yellow: #f1ba33;
-    --gold: #f9aa23;
-    --green: #6bca6b;
-  }
+:root {
+  --main-bg-color: #2a2a40;
+  --black: #000;
+  --dark-navy: #0a0a23;
+  --dark-grey: #d0d0d5;
+  --medium-grey: #dfdfe2;
+  --light-grey: #f5f6f7;
+  --peach: #f28373;
+  --salmon-color: #f0aea9;
+  --light-blue: #8bd9f6;
+  --light-orange: #f8b172;
+  --light-green: #93cb5b;
+  --golden-yellow: #f1ba33;
+  --gold: #f9aa23;
+  --green: #6bca6b;
+}
 
-  body {
-    background-color: var(--main-bg-color);
-  }
+body {
+  background-color: var(--main-bg-color);
+}
 
-  nav {
-    background-color: var(--dark-navy);
-    padding: 10px 0;
-  }
+nav {
+  background-color: var(--dark-navy);
+  padding: 10px 0;
+}
 
-  .fcc-logo {
-    width: 210px;
-    display: block;
-    margin: auto;
-  }
+.fcc-logo {
+  width: 210px;
+  display: block;
+  margin: auto;
+}
 
-  .title {
-    margin: 25px 0;
-    text-align: center;
-    color: var(--light-grey);
-  }
+.title {
+  margin: 25px 0;
+  text-align: center;
+  color: var(--light-grey);
+}
 
-  .table-wrapper {
-    padding: 0 25px;
-    overflow-x: auto;
-  }
+.table-wrapper {
+  padding: 0 25px;
+  overflow-x: auto;
+}
 
-  table {
-    width: 100%;
-    color: var(--dark-grey);
-    margin: auto;
-    table-layout: fixed;
-    border-collapse: collapse;
-    overflow-x: scroll;
-  }
+table {
+  width: 100%;
+  color: var(--dark-grey);
+  margin: auto;
+  table-layout: fixed;
+  border-collapse: collapse;
+  overflow-x: scroll;
+}
 
-  #topics {
-    text-align: start;
-    width: 60%;
-  }
+#topics {
+  text-align: start;
+  width: 60%;
+}
 
-  th {
-    border-bottom: 2px solid var(--dark-grey);
-    padding-bottom: 10px;
-    font-size: 1.3rem;
-  }
+th {
+  border-bottom: 2px solid var(--dark-grey);
+  padding-bottom: 10px;
+  font-size: 1.3rem;
+}
 
-  td:not(:first-child) {
-    text-align: center;
-  }
+td:not(:first-child) {
+  text-align: center;
+}
 
-  td {
-    border-bottom: 1px solid var(--dark-grey);
-    padding: 20px 0;
-  }
+td {
+  border-bottom: 1px solid var(--dark-grey);
+  padding: 20px 0;
+}
 
-  .post-title {
-    font-size: 1.2rem;
-    color: var(--medium-grey);
-    text-decoration: none;
-  }
+.post-title {
+  font-size: 1.2rem;
+  color: var(--medium-grey);
+  text-decoration: none;
+}
 
-  .category {
-    padding: 3px;
-    color: var(--black);
-    text-decoration: none;
-    display: block;
-    width: fit-content;
-    margin: 10px 0 10px;
-  }
+.category {
+  padding: 3px;
+  color: var(--black);
+  text-decoration: none;
+  display: block;
+  width: fit-content;
+  margin: 10px 0 10px;
+}
 
-  .career {
-    background-color: var(--salmon-color);
-  }
+.career {
+  background-color: var(--salmon-color);
+}
 
-  .feedback,
-  .html-css {
-    background-color: var(--light-blue);
-  }
+.feedback,
+.html-css {
+  background-color: var(--light-blue);
+}
 
-  .support {
-    background-color: var(--light-orange);
-  }
+.support {
+  background-color: var(--light-orange);
+}
 
-  .general {
-    background-color: var(--light-green);
-  }
+.general {
+  background-color: var(--light-green);
+}
 
-  .javascript {
-    background-color: var(--golden-yellow);
-  }
+.javascript {
+  background-color: var(--golden-yellow);
+}
 
-  .backend {
-    background-color: var(--gold);
-  }
+.backend {
+  background-color: var(--gold);
+}
 
-  .python {
-    background-color: var(--green);
-  }
+.python {
+  background-color: var(--green);
+}
 
-  .motivation {
-    background-color: var(--peach);
-  }
+.motivation {
+  background-color: var(--peach);
+}
 
-  .avatar-container {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
+.avatar-container {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
 
-  .avatar-container img {
-    width: 30px;
-    height: 30px;
-  }
+.avatar-container img {
+  width: 30px;
+  height: 30px;
+}
 
-  @media (max-width: 750px) {
-    .table-wrapper {
-      padding: 0 15px;
-    }
+@media (max-width: 750px) {
+  .table-wrapper {
+    padding: 0 15px;
+  }
 
-    table {
-      width: 700px;
-    }
+  table {
+    width: 700px;
+  }
 
-    th {
-      font-size: 1.2rem;
-    }
+  th {
+    font-size: 1.2rem;
+  }
 
-    .post-title {
-      font-size: 1.1rem;
-    }
+  .post-title {
+    font-size: 1.1rem;
   }
+}
 ```
 
 ```js
-const forumLatest = "https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json";
-const forumTopicUrl = "https://forum.freecodecamp.org/t/";
-const forumCategoryUrl = "https://forum.freecodecamp.org/c/";
-const avatarUrl = "https://sea1.discourse-cdn.com/freecodecamp";
+const forumLatest =
+  'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json';
+const forumTopicUrl = 'https://forum.freecodecamp.org/t/';
+const forumCategoryUrl = 'https://forum.freecodecamp.org/c/';
+const avatarUrl = 'https://sea1.discourse-cdn.com/freecodecamp';
 
-const postsContainer = document.getElementById("posts-container");
+const postsContainer = document.getElementById('posts-container');
 
 const allCategories = {
-  299: { category: "Career Advice", className: "career" },
-  409: { category: "Project Feedback", className: "feedback" },
-  417: { category: "freeCodeCamp Support", className: "support" },
-  421: { category: "JavaScript", className: "javascript" },
-  423: { category: "HTML - CSS", className: "html-css" },
-  424: { category: "Python", className: "python" },
-  432: { category: "You Can Do This!", className: "motivation" },
-  560: { category: "Backend Development", className: "backend" },
+  299: { category: 'Career Advice', className: 'career' },
+  409: { category: 'Project Feedback', className: 'feedback' },
+  417: { category: 'freeCodeCamp Support', className: 'support' },
+  421: { category: 'JavaScript', className: 'javascript' },
+  423: { category: 'HTML - CSS', className: 'html-css' },
+  424: { category: 'Python', className: 'python' },
+  432: { category: 'You Can Do This!', className: 'motivation' },
+  560: { category: 'Backend Development', className: 'backend' }
 };
 
-const forumCategory = (id) => {
+const forumCategory = id => {
   let selectedCategory = {};
 
   if (allCategories.hasOwnProperty(id)) {
@@ -1336,8 +1442,8 @@ const forumCategory = (id) => {
     selectedCategory.className = className;
     selectedCategory.category = category;
   } else {
-    selectedCategory.className = "general";
-    selectedCategory.category = "General";
+    selectedCategory.className = 'general';
+    selectedCategory.category = 'General';
     selectedCategory.id = 1;
   }
   const url = `${forumCategoryUrl}${selectedCategory.className}/${id}`;
@@ -1349,7 +1455,7 @@ const forumCategory = (id) => {
   </a>`;
 };
 
-const timeAgo = (time) => {
+const timeAgo = time => {
   const currentTime = new Date();
   const lastPost = new Date(time);
 
@@ -1371,7 +1477,7 @@ const timeAgo = (time) => {
   return `${daysAgo}d ago`;
 };
 
-const viewCount = (views) => {
+const viewCount = views => {
   const thousands = Math.floor(views / 1000);
 
   if (views >= 1000) {
@@ -1383,17 +1489,17 @@ const viewCount = (views) => {
 
 const avatars = (posters, users) => {
   return posters
-    .map((poster) => {
-      const user = users.find((user) => user.id === poster.user_id);
+    .map(poster => {
+      const user = users.find(user => user.id === poster.user_id);
       if (user) {
         const avatar = user.avatar_template.replace(/{size}/, 30);
-        const userAvatarUrl = avatar.startsWith("/user_avatar/")
+        const userAvatarUrl = avatar.startsWith('/user_avatar/')
           ? avatarUrl.concat(avatar)
           : avatar;
         return `<img src="${userAvatarUrl}" alt="${user.name}" />`;
       }
     })
-    .join("");
+    .join('');
 };
 
 const fetchData = async () => {
@@ -1408,23 +1514,24 @@ const fetchData = async () => {
 
 fetchData();
 
-const showLatestPosts = (data) => {
+const showLatestPosts = data => {
   const { topic_list, users } = data;
   const { topics } = topic_list;
 
-  postsContainer.innerHTML = topics.map((item) => {
-    const {
-      id,
-      title,
-      views,
-      posts_count,
-      slug,
-      posters,
-      category_id,
-      bumped_at,
-    } = item;
-
-    return `
+  postsContainer.innerHTML = topics
+    .map(item => {
+      const {
+        id,
+        title,
+        views,
+        posts_count,
+        slug,
+        posters,
+        category_id,
+        bumped_at
+      } = item;
+
+      return `
     <tr>
       <td>
        <a class="post-title" target="_blank" href="${forumTopicUrl}${slug}/${id}">
@@ -1441,6 +1548,7 @@ const showLatestPosts = (data) => {
       <td>${viewCount(views)}</td>
       <td>${timeAgo(bumped_at)}</td>
     </tr>`;
-  }).join("");
+    })
+    .join('');
 };
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-football-team-cards/66e7ee20b79186306fc12da5.md b/curriculum/challenges/japanese/25-front-end-development/lab-football-team-cards/66e7ee20b79186306fc12da5.md
index cbb0c86eb6..2de405a2d9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-football-team-cards/66e7ee20b79186306fc12da5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-football-team-cards/66e7ee20b79186306fc12da5.md
@@ -1,7 +1,7 @@
 ---
 id: 66e7ee20b79186306fc12da5
 title: Build a Set of Football Team Cards
-challengeType: 14
+challengeType: 25
 dashedName: lab-football-team-cards
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-fortune-teller/66c06d618d075c7f7f1b890a.md b/curriculum/challenges/japanese/25-front-end-development/lab-fortune-teller/66c06d618d075c7f7f1b890a.md
index 33356ea96b..480c170686 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-fortune-teller/66c06d618d075c7f7f1b890a.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-fortune-teller/66c06d618d075c7f7f1b890a.md
@@ -1,7 +1,7 @@
 ---
 id: 66c06d618d075c7f7f1b890a
 title: Build a Fortune Teller
-challengeType: 14
+challengeType: 25
 dashedName: build-a-fortune-teller
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-gradebook-app/66bb6a9c2dd58b73cd759034.md b/curriculum/challenges/japanese/25-front-end-development/lab-gradebook-app/66bb6a9c2dd58b73cd759034.md
index 13f141144a..cf2c2e2a2d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-gradebook-app/66bb6a9c2dd58b73cd759034.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-gradebook-app/66bb6a9c2dd58b73cd759034.md
@@ -1,7 +1,7 @@
 ---
 id: 66bb6a9c2dd58b73cd759034
 title: Build a Gradebook App
-challengeType: 14
+challengeType: 25
 dashedName: build-a-gradebook-app
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md b/curriculum/challenges/japanese/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md
index a880b4148e..5a4b7a4c9c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md
@@ -1,7 +1,7 @@
 ---
 id: 66d6a7a3e1aa411e94bf2346
 title: Build a House Painting
-challengeType: 14
+challengeType: 25
 dashedName: build-a-house-painting
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md b/curriculum/challenges/japanese/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
index 4df669dc44..cbaa3fe18e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
@@ -1,7 +1,7 @@
 ---
 id: 66d75dd0aa65a71600dc669b
 title: Build an Inventory Management Program
-challengeType: 14
+challengeType: 25
 dashedName: build-an-inventory-management-program
 ---
 
@@ -23,6 +23,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. If the quantity after the subtraction is zero, `removeProduct` should remove the product object from the inventory. If the quantity in the inventory is not enough to perform the subtraction, the `removeProduct` function should log the string `Not enough <product-name> available, remaining pieces: <product-quantity>` to the console.
 1. If the product to remove is not present in the inventory, the `removeProduct` function should log `<product-name> not found` to the console.
 
+**Note:** To prevent conflicts, keep only the logging mentioned in the user stories when running tests.
+
 # --hints--
 
 You should declare an empty array named `inventory`.
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-javascript-trivia-bot/66ed41f912d0bb1dc62da5dd.md b/curriculum/challenges/japanese/25-front-end-development/lab-javascript-trivia-bot/66ed41f912d0bb1dc62da5dd.md
index 5f9f2bb919..00a64aaa75 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-javascript-trivia-bot/66ed41f912d0bb1dc62da5dd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-javascript-trivia-bot/66ed41f912d0bb1dc62da5dd.md
@@ -1,7 +1,7 @@
 ---
 id: 66ed41f912d0bb1dc62da5dd
 title: Build a JavaScript Trivia Bot
-challengeType: 14
+challengeType: 25
 dashedName: lab-javascript-trivia-bot
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-job-application-form/66faac4139dbbd5dd632c860.md b/curriculum/challenges/japanese/25-front-end-development/lab-job-application-form/66faac4139dbbd5dd632c860.md
index fff2926e3c..01890b2e7d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-job-application-form/66faac4139dbbd5dd632c860.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-job-application-form/66faac4139dbbd5dd632c860.md
@@ -1,7 +1,7 @@
 ---
 id: 66faac4139dbbd5dd632c860
 title: Build a Job Application Form
-challengeType: 14
+challengeType: 25
 dashedName: lab-job-application-form
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md b/curriculum/challenges/japanese/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
index 8ef287afd0..fba79087f2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
@@ -1,7 +1,7 @@
 ---
 id: 66c06fad3475cd92421b9ac2
 title: Build a Leap Year Calculator
-challengeType: 14
+challengeType: 25
 dashedName: build-a-leap-year-calculator
 ---
 
@@ -19,8 +19,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 4. To check if the year is a leap year, fulfill the following conditions:
 
    - If the year is divisible by `4`, then it is a leap year.
-   - If the year is divisible by `100`, then it is not a leap year.
-   - If the year is divisible by `400`, then it is a leap year.
+   - Unless the year is also divisible by `100`, then it is not a leap year.
+   - Unless the year is also divisible by `400`, then it is a leap year.
 
 5. If the year is a leap year, return `[year] is a leap year.`. Otherwise, return `[year] is not a leap year.`. You will replace `[year]` with the parameter defined in the `isLeapYear` function.
 6. You should call the `isLeapYear` function with `year` as the argument and assign the result to a variable named `result`.
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md b/curriculum/challenges/japanese/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
index 783426608c..620b0fda55 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
@@ -1,7 +1,7 @@
 ---
 id: 66db57ad34c7089b9b41bfd6
 title: Build a Lightbox Viewer
-challengeType: 14
+challengeType: 25
 dashedName: build-a-lightbox-viewer
 demoType: onClick
 ---
@@ -27,8 +27,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. Your `.lightbox` element should have a fixed position so that the preview opens on top of the current images.
 1. Your `.lightbox` element should cover the entire viewport by setting the height and width to 100% of the container. You should ensure that the lightbox element starts at the top left corner of the container.
 1. `.lightbox` should have a background color. Initially, its `display` property should be set to `none` to hide it.
-1. When you click one of your `.gallery-item` elements, the `.lightbox` element’s `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
-1. When you click one of your `.gallery-item` elements, the `#lightbox-image` element’s `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image’s `src` attribute. The full-size images are located at the following links:
+1. When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
+1. When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute. The full-size images are located at the following links:
 
     - `https://cdn.freecodecamp.org/curriculum/labs/stonehenge.jpg`
     - `https://cdn.freecodecamp.org/curriculum/labs/storm.jpg`
@@ -151,7 +151,7 @@ Your `.lightbox` element should be hidden initially.
 assert.equal(new __helpers.CSSHelp(document).getStyle('.lightbox')?.display, 'none');
 ```
 
-When you click one of your `.gallery-item` elements, the `.lightbox` element’s `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
+When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
 
 ```js
 // Get the lightbox element
@@ -178,7 +178,7 @@ galleryItem.dispatchEvent(new Event('click'));
 assert.strictEqual(getComputedDisplay(lightbox), 'flex');
 ```
 
-When you click one of your `.gallery-item` elements, the `#lightbox-image` element’s `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image’s `src` attribute.
+When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute.
 
 ```js
 // Select gallery items and lightbox image element
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-lunch-picker-program/66db529d37ad966480ebb633.md b/curriculum/challenges/japanese/25-front-end-development/lab-lunch-picker-program/66db529d37ad966480ebb633.md
index 06bd6c5e6c..0004dd8125 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-lunch-picker-program/66db529d37ad966480ebb633.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-lunch-picker-program/66db529d37ad966480ebb633.md
@@ -1,7 +1,7 @@
 ---
 id: 66db529d37ad966480ebb633
 title: Build a Lunch Picker Program
-challengeType: 14
+challengeType: 25
 dashedName: build-a-lunch-picker-program
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md b/curriculum/challenges/japanese/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
new file mode 100644
index 0000000000..76e6b39645
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
@@ -0,0 +1,263 @@
+---
+id: 6735a7370e0ae93a4577c689
+title: Design a Magazine Layout
+challengeType: 25
+dashedName: design-a-magazine-layout
+demoType: onClick
+---
+
+# --description--
+
+In this lab, you will design a magazine layout using CSS Grid, including concepts like grid rows and grid columns.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should have a `main` element with the class `magazine-cover`.
+
+2. Your `.magazine-cover` should contain a `header` element for the title with the class `title`.
+
+3. You should have four `section` elements in your page. The first three sections for magazine articles and a fourth `section` element for a cover image.
+
+4. The four `section` elements should have a `class` attribute of `feature-article`, `small-article1`, `small-article2`, and `cover-image`, respectively.
+
+5. You should set the `display` property of `.magazine-cover` to `grid.`
+
+6. The `.magazine-cover` should have a `grid-template-areas` property that defines the layout of the grid:
+
+   - The title spanning the top row.
+   - A feature article spanning two columns and a cover image in the second row.
+   - Two small articles and the cover image in the third row.
+
+7. The `.magazine-cover` should have a `grid-template-columns` property that divides the space into three equal parts.
+
+8. The `.magazine-cover` should have a `grid-template-rows` property. It should be set to `auto` for the first row, and divide equally the space occupied by the remaining two rows.
+
+9. You should add a gap between grid items and set the width of the `.magazine-cover` to occupy most of the viewport width.
+
+**Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
+
+# --hints--
+
+You should have a `main` element.
+
+```js
+assert.exists(document.querySelector('main'));
+```
+
+Your `main` element should have a `class` of `magazine-cover`.
+
+```js
+assert.exists(document.querySelector('main.magazine-cover'));
+```
+
+You should have a `header` element within your `main` element.
+
+```js
+assert.exists(document.querySelector("main > header"));
+```
+
+Your `header` element should have a `class` of `title` and should contain some text.
+
+```js
+const header = document.querySelector("header.title");
+assert.exists(header);
+assert.isAbove(header.innerText.length, 0);
+```
+
+You should have a `section` element for each article and the cover image, with classes `feature-article`, `small-article1`, `small-article2`, and `cover-image` respectively.
+
+```js
+const featureArticle = document.querySelector('section.feature-article');
+const smallArticle1 = document.querySelector('section.small-article1');
+const smallArticle2 = document.querySelector('section.small-article2');
+const coverImage = document.querySelector('section.cover-image');
+
+assert.exists(featureArticle);
+assert.exists(smallArticle1);
+assert.exists(smallArticle2);
+assert.exists(coverImage);
+```
+
+The `display` property of the `.magazine-cover` should be set to `grid`.
+
+```js
+assert.equal(getComputedStyle(document.querySelector('.magazine-cover')).display, 'grid');
+```
+
+Your `.magazine-cover` should have a `grid-template-areas` property with `title` spanning all three columns of the first row.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /^("|')title title title\1/);
+```
+
+The second row of the grid template should contain a `feature article` spanning two columns and a `cover image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /.("|')feature-article feature-article cover-image\1./);
+```
+
+The third row of the grid template should contain `small-article1`, `small-article2`, and `cover-image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /("|')small-article1 small-article2 cover-image\1$/);
+```
+
+Your `.magazine-cover` class should have a `grid-template-columns` property set to `1fr 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateColumns, '1fr 1fr 1fr');
+```
+
+Your `.magazine-cover` class should have a `grid-template-rows` property set to `auto 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateRows, 'auto 1fr 1fr');
+```
+
+You should add a gap of `10px` between grid items.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gap, '10px');
+```
+
+The `.title` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.title')?.gridArea, 'title');
+```
+
+The `.feature-article` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.feature-article')?.gridArea, 'feature-article');
+```
+
+The `.cover-image` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.cover-image')?.gridArea, 'cover-image');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+<meta charset="utf-8">
+<title>Magazine Layout</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
+```
+
+```css
+
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Adventure Magazine</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <main class="magazine-cover">
+      <header class="title">
+          <h1>Adventure Awaits</h1>
+      </header>
+      <section class="feature-article">
+          <h2>Top 10 Exotic Destinations for 2024</h2>
+          <p>Discover the most breathtaking places to visit this year, from hidden beaches to mountain retreats. Our guide takes you through the best spots for your next adventure.</p>
+      </section>
+      <section class="small-article1">
+          <h3>Gear Up: Must-Have Gadgets</h3>
+          <p>Check out the latest tech and gear to make your travels more exciting and comfortable.</p>
+      </section>
+      <section class="small-article2">
+          <h3>Meet the Explorers</h3>
+          <p>Get to know the modern adventurers who are pushing the boundaries of exploration.</p>
+      </section>
+      <section class="cover-image">
+          <img src="https://cdn.freecodecamp.org/curriculum/labs/magazine-cover.png" alt="Adventure Cover Image">
+      </section>
+  </main>
+</body>
+</html>
+```
+
+```css
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-color: #f0f0f0;
+}
+
+.magazine-cover {
+  display: grid;
+  grid-template-areas: 
+      "title title title"
+      "feature-article feature-article cover-image"
+      "small-article1 small-article2 cover-image";
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: auto 1fr 1fr;
+  gap: 10px;
+  width: 80%;
+  background-color: #fff;
+}
+
+.title {
+  grid-area: title;
+  background-color: #1B1B32;
+  color: white;
+  padding: 10px;
+  text-align: center;
+}
+
+.feature-article {
+  grid-area: feature-article;
+  background-color: #f9f9f9;
+  padding: 10px;
+}
+
+.small-article1, .small-article2 {
+  background-color: #e9e9e9;
+  padding: 10px;
+}
+
+.cover-image {
+  grid-area: cover-image;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ddd;
+  padding: 10px;
+}
+
+.cover-image img {
+  max-width: 100%;
+  height: auto;
+} 
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-markdown-to-html-converter/66f55eac933ff64ce654ca74.md b/curriculum/challenges/japanese/25-front-end-development/lab-markdown-to-html-converter/66f55eac933ff64ce654ca74.md
index bf975090bd..b877f975f7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-markdown-to-html-converter/66f55eac933ff64ce654ca74.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-markdown-to-html-converter/66f55eac933ff64ce654ca74.md
@@ -1,7 +1,7 @@
 ---
 id: 66f55eac933ff64ce654ca74
 title: Build a Markdown to HTML Converter
-challengeType: 14
+challengeType: 25
 dashedName: build-a-markdown-to-html-converter
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md b/curriculum/challenges/japanese/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
index 3a892ab0e3..9db0fcc7f9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
@@ -1,7 +1,7 @@
 ---
 id: 673b3d6b7ef7318eef926d5a
 title: Build a Mood Board
-challengeType: 14
+challengeType: 25
 dashedName: build-a-mood-board
 demoType: onClick
 ---
@@ -36,20 +36,23 @@ You can use the following images in your Mood Board if you would like:
 - `https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg`
 - `https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg`
 
-
 # --hints--
 
 You should export a `MoodBoardItem` component.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
 assert.lengthOf(mockedComponent.find('MoodBoardItem'), 1);
 ```
 
 Your `MoodBoardItem` component should return a `div` with a class of `mood-board-item` at its top-level element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
 assert.equal(mockedComponent.childAt(0).type(), 'div');
 assert.isTrue(mockedComponent.childAt(0).hasClass('mood-board-item'));
 ```
@@ -57,16 +60,23 @@ assert.isTrue(mockedComponent.childAt(0).hasClass('mood-board-item'));
 The background color of the `.mood-board-item` element should be set to the value of `color` prop using inline styles.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ color: "colorValue" });
-assert.equal(mockedComponent.find('.mood-board-item').prop('style').backgroundColor, 'colorValue');
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ color: 'colorValue' });
+assert.equal(
+  mockedComponent.find('.mood-board-item').prop('style').backgroundColor,
+  'colorValue'
+);
 ```
 
 Your `MoodBoardItem` component should render an `img` element with a class of `mood-board-image` and its `src` set to the value of the `image` prop.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ image: "imageValue" });
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ image: 'imageValue' });
 const img = mockedComponent.find('img.mood-board-image');
 assert.lengthOf(img, 1);
 assert.equal(img.prop('src'), 'imageValue');
@@ -75,8 +85,10 @@ assert.equal(img.prop('src'), 'imageValue');
 Your `MoodBoardItem` component should render an `h3` element with a class of `mood-board-text` and its text set to the value of the `description` prop.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ description: "descriptionValue" });
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ description: 'descriptionValue' });
 const h3 = mockedComponent.find('h3.mood-board-text');
 assert.lengthOf(h3, 1);
 assert.equal(h3.text(), 'descriptionValue');
@@ -85,21 +97,27 @@ assert.equal(h3.text(), 'descriptionValue');
 You should export a `MoodBoard` component.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.lengthOf(mockedComponent.find('MoodBoard'), 1);
 ```
 
 Your `MoodBoard` component should return a `div` as its top-level element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.equal(mockedComponent.childAt(0).type(), 'div');
 ```
 
 Your `MoodBoard` component should render an `h1` element with a class of `mood-board-heading` and the text `Destination Mood Board`.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 const h1 = mockedComponent.find('h1.mood-board-heading');
 assert.lengthOf(h1, 1);
 assert.equal(h1.text(), 'Destination Mood Board');
@@ -108,9 +126,11 @@ assert.equal(h1.text(), 'Destination Mood Board');
 Your `MoodBoard` component should render at least three `MoodBoardItem` components, each should pass `color`, `image`, and `description` props with valid values.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 const mbItems = mockedComponent.find(window.index.MoodBoardItem);
-assert.isAtLeast(mbItems.length, 3)
+assert.isAtLeast(mbItems.length, 3);
 const propsList = mbItems.map(item => item.props());
 propsList.forEach(({ color, image, description }) => {
   assert.isAtLeast(color.length, 1);
@@ -122,7 +142,9 @@ propsList.forEach(({ color, image, description }) => {
 Your `MoodBoard` component should be rendered to the page's `#root` element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ```
 
@@ -131,85 +153,83 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Mood Board</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { MoodBoard } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <MoodBoard />
-        );
+      import { MoodBoard } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <MoodBoard />
+      );
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 body {
-    background-color: #ffffcc;
+  background-color: #ffffcc;
 }
 
 .mood-board-heading {
-    text-align: center;
-    font-size: 2.5em;
-    color: #333;
-    margin-top: 20px;
+  text-align: center;
+  font-size: 2.5em;
+  color: #333;
+  margin-top: 20px;
 }
 
 .mood-board {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    padding: 20px;
-    max-width: 900px;
-    margin: 0 auto;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
 }
 
 .mood-board-item {
-    border-radius: 10px;
-    padding: 10px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    text-align: center;
-    height: 250px;
+  border-radius: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  height: 250px;
 }
 
 .mood-board-image {
-    border-radius: 5px;
-    width: 180px;
-    height:150px;
-    object-fit: cover;
+  border-radius: 5px;
+  width: 180px;
+  height: 150px;
+  object-fit: cover;
 }
 
 .mood-board-text {
-    margin-top: 20px;
-    font-size: 1.2em;
+  margin-top: 20px;
+  font-size: 1.2em;
 }
 ```
 
@@ -220,94 +240,92 @@ body {
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Mood Board</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { MoodBoard } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <MoodBoard />
-        );
+      import { MoodBoard } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <MoodBoard />
+      );
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 body {
-    background-color: #ffffcc;
+  background-color: #ffffcc;
 }
 
 .mood-board-heading {
-    text-align: center;
-    font-size: 2.5em;
-    color: #333;
-    margin-top: 20px;
+  text-align: center;
+  font-size: 2.5em;
+  color: #333;
+  margin-top: 20px;
 }
 
 .mood-board {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    padding: 20px;
-    max-width: 900px;
-    margin: 0 auto;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
 }
 
 .mood-board-item {
-    border-radius: 10px;
-    padding: 10px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    text-align: center;
-    height: 250px;
+  border-radius: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  height: 250px;
 }
 
 .mood-board-image {
-    border-radius: 5px;
-    width: 180px;
-    height:150px;
-    object-fit: cover;
+  border-radius: 5px;
+  width: 180px;
+  height: 150px;
+  object-fit: cover;
 }
 
 .mood-board-text {
-    margin-top: 20px;
-    font-size: 1.2em;
+  margin-top: 20px;
+  font-size: 1.2em;
 }
 ```
 
 ```jsx
 export function MoodBoardItem(props) {
   return (
-    <div className="mood-board-item" style={{ backgroundColor: props.color }}>
-      <img src={props.image} alt="Mood" className="mood-board-image" />
-      <h3 className="mood-board-text">{props.description}</h3>
+    <div className='mood-board-item' style={{ backgroundColor: props.color }}>
+      <img src={props.image} alt='Mood' className='mood-board-image' />
+      <h3 className='mood-board-text'>{props.description}</h3>
     </div>
   );
 }
@@ -315,37 +333,37 @@ export function MoodBoardItem(props) {
 export function MoodBoard() {
   return (
     <div>
-      <h1 className="mood-board-heading">Destination Mood Board</h1>
-      <div className="mood-board">
+      <h1 className='mood-board-heading'>Destination Mood Board</h1>
+      <div className='mood-board'>
         <MoodBoardItem
-          color="#2da64f"
-          image="https://cdn.freecodecamp.org/curriculum/labs/pathway.jpg"
-          description="Carribean"
+          color='#2da64f'
+          image='https://cdn.freecodecamp.org/curriculum/labs/pathway.jpg'
+          description='Carribean'
         />
         <MoodBoardItem
-          color="#8e44ad"
-          image="https://cdn.freecodecamp.org/curriculum/labs/shore.jpg"
-          description="Gawadar Beach"
+          color='#8e44ad'
+          image='https://cdn.freecodecamp.org/curriculum/labs/shore.jpg'
+          description='Gawadar Beach'
         />
         <MoodBoardItem
-          color="#3498db"
-          image="https://cdn.freecodecamp.org/curriculum/labs/grass.jpg"
-          description="Cape Town"
+          color='#3498db'
+          image='https://cdn.freecodecamp.org/curriculum/labs/grass.jpg'
+          description='Cape Town'
         />
         <MoodBoardItem
-          color="#bf3d7e"
-          image="https://cdn.freecodecamp.org/curriculum/labs/ship.jpg"
-          description="Suez Canal"
+          color='#bf3d7e'
+          image='https://cdn.freecodecamp.org/curriculum/labs/ship.jpg'
+          description='Suez Canal'
         />
         <MoodBoardItem
-          color="#e74c3c"
-          image="https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg"
-          description="Santorini"
+          color='#e74c3c'
+          image='https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg'
+          description='Santorini'
         />
         <MoodBoardItem
-          color="#95a5a6"
-          image="https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg"
-          description="Istanbul"
+          color='#95a5a6'
+          image='https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg'
+          description='Istanbul'
         />
       </div>
     </div>
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-moon-orbit/66a37f37ef5823a313de8c26.md b/curriculum/challenges/japanese/25-front-end-development/lab-moon-orbit/66a37f37ef5823a313de8c26.md
index 93582ffecb..7a2d52cbe2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-moon-orbit/66a37f37ef5823a313de8c26.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-moon-orbit/66a37f37ef5823a313de8c26.md
@@ -1,7 +1,7 @@
 ---
 id: 66a37f37ef5823a313de8c26
 title: Build a Moon Orbit
-challengeType: 14
+challengeType: 25
 dashedName: build-a-moon-orbit
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-newspaper-article/66ba762af611169359d9d369.md b/curriculum/challenges/japanese/25-front-end-development/lab-newspaper-article/66ba762af611169359d9d369.md
index 9168d7a409..9f47d067f6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-newspaper-article/66ba762af611169359d9d369.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-newspaper-article/66ba762af611169359d9d369.md
@@ -1,7 +1,7 @@
 ---
 id: 66ba762af611169359d9d369
 title: Build a Newspaper Article
-challengeType: 14
+challengeType: 25
 dashedName: build-a-newspaper-article
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-page-of-playing-cards/66be24cb4144f955b6bcc550.md b/curriculum/challenges/japanese/25-front-end-development/lab-page-of-playing-cards/66be24cb4144f955b6bcc550.md
index 8ddd5cb53b..6d8ae6b194 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-page-of-playing-cards/66be24cb4144f955b6bcc550.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-page-of-playing-cards/66be24cb4144f955b6bcc550.md
@@ -1,7 +1,7 @@
 ---
 id: 66be24cb4144f955b6bcc550
 title: Build a Page of Playing Cards
-challengeType: 14
+challengeType: 25
 dashedName: build-a-page-of-playing-cards
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md b/curriculum/challenges/japanese/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md
index 7c15559ea1..b3bcbf3be2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-palindrome-checker/657bdc55a322aae1eac3838f.md
@@ -1,7 +1,7 @@
 ---
 id: 657bdc55a322aae1eac3838f
 title: 回文チェッカーを作成する
-challengeType: 14
+challengeType: 25
 dashedName: build-a-palindrome-checker
 demoType: onClick
 ---
@@ -25,12 +25,12 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. When the `#text-input` element contains the text `_eye` and the `#check-btn` element is clicked, the `#result` element should contain the text `"_eye is a palindrome"`.
 1. When the `#text-input` element contains the text `race car` and the `#check-btn` element is clicked, the `#result` element should contain the text `"race car is a palindrome"`.
 1. When the `#text-input` element contains the text `not a palindrome` and the `#check-btn` element is clicked, the `#result` element should contain the text `"not a palindrome is not a palindrome"`.
-1. `#text-input` の要素に `A man, a plan, a canal. Panama` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"A man, a plan, a canal. Panama is a palindrome"`.
+1. When the `#text-input` element contains the text `A man, a plan, a canal. Panama` and the `#check-btn` element is clicked, the `#result` element should contain the text `"A man, a plan, a canal. Panama is a palindrome"`.
 1. When the `#text-input` element contains the text `never odd or even` and the `#check-btn` element is clicked, the `#result` element should contain the text `"never odd or even is a palindrome"`.
 1. When the `#text-input` element contains the text `nope` and the `#check-btn` element is clicked, the `#result` element should contain the text `"nope is not a palindrome"`.
 1. When the `#text-input` element contains the text `almostomla` and the `#check-btn` element is clicked, the `#result` element should contain the text `"almostomla is not a palindrome"`.
 1. When the `#text-input` element contains the text `My age is 0, 0 si ega ym.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"My age is 0, 0 si ega ym. is a palindrome"`.
-1. `#text-input` の要素に `1 eye for of 1 eye.` というテキストを入力した状態で `#check-btn` の要素をクリックした場合、`#result` の要素に `"1 eye for of 1 eye. is not a palindrome"`.
+1. When the `#text-input` element contains the text `1 eye for of 1 eye.` and the `#check-btn` element is clicked, the `#result` element should contain the text `"1 eye for of 1 eye. is not a palindrome"`.
 1. When the `#text-input` element contains the text `0_0 (: /-\ :) 0-0` and the `#check-btn` element is clicked, the `#result` element should contain the text `"0_0 (: /-\ :) 0-0 is a palindrome"`.
 1. When the `#text-input` element contains the text `five|\_/|four` and the `#check-btn` element is clicked, the `#result` element should contain the text `"five|\_/|four is not a palindrome"`.
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md b/curriculum/challenges/japanese/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
new file mode 100644
index 0000000000..99d14778b0
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
@@ -0,0 +1,116 @@
+---
+id: 66f53dc2c5bd6a11d6c3282f
+title: Build a Password Generator App
+challengeType: 25
+dashedName: lab-password-generator
+---
+
+# --description--
+
+In this lab, you'll practice using functions by building a random password generator.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should create a function called `generatePassword` that takes a parameter, indicating the length of generated password. You can name the parameter whatever you like.
+2. Your function should return a string which represents a randomly generated password. You should use the following string and different `Math` methods to help you return a new string with random characters in it: `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()`.
+3. You should define a variable called `password` and assign it the result of calling the `generatePassword` function with a numeric argument that represents the desired password length.
+4. You should have a `console.log` that logs the message `"Generated password:"` followed by the `password` variable.
+
+# --hints--
+
+You should have a `generatePassword` function with a parameter. You can name the parameter whatever you like.
+
+```js
+assert.isFunction(generatePassword);
+assert.lengthOf(generatePassword, 1);
+```
+
+Your `generatePassword` function should return a string.
+
+```js
+const result = generatePassword(5);
+assert.isString(result);
+```
+
+Your `generatePassword` function should return a new string that is the correct length.
+
+```js
+const length = 8;
+const password = generatePassword(length);
+assert.lengthOf(password, length);
+```
+
+Your function should return a randomly generated password with valid characters.
+
+```js
+const validChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()";
+const password = generatePassword(10);
+for (let char of password) {
+    assert.include(validChars, char);
+}
+```
+
+Your function should return a new random string each time it is called.
+
+```js
+const password1 = generatePassword(10);
+const password2 = generatePassword(10);
+assert.notStrictEqual(password1, password2);
+```
+
+You should have a `password` variable.
+
+```js
+assert.isDefined(password);
+```
+
+Your `password` variable should be a string.
+
+```js
+assert.isString(password);
+```
+
+You should call the `generatePassword` function with a numeric argument and store the returned password in the `password` variable.
+
+```js
+assert.isDefined(password);
+assert.isString(password);
+const testLength = password.length;
+assert.strictEqual(password.length, testLength);
+assert.match(password, /^[A-Za-z0-9!@#$%^&*()]+$/);
+```
+
+You should log the generated password to the console.
+
+```js
+const condition1 = /console\.log\(\s*["']Generated\s+password:\s*["']\s*\+\s*password\s*\);?/gm.test(code);
+const condition2 = /console\.log\(\s*`Generated\s+password:\s*\$\{password\}`\s*\);?/gm.test(code);
+assert.isTrue(condition1 || condition2);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```js
+
+```
+
+# --solutions--
+
+```js
+const generatePassword = (length) => {
+    const chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()";
+    let password = "";
+    for (let i = 0; i < length; i++) {
+        const randomIndex = Math.floor(Math.random() * chars.length);
+        password += chars[randomIndex];
+    }
+    return password;
+};
+
+const password = generatePassword(12);
+console.log(`Generated password: ${password}`);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-permutation-generator/66fe4f33a2cc9b33f4d5cd9b.md b/curriculum/challenges/japanese/25-front-end-development/lab-permutation-generator/66fe4f33a2cc9b33f4d5cd9b.md
index 6b563b0a9e..c9e1b257c2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-permutation-generator/66fe4f33a2cc9b33f4d5cd9b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-permutation-generator/66fe4f33a2cc9b33f4d5cd9b.md
@@ -1,7 +1,7 @@
 ---
 id: 66fe4f33a2cc9b33f4d5cd9b
 title: Build a Permutation Generator
-challengeType: 14
+challengeType: 25
 dashedName: build-a-permutation-generator
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md b/curriculum/challenges/japanese/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
index 0ec53b99ba..38094c7b68 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
@@ -1,7 +1,7 @@
 ---
 id: bd7158d8c242eddfaeb5bd13
 title: Build a Personal Portfolio
-challengeType: 14
+challengeType: 25
 dashedName: build-a-personal-portfolio
 demoType: onClick
 ---
@@ -31,8 +31,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 ポートフォリオには `id` が `welcome-section` であるウェルカムセクションが 1 つ必要です。
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 `#welcome-section` 要素内には `h1` 要素が必要です。
@@ -51,16 +51,15 @@ assert.isAbove(
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 You should have a "Projects" section with an `id` of `project-section`.
 
 ```js
-const el = document.getElementById('project-section')
-assert(!!el);
+const el = document.getElementById('project-section');
+assert.isNotNull(el);
 ```
 
 ポートフォリオにはクラスの値が `project-tile` に設定されている要素が少なくとも 1 つ必要です。
@@ -82,35 +81,33 @@ assert.isAbove(document.querySelectorAll('#project-section a').length, 0);
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 `#navbar` 要素には `href` 属性の値が `#` で始まる `a` 要素を少なくとも 1 つ入れる必要があります。
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 ポートフォリオには `id` が `profile-link` である `a` 要素が 1 つ必要です。
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 `#profile-link` 要素は値が `_blank` に設定されている `target` 属性をもつ必要があります。
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 ポートフォリオはメディアクエリを少なくとも 1 つ使用する必要があります。
@@ -118,14 +115,15 @@ assert(!!el && el.target === '_blank')
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 `#navbar` 要素は常にビューポートの上部にある必要があります。
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -133,7 +131,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -144,8 +142,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -156,16 +153,13 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Personal Portfolio</title>
-</head>
-<body>
-
-</body>
-
+  </head>
+  <body></body>
 </html>
 ```
 
@@ -176,31 +170,41 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <link rel="stylesheet" href="styles.css" />
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
-    <link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet" />
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
+      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+
+  <body>
     <!-- START NAV -->
 
     <nav id="navbar" class="nav">
-        <ul class="nav-list">
-            <li>
-                <a href="#welcome-section">About</a>
-            </li>
-            <li>
-                <a href="#project-section">Work</a>
-            </li>
-            <li>
-                <a href="#contact">Contact</a>
-            </li>
-        </ul>
+      <ul class="nav-list">
+        <li>
+          <a href="#welcome-section">About</a>
+        </li>
+        <li>
+          <a href="#project-section">Work</a>
+        </li>
+        <li>
+          <a href="#contact">Contact</a>
+        </li>
+      </ul>
     </nav>
 
     <!-- END NAV -->
@@ -208,8 +212,8 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     <!-- START WELCOME SECTION -->
 
     <section id="welcome-section" class="welcome-section">
-        <h1>Hey I am Mimic</h1>
-        <p>a web developer</p>
+      <h1>Hey I am Mimic</h1>
+      <p>a web developer</p>
     </section>
 
     <!-- END WELCOME SECTION -->
@@ -217,68 +221,113 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     <!-- START PROJECTS SECTION -->
 
     <section id="project-section" class="projects-section">
-        <h2 class="projects-section-header">These are some of my projects</h2>
-
-        <div class="projects-grid">
-            <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tribute Page
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Random Quote Machine
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    JavaScript Calculator
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Map Data Across the Globe
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wGqEga" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Wikipedia Viewer
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/KzXQgy" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png" alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tic Tac Toe Game
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-        </div>
-
-        <a href="https://codepen.io/FreeCodeCamp/" class="btn btn-show-all" target="_blank">Show all<i
-                class="fas fa-chevron-right"></i></a>
+      <h2 class="projects-section-header">These are some of my projects</h2>
+
+      <div class="projects-grid">
+        <a
+          href="https://codepen.io/freeCodeCamp/full/zNqgVx"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tribute Page
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/qRZeGZ"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Random Quote Machine
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wgGVVX"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            JavaScript Calculator
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/mVEJag"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Map Data Across the Globe
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wGqEga"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Wikipedia Viewer
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/KzXQgy"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tic Tac Toe Game
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+      </div>
+
+      <a
+        href="https://codepen.io/FreeCodeCamp/"
+        class="btn btn-show-all"
+        target="_blank"
+        >Show all<i class="fas fa-chevron-right"></i
+      ></a>
     </section>
 
     <!-- END PROJECTS SECTION -->
@@ -286,20 +335,37 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     <!-- START CONTACT SECTION -->
 
     <section id="contact" class="contact-section">
-        <div class="contact-section-header">
-            <h2>Let's work together...</h2>
-            <p>How do you take your coffee?</p>
-        </div>
-        <div class="contact-links">
-            <a href="https://facebook.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-facebook-square"></i> Facebook</a>
-            <a id="profile-link" href="https://github.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-github"></i> GitHub</a>
-            <a href="https://twitter.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-twitter"></i> Twitter</a>
-            <a href="mailto:example@example.com" class="btn contact-details"><i class="fas fa-at"></i> Send a mail</a>
-            <a href="tel:555-555-5555" class="btn contact-details"><i class="fas fa-mobile-alt"></i> Call me</a>
-        </div>
+      <div class="contact-section-header">
+        <h2>Let's work together...</h2>
+        <p>How do you take your coffee?</p>
+      </div>
+      <div class="contact-links">
+        <a
+          href="https://facebook.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-facebook-square"></i> Facebook</a
+        >
+        <a
+          id="profile-link"
+          href="https://github.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-github"></i> GitHub</a
+        >
+        <a
+          href="https://twitter.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-twitter"></i> Twitter</a
+        >
+        <a href="mailto:example@example.com" class="btn contact-details"
+          ><i class="fas fa-at"></i> Send a mail</a
+        >
+        <a href="tel:555-555-5555" class="btn contact-details"
+          ><i class="fas fa-mobile-alt"></i> Call me</a
+        >
+      </div>
     </section>
 
     <!-- END CONTACT SECTION -->
@@ -307,54 +373,58 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     <!-- START FOOTER SECTION -->
 
     <footer>
-        <p>
-            **This is just a fake portfolio. All the projects and contact details
-            given are not real.
-        </p>
-        <p>
-            &copy; Created for
-            <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp <i
-                    class="fab fa-free-code-camp"></i></a>
-        </p>
+      <p>
+        **This is just a fake portfolio. All the projects and contact details
+        given are not real.
+      </p>
+      <p>
+        &copy; Created for
+        <a href="https://www.freecodecamp.org/" target="_blank"
+          >freeCodeCamp <i class="fab fa-free-code-camp"></i
+        ></a>
+      </p>
     </footer>
 
     <!-- END FOOTER SECTION -->
+</body>
 </body>
 
+  </body>
+
 </html>
 ```
 
 ```css
 /* Custom properties/variables  */
 :root {
-    --main-white: #f0f0f0;
-    --main-red: #be3144;
-    --main-blue: #45567d;
-    --main-gray: #303841;
+  --main-white: #f0f0f0;
+  --main-red: #be3144;
+  --main-blue: #45567d;
+  --main-gray: #303841;
 }
 
 /* Base reset */
 * {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* box-sizing and font sizing */
 *,
 *::before,
 *::after {
-    box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 html {
-    box-sizing: border-box;
+  box-sizing: border-box;
 
-    /* Set font size for easy rem calculations
+  /* Set font size for easy rem calculations
    * default document font size = 16px, 1rem = 16px, 100% = 16px
    * (100% / 16px) * 10 = 62.5%, 1rem = 10px, 62.5% = 10px
   */
-    font-size: 62.5%;
-    scroll-behavior: smooth;
+  font-size: 62.5%;
+  scroll-behavior: smooth;
 }
 
 /* A few media query to set some font sizes at different screen sizes.
@@ -374,287 +444,287 @@ html {
 
 /* 1200px / 16px = 75em */
 @media (max-width: 75em) {
-    html {
-        font-size: 60%;
-    }
+  html {
+    font-size: 60%;
+  }
 }
 
 /* 980px / 16px = 61.25em */
 @media (max-width: 61.25em) {
-    html {
-        font-size: 58%;
-    }
+  html {
+    font-size: 58%;
+  }
 }
 
 /* 460px / 16px = 28.75em */
 @media (max-width: 28.75em) {
-    html {
-        font-size: 55%;
-    }
+  html {
+    font-size: 55%;
+  }
 }
 
 /* Base styles */
 
 body {
-    font-family: 'Poppins', sans-serif;
-    font-size: 1.8rem;
-    /* 18px */
-    font-weight: 400;
-    line-height: 1.4;
-    color: var(--main-white);
+  font-family: 'Poppins', sans-serif;
+  font-size: 1.8rem;
+  /* 18px */
+  font-weight: 400;
+  line-height: 1.4;
+  color: var(--main-white);
 }
 
 h1,
 h2 {
-    font-family: 'Raleway', sans-serif;
-    font-weight: 700;
-    text-align: center;
+  font-family: 'Raleway', sans-serif;
+  font-weight: 700;
+  text-align: center;
 }
 
 h1 {
-    font-size: 6rem;
+  font-size: 6rem;
 }
 
 h2 {
-    font-size: 4.2rem;
+  font-size: 4.2rem;
 }
 
 ul {
-    list-style: none;
+  list-style: none;
 }
 
 a {
-    text-decoration: none;
-    color: var(--main-white);
+  text-decoration: none;
+  color: var(--main-white);
 }
 
 img {
-    display: block;
-    width: 100%;
+  display: block;
+  width: 100%;
 }
 
 /* nav */
 
 .nav {
-    display: flex;
-    justify-content: flex-end;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    background: var(--main-red);
-    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
-    z-index: 10;
+  display: flex;
+  justify-content: flex-end;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: var(--main-red);
+  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
+  z-index: 10;
 }
 
 .nav-list {
-    display: flex;
-    margin-right: 2rem;
+  display: flex;
+  margin-right: 2rem;
 }
 
 @media (max-width: 28.75em) {
-    .nav {
-        justify-content: center;
-    }
+  .nav {
+    justify-content: center;
+  }
 
-    .nav-list {
-        margin: 0 1rem;
-    }
+  .nav-list {
+    margin: 0 1rem;
+  }
 }
 
 .nav-list a {
-    display: block;
-    font-size: 2.2rem;
-    padding: 2rem;
+  display: block;
+  font-size: 2.2rem;
+  padding: 2rem;
 }
 
 .nav-list a:hover {
-    background: var(--main-blue);
+  background: var(--main-blue);
 }
 
 /* Welcome section */
 
 .welcome-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100vh;
-    background-color: #000;
-    background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+  background-color: #000;
+  background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
 }
 
-.welcome-section>p {
-    font-size: 3rem;
-    font-weight: 200;
-    font-style: italic;
-    color: var(--main-red);
+.welcome-section > p {
+  font-size: 3rem;
+  font-weight: 200;
+  font-style: italic;
+  color: var(--main-red);
 }
 
 /* Projects section */
 
 .projects-section {
-    text-align: center;
-    padding: 10rem 2rem;
-    background: var(--main-blue);
+  text-align: center;
+  padding: 10rem 2rem;
+  background: var(--main-blue);
 }
 
 .projects-section-header {
-    max-width: 640px;
-    margin: 0 auto 6rem auto;
-    border-bottom: 0.2rem solid var(--main-white);
+  max-width: 640px;
+  margin: 0 auto 6rem auto;
+  border-bottom: 0.2rem solid var(--main-white);
 }
 
 @media (max-width: 28.75em) {
-    .projects-section-header {
-        font-size: 4rem;
-    }
+  .projects-section-header {
+    font-size: 4rem;
+  }
 }
 
 /* "Automagic" image grid using no media queries */
 .projects-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    grid-gap: 4rem;
-    width: 100%;
-    max-width: 1280px;
-    margin: 0 auto;
-    margin-bottom: 6rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  grid-gap: 4rem;
+  width: 100%;
+  max-width: 1280px;
+  margin: 0 auto;
+  margin-bottom: 6rem;
 }
 
 @media (max-width: 30.625em) {
-    .projects-section {
-        padding: 6rem 1rem;
-    }
+  .projects-section {
+    padding: 6rem 1rem;
+  }
 
-    .projects-grid {
-        grid-template-columns: 1fr;
-    }
+  .projects-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 .project {
-    background: var(--main-gray);
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-    border-radius: 2px;
+  background: var(--main-gray);
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 2px;
 }
 
 .code {
-    color: var(--main-gray);
-    transition: color 0.3s ease-out;
+  color: var(--main-gray);
+  transition: color 0.3s ease-out;
 }
 
 .project:hover .code {
-    color: #ff7f50;
+  color: #ff7f50;
 }
 
 .project-image {
-    height: calc(100% - 6.8rem);
-    width: 100%;
-    object-fit: cover;
+  height: calc(100% - 6.8rem);
+  width: 100%;
+  object-fit: cover;
 }
 
 .project-title {
-    font-size: 2rem;
-    padding: 2rem 0.5rem;
+  font-size: 2rem;
+  padding: 2rem 0.5rem;
 }
 
 .btn {
-    display: inline-block;
-    padding: 1rem 2rem;
-    border-radius: 2px;
+  display: inline-block;
+  padding: 1rem 2rem;
+  border-radius: 2px;
 }
 
 .btn-show-all {
-    font-size: 2rem;
-    background: var(--main-gray);
-    transition: background 0.3s ease-out;
+  font-size: 2rem;
+  background: var(--main-gray);
+  transition: background 0.3s ease-out;
 }
 
 .btn-show-all:hover {
-    background: var(--main-red);
+  background: var(--main-red);
 }
 
-.btn-show-all:hover>i {
-    transform: translateX(2px);
+.btn-show-all:hover > i {
+  transform: translateX(2px);
 }
 
-.btn-show-all>i {
-    margin-left: 10px;
-    transform: translateX(0);
-    transition: transform 0.3s ease-out;
+.btn-show-all > i {
+  margin-left: 10px;
+  transform: translateX(0);
+  transition: transform 0.3s ease-out;
 }
 
 /* Contact section */
 
 .contact-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    width: 100%;
-    height: 80vh;
-    padding: 0 2rem;
-    background: var(--main-gray);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  height: 80vh;
+  padding: 0 2rem;
+  background: var(--main-gray);
 }
 
-.contact-section-header>h2 {
-    font-size: 6rem;
+.contact-section-header > h2 {
+  font-size: 6rem;
 }
 
 @media (max-width: 28.75em) {
-    .contact-section-header>h2 {
-        font-size: 4rem;
-    }
+  .contact-section-header > h2 {
+    font-size: 4rem;
+  }
 }
 
-.contact-section-header>p {
-    font-style: italic;
+.contact-section-header > p {
+  font-style: italic;
 }
 
 .contact-links {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    max-width: 980px;
-    margin-top: 4rem;
-    flex-wrap: wrap;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  max-width: 980px;
+  margin-top: 4rem;
+  flex-wrap: wrap;
 }
 
 .contact-details {
-    font-size: 2.4rem;
-    text-shadow: 2px 2px 1px #1f1f1f;
-    transition: transform 0.3s ease-out;
+  font-size: 2.4rem;
+  text-shadow: 2px 2px 1px #1f1f1f;
+  transition: transform 0.3s ease-out;
 }
 
 .contact-details:hover {
-    transform: translateY(8px);
+  transform: translateY(8px);
 }
 
 /* Footer */
 
 footer {
-    font-weight: 300;
-    display: flex;
-    justify-content: space-evenly;
-    padding: 2rem;
-    background: var(--main-gray);
-    border-top: 4px solid var(--main-red);
+  font-weight: 300;
+  display: flex;
+  justify-content: space-evenly;
+  padding: 2rem;
+  background: var(--main-gray);
+  border-top: 4px solid var(--main-red);
 }
 
-footer>p {
-    margin: 2rem;
+footer > p {
+  margin: 2rem;
 }
 
 footer i {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 @media (max-width: 28.75em) {
-    footer {
-        flex-direction: column;
-        text-align: center;
-    }
+  footer {
+    flex-direction: column;
+    text-align: center;
+  }
 }
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md b/curriculum/challenges/japanese/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
index 6457a23aab..20a8f88df9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
@@ -1,7 +1,7 @@
 ---
 id: 587d78af367417b2b2512b04
 title: プロダクトのランディングページを作成する
-challengeType: 14
+challengeType: 25
 dashedName: build-a-product-landing-page
 demoType: onClick
 ---
@@ -63,7 +63,7 @@ assert.exists(el);
 assert.exists(el.src); 
 ```
 
-Your `#header-img`’s `src` value should be a valid URL (starts with `http`).
+Your `#header-img`'s `src` value should be a valid URL (starts with `http`).
 
 ```js
 const el = document.getElementById('header-img');
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-project-idea-board/67051431a73f1ca25d9a6f25.md b/curriculum/challenges/japanese/25-front-end-development/lab-project-idea-board/67051431a73f1ca25d9a6f25.md
index a1d4053caa..493cc70725 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-project-idea-board/67051431a73f1ca25d9a6f25.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-project-idea-board/67051431a73f1ca25d9a6f25.md
@@ -1,7 +1,7 @@
 ---
 id: 67051431a73f1ca25d9a6f25
 title: Build a Project Idea Board
-challengeType: 14
+challengeType: 25
 dashedName: build-a-project-idea-board
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-pyramid-generator/66f2836c459cfb16ae76f24f.md b/curriculum/challenges/japanese/25-front-end-development/lab-pyramid-generator/66f2836c459cfb16ae76f24f.md
index c61c5298c2..63eff55010 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-pyramid-generator/66f2836c459cfb16ae76f24f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-pyramid-generator/66f2836c459cfb16ae76f24f.md
@@ -1,7 +1,7 @@
 ---
 id: 66f2836c459cfb16ae76f24f
 title: Build a Pyramid Generator
-challengeType: 14
+challengeType: 25
 dashedName: lab-pyramid-generator
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md b/curriculum/challenges/japanese/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
index 241ffd4950..d3774ec284 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
@@ -1,7 +1,7 @@
 ---
 id: 66f17db06803d11a1bd19a20
 title: Build a Quiz Game
-challengeType: 14
+challengeType: 25
 dashedName: lab-quiz-game
 ---
 
@@ -43,12 +43,14 @@ questions.forEach(question => {
 The `category` key should have the value of a string representing a question category.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({category}) => assert.isString(category));
 ```
 
 The `question` key should have the value of a string representing a question.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({question}) => {
     assert.isString(question);
     assert.include(question, '?');
@@ -58,6 +60,7 @@ questions.forEach(({question}) => {
 The `choices` key should have the value of an array containing three strings.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({choices}) => {
     assert.isArray(choices);
     assert.lengthOf(choices, 3);
@@ -68,12 +71,14 @@ questions.forEach(({choices}) => {
 The `answer` key should have the value of a string.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer}) => assert.isString(answer));
 ```
 
 The value of `answer` should be included in the `choices` array.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer, choices}) => assert.oneOf(answer, choices));
 ```
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-random-background-color-changer/66b62d0ad68488dd76228d6c.md b/curriculum/challenges/japanese/25-front-end-development/lab-random-background-color-changer/66b62d0ad68488dd76228d6c.md
index 775ca4a00b..8085213cb7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-random-background-color-changer/66b62d0ad68488dd76228d6c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-random-background-color-changer/66b62d0ad68488dd76228d6c.md
@@ -1,7 +1,7 @@
 ---
 id: 66b62d0ad68488dd76228d6c
 title: Debug a Random Background Color Changer
-challengeType: 14
+challengeType: 25
 dashedName: debug-a-random-background-color-changer
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-real-time-counter/66bb3e20d3dc5b6d0a21f5dd.md b/curriculum/challenges/japanese/25-front-end-development/lab-real-time-counter/66bb3e20d3dc5b6d0a21f5dd.md
index e2f4b915e5..00eb669fb6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-real-time-counter/66bb3e20d3dc5b6d0a21f5dd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-real-time-counter/66bb3e20d3dc5b6d0a21f5dd.md
@@ -1,7 +1,7 @@
 ---
 id: 66bb3e20d3dc5b6d0a21f5dd
 title: Build a Real Time Counter
-challengeType: 14
+challengeType: 25
 dashedName: build-a-real-time-counter
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-recipe-page/668f08ea07b99b1f4a91acab.md b/curriculum/challenges/japanese/25-front-end-development/lab-recipe-page/668f08ea07b99b1f4a91acab.md
index 5ffaae94e2..06a91d31fe 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-recipe-page/668f08ea07b99b1f4a91acab.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-recipe-page/668f08ea07b99b1f4a91acab.md
@@ -1,7 +1,7 @@
 ---
 id: 668f08ea07b99b1f4a91acab
 title: Build a Recipe Page
-challengeType: 14
+challengeType: 25
 dashedName: build-a-recipe-page
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-regex-sandbox/66e028680eca7d21db7e1aee.md b/curriculum/challenges/japanese/25-front-end-development/lab-regex-sandbox/66e028680eca7d21db7e1aee.md
index 7efd21ef48..6cc015b555 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-regex-sandbox/66e028680eca7d21db7e1aee.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-regex-sandbox/66e028680eca7d21db7e1aee.md
@@ -1,7 +1,7 @@
 ---
 id: 66e028680eca7d21db7e1aee
 title: Build a RegEx Sandbox
-challengeType: 14
+challengeType: 25
 dashedName: lab-regex-sandbox
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md b/curriculum/challenges/japanese/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
index 39886846a1..d7f946044f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
@@ -1,7 +1,7 @@
 ---
 id: 673b02b03134b04637bf7055
 title: Build a Reusable Footer
-challengeType: 14
+challengeType: 25
 dashedName: build-a-reusable-footer
 demoType: onClick
 ---
@@ -32,22 +32,29 @@ assert.lengthOf(mockedComponent.find('Footer'), 1);
 Your `Footer` component should return a `footer` element.
 
 ```js
-assert.equal(Enzyme.shallow(React.createElement(window.index.Footer)).type(), 'footer');
+assert.equal(
+  Enzyme.shallow(React.createElement(window.index.Footer)).type(),
+  'footer'
+);
 ```
 
 Your `footer` should have at least three unordered lists.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('ul').length, 3);
 ```
 
 Each of your unordered lists should have at least two list items.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 const uls = mockedComponent.find('ul');
-uls.forEach(ul => {  
+uls.forEach(ul => {
   assert.isAtLeast(ul.find('li').length, 2);
 });
 
@@ -57,17 +64,21 @@ assert.isAtLeast(uls.length, 1);
 Your `footer` should have at least one paragraph element.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('p').length, 1);
 ```
 
 You should have a copyright (`©`) symbol within one of your paragraphs.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 let hasCopyright = false;
 mockedComponent.find('p').forEach(p => {
-  if(p.text().includes('©')) {
+  if (p.text().includes('©')) {
     hasCopyright = true;
   }
 });
@@ -77,14 +88,18 @@ assert.isTrue(hasCopyright);
 Your `footer` should have at least three links with the `href` value set to `#`.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('a[href="#"]').length, 3);
 ```
 
 None of your links should be empty.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 mockedComponent.find('a').forEach(a => {
   assert.isAtLeast(a.text().length, 1);
 });
@@ -103,38 +118,34 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Reusable Footer Component</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { Footer } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <Footer />
-        );
+      import { Footer } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(<Footer />);
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
@@ -143,132 +154,139 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ```
 
 ```jsx
-export const Footer = () => {
-
-};
+export const Footer = () => {};
 ```
 
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Reusable Footer Component</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { Footer } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <Footer />
-        );
+      import { Footer } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(<Footer />);
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 .footer {
-    background-color: #e3e1eb;
-    padding: 20px;
-    text-align: center;
-    border-top: 1px solid #e5e7eb;
-    font-family: Arial, sans-serif;
+  background-color: #e3e1eb;
+  padding: 20px;
+  text-align: center;
+  border-top: 1px solid #e5e7eb;
+  font-family: Arial, sans-serif;
 }
 
 .footer-section {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    justify-content: center;
-    margin-bottom: 20px;
-    align-items: center;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  justify-content: center;
+  margin-bottom: 20px;
+  align-items: center;
 }
 
 .footer ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 .footer li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .footer a {
-    text-decoration: none;
-    color: #1f2937;
+  text-decoration: none;
+  color: #1f2937;
 }
 
 .footer a:hover {
-    color: #6366f1;
+  color: #6366f1;
 }
 
 .footer p {
-    color: #6b7280;
-    margin-top: 20px;
+  color: #6b7280;
+  margin-top: 20px;
 }
 
 .footer-icons {
-    margin-top: 20px;
-    display: flex;
-    justify-content: center;
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
 }
 
 .footer-icons a {
-    margin: 0 10px;
-    font-size: 24px;
-    color: #6b7280;
-    text-decoration: none;
+  margin: 0 10px;
+  font-size: 24px;
+  color: #6b7280;
+  text-decoration: none;
 }
 
 .footer-icons a:hover {
-    color: #6366f1;
+  color: #6366f1;
 }
 ```
 
 ```jsx
-export const Footer = () =>
-    <footer className="footer">
-        <div className="footer-section">
-            <ul>
-                <li><a href="#">Fitness Dashboard</a></li>
-                <li><a href="#">Services</a></li>
-            </ul>
-            <ul>
-                <li><a href="#">Watch Videos</a></li>
-                <li><a href="#">Discord</a></li>
-            </ul>
-            <ul>
-                <li><a href="#">Privacy Policy</a></li>
-                <li><a href="#">Terms & Conditions</a></li>
-            </ul>
-        </div>
-        <p>© 2024 Fitness Dashboard. All Rights Reserved.</p>
-        <div className="footer-icons">
-            <a href="#">&#x1F3AE;</a>
-            <a href="#">&#x1F426;</a>
-            <a href="#">&#x1F4BB;</a>
-            <a href="#">&#x1F3C0;</a>
-        </div>
-    </footer>
+export const Footer = () => (
+  <footer className='footer'>
+    <div className='footer-section'>
+      <ul>
+        <li>
+          <a href='#'>Fitness Dashboard</a>
+        </li>
+        <li>
+          <a href='#'>Services</a>
+        </li>
+      </ul>
+      <ul>
+        <li>
+          <a href='#'>Watch Videos</a>
+        </li>
+        <li>
+          <a href='#'>Discord</a>
+        </li>
+      </ul>
+      <ul>
+        <li>
+          <a href='#'>Privacy Policy</a>
+        </li>
+        <li>
+          <a href='#'>Terms & Conditions</a>
+        </li>
+      </ul>
+    </div>
+    <p>© 2024 Fitness Dashboard. All Rights Reserved.</p>
+    <div className='footer-icons'>
+      <a href='#'>&#x1F3AE;</a>
+      <a href='#'>&#x1F426;</a>
+      <a href='#'>&#x1F4BB;</a>
+      <a href='#'>&#x1F3C0;</a>
+    </div>
+  </footer>
+);
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-sentence-maker/66c057041df6394ca796bf33.md b/curriculum/challenges/japanese/25-front-end-development/lab-sentence-maker/66c057041df6394ca796bf33.md
index 45cb0bbe3f..de7c584aa7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-sentence-maker/66c057041df6394ca796bf33.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-sentence-maker/66c057041df6394ca796bf33.md
@@ -1,7 +1,7 @@
 ---
 id: 66c057041df6394ca796bf33
 title: Build a Sentence Maker
-challengeType: 14
+challengeType: 25
 dashedName: build-a-sentence-maker
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md b/curriculum/challenges/japanese/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
new file mode 100644
index 0000000000..d876f2e316
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
@@ -0,0 +1,599 @@
+---
+id: 6716249b5405164036fd0b0d
+title: Build a Sorting Visualizer
+challengeType: 25
+dashedName: build-a-sorting-visualizer
+demoType: onClick
+---
+
+# --description--
+
+The Bubble Sort algorithm sorts a sequence of integers by comparing couples of adjacent elements starting from the beginning of the sequence. If the first element is greater than the second one, it swaps them. Then, it proceeds with the following couple. When the sequence ends, it starts a new cycle from the beginning of the sequence, and repeats the process until the elements are sorted.
+
+For this lab, you have been provided with all the HTML and CSS. You will use JavaScript to complete the Bubble Sort Visualizer so that it visualizes each step needed by the Bubble Sort algorithm to sort an array of five integers.
+
+Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should have a function named `generateElement` that returns a random integer between `1` and `100`, inclusive.
+1. You should have a function named `generateArray` that uses the `generateElement` function to return an array containing five random integers.
+1. You should have a function named `generateContainer` that creates and returns an empty `div` element.
+1. You should have a function named `fillArrContainer` that takes an HTML element as the first argument and an array as the second argument.
+1. The `fillArrContainer` function should fill the element passed as the first argument to the function with five `span` elements with the text of an integer from the array passed as the second argument to the function.
+1. You should have a function named `isOrdered` that takes two integers and returns a boolean indicating if the first integer is less than or equal to the second.
+1. You should have a function named `swapElements` that takes an array of integers and a numeric index.
+1. The `swapElements` function should modify the array in place by swapping the element at the passed index and the following element if `isOrdered` returns `false`.
+1. You should have a function named `highlightCurrentEls` that takes an HTML element and a numeric index.
+1. The `highlightCurrentEls` function should set the `border` of the given element's child at the given index, and the child immediately after the index, to have a `dashed` style, a `red` color, and a width of your choice.
+1. When you click `#generate-btn` you should use the `fillArrContainer` function to fill `#starting-array` with five `span` elements, each with a random number as its text. If present, other elements should be removed from `#array-container`.
+1. You should implement the Bubble Sort algorithm so that after you click `#sort-btn`, `#array-container` contains a `div` element for each of the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array. The functions you have created so far can be useful here.
+1. Each `div` should contain five `span` elements, representing the array in its current state of being sorted.
+1. After you click `#sort-btn`, `#starting-array` should represent the starting step with the initial array and the first two integers highlighted.
+1. For each sorting step, you should use `highlightCurrentEls` to highlight the two numbers that are being compared, and swap them in the next step by using `swapElements`.
+
+# --hints--
+
+You should have a function named `generateElement`.
+
+```js
+assert.isFunction(generateElement);
+```
+
+Your `generateElement` function should return a random integer between `1` and `100` inclusive.
+
+```js
+const randomMocker = new __helpers.RandomMocker();
+randomMocker.mock();
+try {    
+    assert.strictEqual(generateElement(), 26);
+    assert.strictEqual(generateElement(), 9);
+} finally {
+    randomMocker.restore();
+}
+```
+
+You should have a function named `generateArray`.
+
+```js
+assert.isFunction(generateArray)
+```
+
+Your `generateArray` function should make use of the `generateElement` function.
+
+```js
+let flag = false;
+const temp = generateElement;
+generateElement = () => flag = true;
+try {
+    generateArray();
+    assert.isTrue(flag);
+} finally {
+    generateElement = temp;
+}
+```
+
+Your `generateArray` function should return an array containing five random integers between `1` and `100`.
+
+```js
+const randomMocker = new __helpers.RandomMocker();
+randomMocker.mock();
+try {
+    assert.deepEqual(generateArray(), [26, 9, 58, 23, 38])
+} finally {
+    randomMocker.restore();
+}
+```
+
+You should have a function named `generateContainer`.
+
+```js
+assert.isFunction(generateContainer);
+```
+
+Your `generateContainer` function should return an empty `div` element.
+
+```js
+const div = generateContainer();
+assert.equal(div.tagName, "DIV");
+assert.isEmpty(div.children);
+```
+
+You should have a function named `fillArrContainer`.
+
+```js
+assert.isFunction(fillArrContainer);
+```
+
+Your `fillArrContainer()` function should fill the element passed as the first argument to the function with five `span` elements with the text of an integer from the array passed as the second argument to the function.
+
+```js
+const testDiv = document.createElement("div");
+const testArr = [15, 98, 17, 5, 63]
+fillArrContainer(testDiv, testArr);
+const children = testDiv.children;
+assert.lengthOf(children, 5);
+Array.from(children).forEach((el, i) => {
+    assert.equal(el.tagName, "SPAN");
+    assert.equal(el.innerText, testArr[i])
+})
+```
+
+You should have a function named `isOrdered`.
+
+```js
+assert.isFunction(isOrdered);
+```
+
+Your `isOrdered` function should take two integers and should return a boolean indicating if the first integer is less than or equal to the second.
+
+```js
+assert.lengthOf(isOrdered, 2);
+assert.isTrue(isOrdered(2, 60));
+assert.isFalse(isOrdered(10, 3));
+assert.isTrue(isOrdered(5, 5));
+```
+
+You should have a function named `swapElements`.
+
+```js
+assert.isFunction(swapElements);
+```
+
+Your `swapElements` function take an array of integers and a numeric index as arguments. It should modify the array passed in place by swapping the element at the given index and the following element if the first element is greater than the second.
+
+```js
+const testArr = [22, 4, 87, 47, 33];
+swapElements(testArr, 0);
+assert.deepEqual(testArr, [4, 22, 87, 47, 33]);
+swapElements(testArr, 1);
+assert.deepEqual(testArr, [4, 22, 87, 47, 33]);
+swapElements(testArr, 2);
+assert.deepEqual(testArr, [4, 22, 47, 87, 33]);
+swapElements(testArr, 3);
+assert.deepEqual(testArr, [4, 22, 47, 33, 87]);
+```
+
+You should have a function named `highlightCurrentEls`.
+
+```js
+assert.isFunction(highlightCurrentEls);
+```
+
+Your `highlightCurrentEls` function should give the descendants of the specified element, located at the given index and the next index, a border that is `dashed`, `red`, and set to a width of your choice.
+
+```js
+const testDiv = document.createElement("div");
+document.querySelector("body").appendChild(testDiv)
+for (let i = 0; i < 5; i++) {
+    testDiv.appendChild(document.createElement("span"));
+}
+const redBorderRegex = /dashed (rgb\(255,\s*0,\s*0\)|#FF0000|#F00|hsl\(0,\s*100%,\s*50%\))/;
+const revertBorder = () => {
+    for (const el of children) {
+        el.style.border = "revert";
+    }
+}
+const children = testDiv.children;
+
+for (let i = 0; i < 3; i++) {
+    highlightCurrentEls(testDiv, i);
+    for (let j = 0; j < 5; j++) {
+        let b = getComputedStyle(children[j]).border;
+        if (j == i || j == i + 1) {            
+            assert.match(b, redBorderRegex);
+            assert.isAbove(parseFloat(b), 0);
+        } else {
+            assert.notMatch(b, redBorderRegex);
+        }
+    }
+    revertBorder();
+}
+testDiv.remove();
+```
+
+When you click `#generate-btn` you should fill `#starting-array` with five `span` elements, each with a random number between `1` and `100` as its text.
+
+```js
+const genBtn = document.querySelector("#generate-btn");
+genBtn.click();
+const children = document.querySelector("#starting-array").querySelectorAll("span");
+assert.lengthOf(children, 5);
+Array.from(children).forEach(el => {
+    assert.equal(el.tagName, "SPAN");
+    const num = Number(el.innerText);
+    assert.isAtMost(num, 100);
+    assert.isAtLeast(num, 1);
+})
+```
+
+When `#starting-array` already contains a generated array, or `#array-container` contains the sorted array, clicking the `#generate-btn` should remove other elements in the `#array-container`, leaving only `#starting-array` with newly generated numbers.
+
+```js
+const genBtn = document.querySelector("#generate-btn");
+const sortBtn = document.querySelector("#sort-btn");
+genBtn.dispatchEvent(new Event("click"));
+
+const prevNumbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+
+sortBtn.dispatchEvent(new Event("click"));
+genBtn.dispatchEvent(new Event("click"));
+
+const container = document.querySelector("#array-container");
+assert.lengthOf(container.children, 1);
+const numbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+assert.lengthOf(numbers, 5);
+assert.isTrue(prevNumbers.some((num, index) => num !== numbers[index]))
+```
+
+After you click `#sort-btn`, `#array-container` should contain as many `div` elements as the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array.
+
+```js
+const genBtn = document.querySelector("#generate-btn");
+const sortBtn = document.querySelector("#sort-btn");
+// using randomMocker to be sure that the starting array requires 13 steps to be sorted
+const randomMocker = new __helpers.RandomMocker();
+randomMocker.mock();
+try {    
+    genBtn.dispatchEvent(new Event("click"));
+    sortBtn.dispatchEvent(new Event("click"));
+    const container = document.querySelector("#array-container");
+    assert.lengthOf(container.children, 13)
+    Array.from(container.children).forEach(el => {assert.equal(el.tagName, "DIV")})
+} finally {
+    randomMocker.restore();
+}
+```
+
+After you click `#sort-btn`, each `div` within `#array-container` should contain five `span`, each with a number as its text, and arranged to represent the steps required by Bubble Sort algorithm to sort the starting array.
+
+```js
+const finalArr = [9, 23, 26, 38, 58];
+const arrays = [
+    [26, 9, 58, 23, 38],
+    [9, 26, 58, 23, 38],
+    [9, 26, 58, 23, 38],
+    [9, 26, 23, 58, 38],
+    [9, 26, 23, 38, 58],
+    [9, 26, 23, 38, 58],
+    finalArr,
+    finalArr,
+    finalArr,
+    finalArr,
+    finalArr,
+    finalArr,
+    finalArr
+]
+const genBtn = document.querySelector("#generate-btn");
+const sortBtn = document.querySelector("#sort-btn");
+const randomMocker = new __helpers.RandomMocker();
+randomMocker.mock();
+try {    
+    genBtn.dispatchEvent(new Event("click"));
+    sortBtn.dispatchEvent(new Event("click"));
+    const container = document.querySelector("#array-container");
+    assert.isNotEmpty(container.children);
+    Array.from(container.children).forEach((el, i) => {
+        Array.from(el.children).forEach((j, k) => {
+            assert.strictEqual(Number(j.innerText), arrays[i][k])
+        })
+    })
+} finally {
+    randomMocker.restore();
+}
+```
+
+When you click the `#sort-btn`, you should make use of the `highlightCurrentEls` function to highlight the elements being compared in each step.
+
+```js
+const sortBtn = document.querySelector("#sort-btn");
+let flag = false;
+const temp = highlightCurrentEls;
+highlightCurrentEls = () => flag = true;
+try {
+    sortBtn.dispatchEvent(new Event("click"));
+    assert.isTrue(flag);
+} finally {
+    highlightCurrentEls = temp;
+}
+```
+
+After you click `#sort-btn`, `#starting-array` should represent the starting step with the initial array and the first two integers highlighted using `highlightCurrentEls`.
+
+```js
+const genBtn = document.querySelector("#generate-btn");
+const sortBtn = document.querySelector("#sort-btn");   
+genBtn.dispatchEvent(new Event("click"));
+sortBtn.dispatchEvent(new Event("click"));
+const firstContainer = document.querySelector("#starting-array");
+const children = firstContainer.children
+const redBorderRegex = /dashed (rgb\(255,\s*0,\s*0\)|#FF0000|hsl\(0,\s*100%,\s*50%\))/;
+assert.match(getComputedStyle(children[0]).border, redBorderRegex);
+assert.match(getComputedStyle(children[1]).border, redBorderRegex);
+```
+
+# --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">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Sorting Visualizer</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+    <main>
+        <div id="array-container">
+            <div id="starting-array"></div>
+        </div>
+        <div id="btn-container">
+            <button id="generate-btn" type="button">Generate Array</button>
+            <button id="sort-btn" type="button">Sort Array</button>
+        </div>
+    </main>
+    <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+* {
+    box-sizing: border-box;
+}
+
+main {
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+}
+
+#array-container {
+    max-height: 95vh;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    gap: 2px;
+
+}
+
+#array-container>div {
+    min-width: 8rem;
+    height: 2rem;
+    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+    border-radius: 10px;
+    margin-bottom: 0.2rem;
+    border: 2px solid darkgray;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+}
+
+#starting-array {
+    border: 4px solid darkblue !important;
+}
+
+#btn-container {
+    display: flex;
+    justify-content: space-around;
+}
+
+button {
+    padding: 2px;
+    margin: 5px;
+}
+
+span {
+    border-radius: 2px;
+    padding: 0.5px;
+    margin: 0
+}
+
+@media (min-width: 430px) {
+  #array-container>div {
+    min-width: 12rem;    
+  }
+  span {
+    padding: 1px;
+    margin: 1px;
+  }
+}
+```
+
+```js
+
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Sorting Visualizer</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+    <main>
+        <div id="array-container">
+            <div id="starting-array"></div>
+        </div>
+        <div id="btn-container">
+            <button id="generate-btn" type="button">Generate Array</button>
+            <button id="sort-btn" type="button">Sort Array</button>
+        </div>
+    </main>
+    <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+* {
+    box-sizing: border-box;
+}
+
+main {
+    height: 100vh;
+    display: flex;
+    justify-content: center;
+    flex-direction: column;
+    align-items: center;
+}
+
+#array-container {
+    max-height: 95vh;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    gap: 2px;
+
+}
+
+#array-container>div {
+    min-width: 8rem;
+    height: 2rem;
+    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
+    border-radius: 10px;
+    margin-bottom: 0.2rem;
+    border: 2px solid darkgray;
+    display: flex;
+    justify-content: space-evenly;
+    align-items: center;
+}
+
+#starting-array {
+    border: 4px solid darkblue !important;
+}
+
+#btn-container {
+    display: flex;
+    justify-content: space-around;
+}
+
+button {
+    padding: 2px;
+    margin: 5px;
+}
+
+#sort-btn {
+   display: none 
+}
+
+span {
+    border-radius: 2px;
+    padding: 0.5px;
+    margin: 0
+}
+
+@media (min-width: 430px) {
+  #array-container>div {
+    min-width: 12rem;    
+  }
+  span {
+    padding: 1px;
+    margin: 1px;
+  }
+}
+```
+
+```js
+const arrayContainer = document.getElementById("array-container");
+const generateArrayBtn = document.getElementById("generate-btn");
+const sortArrayBtn = document.getElementById("sort-btn");
+const arrayLength = 5;
+const minVal = 1;
+const maxVal = 100;
+const isStart = () => arrayContainer.children.length === 1;
+const clearArrayContainer = () => { arrayContainer.innerHTML = '<div id="starting-array"></div>' };
+const showSortBtn = () => {sortArrayBtn.style.display = "inline-block"};
+const hideSortBtn = () => {sortArrayBtn.style.display = "none"};
+const generateElement = () => Math.floor(Math.random() * maxVal + minVal);
+const generateArray = () => Array.from({ length: arrayLength }, generateElement);
+const fillArrContainer = (container, arr) => {
+    container.innerHTML = "";
+    arr.forEach(i => {
+        const el = document.createElement("span");
+        el.innerText = i;
+        el.id = `number-${i}`
+        container.appendChild(el);
+    })
+}
+const isOrdered = (el1, el2) => el1 <= el2;
+
+const swapElements = (arr, n = 0) => {
+    if (n < arr.length - 1 && !isOrdered(arr[n], arr[n + 1])) {
+        const temp = arr[n];
+        arr[n] = arr[n + 1];
+        arr[n + 1] = temp;
+    }
+}
+const getLastChildren = () => arrayContainer.lastElementChild;
+const getLastArr = () => {
+    const els = Array.from(getLastChildren().children);
+    const arr = els.map(el => Number(el.id.replace("number-", "")));
+    return arr;
+}
+const generateContainer = () => {
+    const container = document.createElement("div");
+    arrayContainer.appendChild(container);
+    return container;
+}
+const highlightCurrentEls = (container, n = 0) => {
+    const children = container.children;
+    children[n].style.border = "2px dashed red";
+    children[n + 1].style.border = "2px dashed red";
+}
+
+const highlightSorted = () => {
+    getLastChildren().style.border = "4px solid green";
+}
+
+const bubbleSort = () => {
+    let swapped = true;
+    while (swapped) {
+        const startingArr = getLastArr();
+        startingArr.forEach((_, i) => {
+            if (i + 1 < arrayLength) {
+                highlightCurrentEls(getLastChildren(), i);
+                const arr = getLastArr();
+                swapElements(arr, i);
+                fillArrContainer(generateContainer(), arr);
+            }
+        })
+        const lastArr = getLastArr()
+        if (startingArr.every((el, i) => el === lastArr[i])) swapped = false;
+    }
+}
+
+
+generateArrayBtn.addEventListener("click", () => {
+    if (!isStart()) {
+        clearArrayContainer();
+    }
+    fillArrContainer(document.getElementById("starting-array"), generateArray());
+    showSortBtn();
+});
+
+sortArrayBtn.addEventListener("click", () => {
+    bubbleSort();
+    highlightSorted();
+    hideSortBtn();
+})
+```
+
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md b/curriculum/challenges/japanese/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
index 91d325d1fe..af9f406a82 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
@@ -1,7 +1,7 @@
 ---
 id: 66c051d13a6a20255a963695
 title: Build a Stylized To-Do list
-challengeType: 14
+challengeType: 25
 dashedName: build-a-stylized-to-do-list
 demoType: onClick
 ---
@@ -28,7 +28,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 6. You should set the text color of the links to a color of your choice.
 7. When your links are visited, the color should change to another color of your choice.
 8. When your links are hovered over, the color should change to another color of your choice.
-9.  When your links are focused, there should be a colored outline around the link.
+9. When your links are focused, there should be a colored outline around the link.
 10. When your links are clicked, the color should change to another color of your choice.
 
 **Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
@@ -44,30 +44,37 @@ assert.exists(document.querySelector('.todo-list'));
 You should remove the default list style from your `.todo-list`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType === 'none' || new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none');
+const isListStyleTypeNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType ===
+  'none';
+const isListStyleNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none';
+assert.isTrue(isListStyleTypeNone || isListStyleNone);
 ```
 
 You should have four list items inside the unordered list.
 
 ```js
 const li = document.querySelectorAll('.todo-list li');
-assert.strictEqual(li.length, 8);
+assert.lengthOf(li, 8);
 ```
 
 Each list item should contain an `input` element with the type `checkbox`.
 
 ```js
-const checkboxes = document.querySelectorAll('.todo-list li input[type="checkbox"]');
-assert.strictEqual(checkboxes.length, 4);
+const checkboxes = document.querySelectorAll(
+  '.todo-list li input[type="checkbox"]'
+);
+assert.lengthOf(checkboxes, 4);
 ```
 
 All of the `input` elements should have an `id`.
 
 ```js
 const inputs = document.querySelectorAll('input');
-assert(!!inputs.length);
+assert.isAbove(inputs.length, 0);
 for (let input of inputs) {
-    assert.isAbove(input?.id.length, 0);
+  assert.isAbove(input?.id.length, 0);
 }
 ```
 
@@ -75,23 +82,25 @@ After the `label` elements, there should be an unordered list with the class `su
 
 ```js
 const labelSbItems = document.querySelectorAll('label+ul.sub-item');
-assert.equal(labelSbItems.length, 4);
+assert.lengthOf(labelSbItems, 4);
 ```
 
 The `li` inside the `ul` with the class `sub-item` should have an anchor element with the class `sub-item-link`.
 
 ```js
-const allItems = document.querySelectorAll('label + ul.sub-item li a.sub-item-link');
-assert.equal(allItems.length, 4);
+const allItems = document.querySelectorAll(
+  'label + ul.sub-item li a.sub-item-link'
+);
+assert.lengthOf(allItems, 4);
 ```
 
 All of the anchor elements should have a valid `href`.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.href.length, 0);
+  assert.isAbove(link.href.length, 0);
 }
 ```
 
@@ -99,9 +108,9 @@ All of the `anchor` elements should have a text.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.innerText.length, 0);
+  assert.isAbove(link.innerText.length, 0);
 }
 ```
 
@@ -109,9 +118,9 @@ All of the `label` elements should have a `for` attribute.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.htmlFor.length, 0);
+  assert.isAbove(label.htmlFor.length, 0);
 }
 ```
 
@@ -119,9 +128,9 @@ All of the `label` elements should have some text.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.innerText.length, 0);
+  assert.isAbove(label.innerText.length, 0);
 }
 ```
 
@@ -129,43 +138,62 @@ Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
 const anchors = document.querySelectorAll('a');
-assert(!!anchors.length);
+assert.isAbove(anchors.length, 0);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
 The links on the page should have no underline by default.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('a.sub-item-link')?.textDecoration === 'none' || new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||  new __helpers.CSSHelp(document).getStyle('.sub-item-link')?.textDecoration === 'none' );
-
+assert.isTrue(
+  new __helpers.CSSHelp(document).getStyle('a.sub-item-link')
+    ?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('.sub-item-link')
+      ?.textDecoration === 'none'
+);
 ```
 
 The links should change color when hovered over.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color || new __helpers.CSSHelp(document).getStyle('a:hover')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color
+);
 ```
 
 The links should change color when they are being clicked.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color || new __helpers.CSSHelp(document).getStyle('a:active')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color
+);
 ```
 
 The links should have an outline when focused.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline
+);
 ```
 
 The links should change color once visited.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color || new __helpers.CSSHelp(document).getStyle('a:visited')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color
+);
 ```
 
 # --seed--
@@ -197,130 +225,131 @@ assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Styled To-Do List</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<body>
+  <body>
     <div class="container">
-        <h1>My To-Do List</h1>
-        <ul class="todo-list">
+      <h1>My To-Do List</h1>
+      <ul class="todo-list">
+        <li>
+          <input type="checkbox" id="task1" />
+          <label for="task1">Explore gaming keyboards</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task1">
-                <label for="task1">Explore gaming keyboards</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Store link</a>
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link">Store link</a>
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task2" />
+          <label for="task2">Finish the report</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task2">
-                <label for="task2">Finish the report</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Request Access</a>
-                    </li>
-                </ul>
-
+              <a href="#" target="_blank" class="sub-item-link"
+                >Request Access</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task3" />
+          <label for="task3">View Phone's Warranty</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task3">
-                <label for="task3">View Phone's Warranty</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Receipts</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Receipts</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task4" />
+          <label for="task4">Check Processor Specs</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task4">
-                <label for="task4">Check Processor Specs</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Model Number</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Model Number</a
+              >
             </li>
-        </ul>
+          </ul>
+        </li>
+      </ul>
     </div>
 </body>
-
 </html>
 ```
 
 ```css
 body {
-    font-family: Arial, sans-serif;
-    background-color: #f0f0f0;
-    margin: 0;
-    padding: 20px;
+  font-family: Arial, sans-serif;
+  background-color: #f0f0f0;
+  margin: 0;
+  padding: 20px;
 }
 
 .container {
-    max-width: 400px;
-    margin: 0 auto;
-    background-color: #fff;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  max-width: 400px;
+  margin: 0 auto;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
 h1 {
-    text-align: center;
-    color: #333;
+  text-align: center;
+  color: #333;
 }
 
 .todo-list {
-    list-style-type: none;
-    padding: 0;
+  list-style-type: none;
+  padding: 0;
 }
 
 .todo-list li {
-    margin-bottom: 15px;
-    line-height: 1.6;
-    padding: 10px;
-    background-color: #e5f1e5;
-    border-radius: 10px;
-    position: relative;
+  margin-bottom: 15px;
+  line-height: 1.6;
+  padding: 10px;
+  background-color: #e5f1e5;
+  border-radius: 10px;
+  position: relative;
 }
 
 a.sub-item-link {
-    margin-left: 10px;
-    text-decoration: none;
+  margin-left: 10px;
+  text-decoration: none;
 }
 
 .sub-item-link:link {
-    color: blue;
+  color: blue;
 }
 
 .sub-item-link:visited {
-    color: purple;
+  color: purple;
 }
 
 .sub-item-link:hover {
-    color: red;
+  color: red;
 }
 
 .sub-item-link:focus {
-    outline: 2px solid blue;
-    outline-offset: 2px;
+  outline: 2px solid blue;
+  outline-offset: 2px;
 }
 
 .sub-item-link:active {
-    color: green;
+  color: green;
 }
 
 .sub-item {
-    list-style-type: square;
+  list-style-type: square;
 }
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md b/curriculum/challenges/japanese/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
index 106c23f8a0..217013cf88 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
@@ -1,7 +1,7 @@
 ---
 id: 587d78af367417b2b2512b03
 title: アンケートフォームを作成する
-challengeType: 14
+challengeType: 25
 dashedName: build-a-survey-form
 demoType: onClick
 ---
@@ -35,261 +35,297 @@ You should have an `h1` element with an `id` of `title`.
 
 ```js
 const el = document.getElementById('title');
-assert(!!el && el.tagName === 'H1');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'H1');
 ```
 
 Your `#title` should not be empty.
 
 ```js
 const el = document.getElementById('title');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `p` element with an `id` of `description`.
 
 ```js
 const el = document.getElementById('description');
-assert(!!el && el.tagName === 'P');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'P');
 ```
 
 Your `#description` should not be empty.
 
 ```js
 const el = document.getElementById('description');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `form` element with an `id` of `survey-form`.
 
 ```js
 const el = document.getElementById('survey-form');
-assert(!!el && el.tagName === 'FORM');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'FORM');
 ```
 
 You should have an `input` element with an `id` of `name`.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#name` should have a `type` of `text`.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.type === 'text');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'text');
 ```
 
 Your `#name` should require input.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.required);
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#name` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #name');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `email`.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#email` should have a `type` of `email`.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.type === 'email');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'email');
 ```
 
 Your `#email` should require input.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.required);
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#email` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #email');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `number`.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#number` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #number');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#number` should have a `type` of `number`.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.type === 'number');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'number');
 ```
 
 Your `#number` should have a `min` attribute with a numeric value.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.min && isFinite(el.min));
+assert.isNotNull(el);
+assert.isNotEmpty(el.min);
+assert.isTrue(isFinite(el.min));
 ```
 
 Your `#number` should have a `max` attribute with a numeric value.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.max && isFinite(el.max));
+assert.isNotNull(el);
+assert.isNotEmpty(el.max);
+assert.isTrue(isFinite(el.max));
 ```
 
 You should have a `label` element with an `id` of `name-label`.
 
 ```js
 const el = document.getElementById('name-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `email-label`.
 
 ```js
 const el = document.getElementById('email-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `number-label`.
 
 ```js
 const el = document.getElementById('number-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 Your `#name-label` should contain text that describes the input.
 
 ```js
 const el = document.getElementById('name-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#email-label` should contain text that describes the input.
 
 ```js
 const el = document.getElementById('email-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#number-label` should contain text that describes the input.
 
 ```js
 const el = document.getElementById('number-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#name-label` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #name-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#email-label` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #email-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#number-label` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #number-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#name` should have a `placeholder` attribute and value.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Your `#email` should have a `placeholder` attribute and value.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Your `#number` should have a `placeholder` attribute and value.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 You should have a `select` field with an `id` of `dropdown`.
 
 ```js
 const el = document.getElementById('dropdown');
-assert(!!el && el.tagName === 'SELECT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'SELECT');
 ```
 
 Your `#dropdown` should have at least two selectable (not disabled) `option` elements.
 
 ```js
 const els = document.querySelectorAll('#dropdown option:not([disabled])');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 Your `#dropdown` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #dropdown');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have at least two `input` elements with a `type` of `radio` (radio buttons).
 
 ```js
 const els = document.querySelectorAll('input[type="radio"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 You should have at least two radio buttons that are descendants of `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="radio"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 All your radio buttons should have a `value` attribute and value.
 
 ```js
 const els1 = document.querySelectorAll('input[type="radio"]');
-const els2 = document.querySelectorAll('input[type="radio"][value=""], input[type="radio"]:not([value])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  'input[type="radio"][value=""], input[type="radio"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 All your radio buttons should have a `name` attribute and value.
 
 ```js
 const els1 = document.querySelectorAll('input[type="radio"]');
-const els2 = document.querySelectorAll('input[type="radio"][name=""], input[type="radio"]:not([name])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  'input[type="radio"][name=""], input[type="radio"]:not([name])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Every radio button group should have at least 2 radio buttons.
@@ -302,59 +338,64 @@ if (radioButtons) {
   radioButtons.forEach(el => {
     if (!groups[el.name]) groups[el.name] = [];
     groups[el.name].push(el);
-  })
+  });
 }
 
 const groupKeys = Object.keys(groups);
 
 groupKeys.forEach(key => {
   if (groups[key].length < 2) assert(false);
-})
+});
 
-assert(groupKeys.length > 0);
+assert.isAbove(groupKeys.length, 0);
 ```
 
 You should have at least two `input` elements with a `type` of `checkbox` (checkboxes) that are descendants of `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="checkbox"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 All your checkboxes inside `#survey-form` should have a `value` attribute and value.
 
 ```js
 const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]');
-const els2 = document.querySelectorAll('#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  '#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 You should have at least one `textarea` element that is a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form textarea');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` or `button` element with an `id` of `submit`.
 
 ```js
 const el = document.getElementById('submit');
-assert(!!el && (el.tagName === 'INPUT' || el.tagName === 'BUTTON'));
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'INPUT' || el.tagName === 'BUTTON');
 ```
 
 Your `#submit` should have a `type` of `submit`.
 
 ```js
 const el = document.getElementById('submit');
-assert(!!el && el.type === 'submit');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'submit');
 ```
 
 Your `#submit` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #submit');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 # --seed--
@@ -364,17 +405,13 @@ assert(!!el);
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Survey Form</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
-</html> 
+  <body></body>
+</html>
 ```
 
 # --solutions--
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md b/curriculum/challenges/japanese/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
index b74b37616c..0d8a2d8f9b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
@@ -1,7 +1,7 @@
 ---
 id: 587d78b0367417b2b2512b05
 title: 技術ドキュメントページを作成する
-challengeType: 14
+challengeType: 25
 demoType: onClick
 dashedName: build-a-technical-documentation-page
 ---
@@ -35,141 +35,147 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main-doc`.
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 You should have at least five `section` elements with a class of `main-section`.
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 All of your `.main-section` elements should be `section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 You should have at least five `.main-section` elements that are descendants of `#main-doc`.
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 The first child of each `.main-section` should be a `header` element.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 None of your `header` elements should be empty.
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.main-section` elements should have an `id`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Each `.main-section` should have an `id` that matches the text of its first child, having any spaces in the child's text replaced with underscores (`_`) for the id's.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 You should have at least 10 `p` elements (total) within your `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 You should have at least five `code` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have at least five `li` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have a `nav` element with an `id` of `navbar`.
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 Your `#navbar` should have exactly one `header` element within it.
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 You should have at least one `a` element with a class of `nav-link`.
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 All of your `.nav-link` elements should be anchor (`a`) elements.
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.nav-link` elements should be in the `#navbar`.
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 You should have the same number of `.nav-link` and `.main-section` elements.
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 The `header` element in the `#navbar` should come before any link (`a`) elements also in the `#navbar`.
@@ -177,54 +183,66 @@ The `header` element in the `#navbar` should come before any link (`a`) elements
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 Each `.nav-link` should have text that corresponds to the `header` text of its related `section` (e.g. if you have a "Hello world" section/header, your `#navbar` should have a `.nav-link` which has the text "Hello world").
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 Each `.nav-link` should have an `href` attribute that links to its corresponding `.main-section` (e.g. If you click on a `.nav-link` element that contains the text "Hello world", the page navigates to a `section` element with that id).
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 Your `#navbar` should always be on the left edge of the window.
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 Your Technical Documentation project should use at least one media query.
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -234,17 +252,15 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Technical Documentation Page</title>
-</head>
-
-<body>
+  </head>
 
-</body>
+  <body>
 
-</html> 
+  </body>
+</html>
 ```
 
 ```css
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md b/curriculum/challenges/japanese/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
index 4d7db81985..de9050c4b4 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
@@ -1,7 +1,7 @@
 ---
 id: 669e2f60e83c011754f711f9
 title: Build a Travel Agency Page
-challengeType: 14
+challengeType: 25
 dashedName: build-a-travel-agency-page
 demoType: onClick
 ---
@@ -42,7 +42,10 @@ assert.match(code, /<html\s+lang\s*=\s*('|")en\1\s*>[\s\S]*<\/\s*html\s*>/i);
 You should have a `head` element within the `html` element.
 
 ```js
-assert.match(code, /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i);
+assert.match(
+  code,
+  /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have a `meta` element within your `head` element.
@@ -60,7 +63,10 @@ assert.match(code, /<\s*meta[\s\S]+?charset\s*=\s*('|")UTF-8\1/i);
 You should have `title` element within your `head` element.
 
 ```js
-assert.match(code, /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i);
+assert.match(
+  code,
+  /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i
+);
 ```
 
 Your `title` element should have your travel agency name.
@@ -72,25 +78,30 @@ assert.isAbove(document.querySelector('title')?.innerText.trim().length, 0);
 You should have a `body` element within your `html` element.
 
 ```js
-assert(code.match(/<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i));
+assert.match(
+  code,
+  /<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have an `h1` element to present your travel destinations.
 
 ```js
-assert.isAbove(document.querySelector('h1')?.innerText.length, 0)
+assert.isAbove(document.querySelector('h1')?.innerText.length, 0);
 ```
 
 You should only have one `h1` element.
 
 ```js
-assert.lengthOf(document.querySelectorAll('h1'), 1)
+assert.lengthOf(document.querySelectorAll('h1'), 1);
 ```
 
 You should have a `p` element below the `h1` element.
 
 ```js
-assert.strictEqual(document.querySelector('h1')?.nextElementSibling, document.querySelector('p'))
+assert.strictEqual(
+  document.querySelector('h1')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your first `p` element should introduce the travel opportunities.
@@ -108,34 +119,40 @@ assert.equal(document.querySelectorAll('h2')[0]?.innerText, 'Packages');
 You should have a `p` element below your first `h2` element.
 
 ```js
-assert.strictEqual(document.querySelector('h2')?.nextElementSibling, document.querySelectorAll('p')?.[1])
+assert.strictEqual(
+    document.querySelector('h2')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your second `p` element should introduce briefly the various packages.
 
 ```js
-assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim())
+assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim());
 ```
 
 You should have an unordered list element below your second `p` element.
 
 ```js
-assert.strictEqual(document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName, 'UL');
+assert.strictEqual(
+  document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName,
+  'UL'
+);
 ```
 
 You should have two items in your unordered list.
 
 ```js
-assert.equal(document.querySelectorAll('li').length,  2);
+assert.lengthOf(document.querySelectorAll('li'), 2);
 ```
 
 Both your list items should contain an anchor element.
 
 ```js
-const listItems = $('li');
-assert(!!listItems.length);
+const listItems = document.querySelectorAll('li');
+assert.isNotEmpty(listItems);
 for (let e of listItems) {
-  assert(e.children[0].tagName === 'A' && e.children.length === 1);
+  assert.strictEqual(e.children[0].tagName, 'A');
+  assert.lengthOf(e.children, 1);
 }
 ```
 
@@ -154,36 +171,39 @@ assert.equal(document.querySelectorAll('a')[1]?.innerText, 'Private Tours');
 You should have an `h2` element after your unordered list.
 
 ```js
-assert($('h2')[1]?.previousElementSibling.tagName === 'UL');
+assert.strictEqual(
+  document.querySelectorAll('h2')[1]?.previousElementSibling.tagName,
+  'UL'
+);
 ```
 
 Your second `h2` element should have the text `Top Itineraries`.
 
 ```js
-assert.equal($('h2')[1]?.innerText, 'Top Itineraries');
+assert.equal(document.querySelectorAll('h2')[1]?.innerText, 'Top Itineraries');
 ```
 
 You should have at least three `figure` elements.
 
 ```js
-assert.isAtLeast(document.querySelectorAll('figure').length, 3)
+assert.isAtLeast(document.querySelectorAll('figure').length, 3);
 ```
 
 Each `figure` element should contain an anchor element as its first child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
-  assert.equal(figure.children[0].tagName,'A');
+  assert.equal(figure.children[0].tagName, 'A');
 }
 ```
 
 Each `figure` element should contain a `figcaption` element as its second child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
   assert.equal(figure.children[1].tagName, 'FIGCAPTION');
 }
@@ -192,8 +212,8 @@ for (let figure of figures) {
 Each of the `a` elements that are children of your `figure` elements should contain an image.
 
 ```js
-const anchors = $('figure > a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('figure > a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
   assert.equal(anchor.children[0].tagName, 'IMG');
 }
@@ -202,40 +222,40 @@ for (let anchor of anchors) {
 Each `img` element should have a valid `src` attribute.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.src.length, 0);
+  assert.isAbove(image.src.length, 0);
 }
 ```
 
 Each `img` element should have an `alt` attribute with an appropriate value.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.alt.length, 0);
+  assert.isAbove(image.alt.length, 0);
 }
 ```
 
 Each `a` element should have an `href` attribute with the value of `https://www.freecodecamp.org/learn`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
+  assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
 }
 ```
 
 Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
@@ -252,38 +272,64 @@ for (let anchor of anchors) {
 ```html
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <title>Travel Agency Page</title>
-    </head>
-    <body>
-        <h1>Discover Italy</h1>
-        <p>Art, folklore, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Italy.</p>
-        <h2>Packages</h2>
-        <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Italy's lesser-known sides.</p>
-        <ul>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
-        </ul>
-        <h2>Top Itineraries</h2>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="colosseum view" >                
-            </a>
-            <figcaption>Rome and Center Italy</figcaption>
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="dolomites mountain view" >                
-            </a>
-            <figcaption>Nature and National Parks</figcaption>            
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="sea view" >                
-            </a>
-            <figcaption>South Italy and Islands</figcaption>
-        </figure>                
-    </body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Travel Agency Page</title>
+  </head>
+  <body>
+    <h1>Discover Italy</h1>
+    <p>
+      Art, folklore, food, nature, and more. Choose among our wide selection of
+      guided tours and excursions, and live an unforgettable experience
+      exploring Italy.
+    </p>
+    <h2>Packages</h2>
+    <p>
+      We offer an extensive range of holiday solutions to accommodate the needs
+      of all our clients. From daily excursions in the most beautiful cities, to
+      thorough tours of hidden villages and medieval towns to discover Italy's
+      lesser-known sides.
+    </p>
+    <ul>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Group Travels</a
+        >
+      </li>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Private Tours</a
+        >
+      </li>
+    </ul>
+    <h2>Top Itineraries</h2>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg"
+          alt="colosseum view"
+        />
+      </a>
+      <figcaption>Rome and Center Italy</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg"
+          alt="dolomites mountain view"
+        />
+      </a>
+      <figcaption>Nature and National Parks</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg"
+          alt="sea view"
+        />
+      </a>
+      <figcaption>South Italy and Islands</figcaption>
+    </figure>
+  </body>
 </html>
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md b/curriculum/challenges/japanese/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
index 4f1257b2d1..735f15468f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
@@ -1,7 +1,7 @@
 ---
 id: bd7158d8c442eddfaeb5bd18
 title: トリビュートページを作成する
-challengeType: 14
+challengeType: 25
 demoType: onClick
 dashedName: build-a-tribute-page
 ---
@@ -29,111 +29,125 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main`.
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 Your `#img-div`, `#image`, `#img-caption`, `#tribute-info`, and `#tribute-link` should all be descendants of `#main`.
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 You should have an element with an `id` of `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 Your `#title` should not be empty.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 You should have a `figure` or `div` element with an `id` of `img-div`.
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 You should have an `img` element with an `id` of `image`.
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 Your `#image` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 You should have a `figcaption` or `div` element with an `id` of `img-caption`.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 Your `#img-caption` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 Your `#img-caption` should not be empty.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an element with an `id` of `tribute-info`.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 Your `#tribute-info` should not be empty.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an `a` element with an `id` of `tribute-link`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Your `#tribute-link` should have an `href` attribute and value.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 Your `#tribute-link` should have a `target` attribute set to `_blank`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Your `img` element should have a `display` of `block`.
@@ -141,8 +155,8 @@ Your `img` element should have a `display` of `block`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 Your `#image` should have a `max-width` of `100%`.
@@ -150,8 +164,8 @@ Your `#image` should have a `max-width` of `100%`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 Your `#image` should have a `height` of `auto`.
@@ -163,9 +177,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 Your `#image` should be centered within its parent.
@@ -180,7 +194,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -190,16 +205,12 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Tribute Page</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
+  <body></body>
 </html>
 ```
 
@@ -253,7 +264,7 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
             <strong>1938</strong> - Marries wife of 69 years Margret Gibson.
             Gets laid off due to budget cuts. Inspired by Elvin Charles Stakman,
             he returns to school study under Stakman, who teaches him about
-            breeding pest-resistent plants.
+            breeding pest-resistant plants.
           </li>
           <li>
             <strong>1941</strong> - Tries to enroll in the military after the
@@ -269,7 +280,7 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
             <strong>1944</strong> - Rejects a 100% salary increase from Dupont,
             leaves behind his pregnant wife, and flies to Mexico to head a new
             plant pathology program. Over the next 16 years, his team breeds
-            6,000 different strains of disease resistent wheat - including
+            6,000 different strains of disease resistant wheat - including
             different varieties for each major climate on Earth.
           </li>
           <li>
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-video-compilation-page/669e81368e52b3a5c35a2dc5.md b/curriculum/challenges/japanese/25-front-end-development/lab-video-compilation-page/669e81368e52b3a5c35a2dc5.md
index c47dc26e10..6248694fd2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-video-compilation-page/669e81368e52b3a5c35a2dc5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-video-compilation-page/669e81368e52b3a5c35a2dc5.md
@@ -1,7 +1,7 @@
 ---
 id: 669e81368e52b3a5c35a2dc5
 title: Build a Video Compilation Page
-challengeType: 14
+challengeType: 25
 dashedName: build-a-video-compilation-page
 demoType: onClick
 ---
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md b/curriculum/challenges/japanese/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
index afe533d6f5..e86fb0152f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
@@ -1,7 +1,7 @@
 ---
 id: 673b567e3ba535dda140d278
 title: Build a Voting System
-challengeType: 14
+challengeType: 25
 dashedName: build-a-voting-system
 ---
 
@@ -35,8 +35,7 @@ In this lab, you will build a voting system that uses `Map` to create a poll and
 
    - If the voter has already voted, the function should display the message `Voter <voterId> has already voted for "<option>".`
 
-   - If the voter has not voted, `voterId` should be added to the `Set` of `voters` for this option. The function should return the message  `Voter <voterId> voted for "<option>".`
-
+   - If the voter has not voted, `voterId` should be added to the `Set` of `voters` for this option. The function should return the message `Voter <voterId> voted for "<option>".`
 
 6. You should have at least three options in your `poll`.
 
@@ -51,7 +50,7 @@ OptionB: N votes
 .
 .
 
-/* 
+/*
 sample output
 
 Poll Results:
@@ -115,9 +114,8 @@ const pollCopy = new Map(poll);
 try {
   poll.clear();
 
-  addOption("Turkey");
-  assert.instanceOf(poll.get("Turkey"), Set);
-
+  addOption('Turkey');
+  assert.instanceOf(poll.get('Turkey'), Set);
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -132,7 +130,7 @@ try {
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  assert.equal(addOption("Egypt"), 'Option "Egypt" added to the poll.');
+  assert.equal(addOption('Egypt'), 'Option "Egypt" added to the poll.');
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -144,7 +142,7 @@ try {
 Adding an empty option should return `"Option cannot be empty."`
 
 ```js
-assert.equal(addOption(""), 'Option cannot be empty.');
+assert.equal(addOption(''), 'Option cannot be empty.');
 ```
 
 When `Turkey` is already added, `addOption("Turkey")` should return `Option "Turkey" already exists.`
@@ -153,10 +151,9 @@ When `Turkey` is already added, `addOption("Turkey")` should return `Option "Tur
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  addOption("Turkey");
-  assert.equal(addOption("Turkey"), 'Option "Turkey" already exists.');
-
+  addOption('Turkey');
+  addOption('Turkey');
+  assert.equal(addOption('Turkey'), 'Option "Turkey" already exists.');
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -171,8 +168,11 @@ When `Malysia` exists in the voting options, `vote("Malysia", "traveler1")` shou
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Malysia");
-  assert.equal(vote("Malysia", "traveler1"), 'Voter traveler1 voted for "Malysia".');
+  addOption('Malysia');
+  assert.equal(
+    vote('Malysia', 'traveler1'),
+    'Voter traveler1 voted for "Malysia".'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -187,11 +187,10 @@ try {
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Alaska");
-  vote("Alaska", "seal");
-  assert.isTrue(poll.get("Alaska").has("seal"));
-
-  } finally {
+  addOption('Alaska');
+  vote('Alaska', 'seal');
+  assert.isTrue(poll.get('Alaska').has('seal'));
+} finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
     poll.set(key, val);
@@ -205,9 +204,12 @@ When `traveler1` tries to vote for `Algeria` again, `vote("Algeria", "traveler1"
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Algeria");
-  vote("Algeria", "traveler1");
-  assert.equal(vote("Algeria", "traveler1"), 'Voter traveler1 has already voted for "Algeria".');
+  addOption('Algeria');
+  vote('Algeria', 'traveler1');
+  assert.equal(
+    vote('Algeria', 'traveler1'),
+    'Voter traveler1 has already voted for "Algeria".'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -222,12 +224,12 @@ Duplicate votes should not increase the size of the `Set`.
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  vote("Turkey", "traveler1");
-  const voterSet = poll.get("Turkey");
+  addOption('Turkey');
+  vote('Turkey', 'traveler1');
+  const voterSet = poll.get('Turkey');
   const initialSize = voterSet.size;
 
-  vote("Turkey", "traveler1");
+  vote('Turkey', 'traveler1');
   assert.equal(voterSet.size, initialSize);
 } finally {
   poll.clear();
@@ -243,7 +245,10 @@ When `Nigeria` is not in the voting options, `vote("Nigeria", "traveler2")` shou
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-assert.equal(vote("Nigeria", "traveler2"), 'Option "Nigeria" does not exist.');
+  assert.equal(
+    vote('Nigeria', 'traveler2'),
+    'Option "Nigeria" does not exist.'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -258,10 +263,10 @@ A unique option should be able to receive multiple votes.
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Bali");
-  assert.equal(vote("Bali", "traveler1"), 'Voter traveler1 voted for "Bali".');
-  assert.equal(vote("Bali", "traveler2"), 'Voter traveler2 voted for "Bali".');
-  assert.equal(poll.get("Bali").size, 2);
+  addOption('Bali');
+  assert.equal(vote('Bali', 'traveler1'), 'Voter traveler1 voted for "Bali".');
+  assert.equal(vote('Bali', 'traveler2'), 'Voter traveler2 voted for "Bali".');
+  assert.equal(poll.get('Bali').size, 2);
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -273,18 +278,20 @@ try {
 `displayResults()` should return the results in the correct format.
 
 ```js
-
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  addOption("Morocco");
+  addOption('Turkey');
+  addOption('Morocco');
 
-  vote("Turkey", "traveler1");
-  vote("Turkey", "traveler2");
-  vote("Morocco", "traveler3");
+  vote('Turkey', 'traveler1');
+  vote('Turkey', 'traveler2');
+  vote('Morocco', 'traveler3');
 
-  assert.equal(displayResults(), "Poll Results:\nTurkey: 2 votes\nMorocco: 1 votes");
+  assert.equal(
+    displayResults(),
+    'Poll Results:\nTurkey: 2 votes\nMorocco: 1 votes'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -307,8 +314,8 @@ try {
 const poll = new Map();
 
 function addOption(option) {
-  if (!option || option.trim() === "") {
-    return "Option cannot be empty.";
+  if (!option || option.trim() === '') {
+    return 'Option cannot be empty.';
   }
   if (!poll.has(option)) {
     poll.set(option, new Set());
@@ -318,7 +325,6 @@ function addOption(option) {
   }
 }
 
-
 function vote(option, voterId) {
   if (!poll.has(option)) {
     return `Option "${option}" does not exist.`;
@@ -327,26 +333,24 @@ function vote(option, voterId) {
   if (voters.has(voterId)) {
     return `Voter ${voterId} has already voted for "${option}".`;
   } else {
-    voters.add(voterId); 
+    voters.add(voterId);
     return `Voter ${voterId} voted for "${option}".`;
   }
 }
 
 function displayResults() {
-    let results = "Poll Results:\n";
-    for (let [option, voters] of poll.entries()) {
-        results += `${option}: ${voters.size} votes\n`;
-    }
-    return results.trim();
+  let results = 'Poll Results:\n';
+  for (let [option, voters] of poll.entries()) {
+    results += `${option}: ${voters.size} votes\n`;
+  }
+  return results.trim();
 }
 
+addOption('Turkey');
+addOption('Morocco');
+addOption('Spain');
 
-addOption("Turkey");
-addOption("Morocco");
-addOption("Spain");
-
-vote("Turkey", "traveler1");
-vote("Turkey", "traveler2");
-vote("Morocco", "traveler3");
-
+vote('Turkey', 'traveler1');
+vote('Turkey', 'traveler2');
+vote('Morocco', 'traveler3');
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md b/curriculum/challenges/japanese/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
index d07e1c609d..ad5b97d0cd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
@@ -1,7 +1,7 @@
 ---
 id: 66f12a88741aeb16b9246c59
 title: Build a Weather App
-challengeType: 14
+challengeType: 25
 dashedName: lab-weather-app
 demoType: onClick
 ---
@@ -27,7 +27,7 @@ You will use a weather API. The output data has the following format:
     "temp_min": 1.72, // min temperature of the day in C
     "temp_max": 3.49, // max temperature of the day in C
     "pressure": 1010, // atmospheric pressure in hPa
-    "humidity": 81, // humidity in %
+    "humidity": 81 // humidity in %
   },
   "visibility": 10000, // distance in meters
   "wind": {
@@ -35,7 +35,7 @@ You will use a weather API. The output data has the following format:
     "deg": 285, // orientation of the wind in degrees
     "gust": 3.13 // gust speed in m/s
   },
-  "name": "London",
+  "name": "London"
 }
 ```
 
@@ -43,7 +43,8 @@ You will use a weather API. The output data has the following format:
 
 1. You should have a `button` element with an `id` of `get-forecast`.
 
-1. You should have a `select` element with seven `option` elements nested within it. The first option should have an empty string as its text and `value` attribute. The rest should have the follow for their text and values (with the value being lowercase):
+1. You should have a `select` element with seven `option` elements nested within it. The first option should have an empty string as its text and `value` attribute. The rest should have the following for their text and values (with the value being lowercase):
+
    - New York
    - Los Angeles
    - Chicago
@@ -105,105 +106,112 @@ Inside the `select` element the first child should be an `option` element with a
 
 ```js
 assert.exists(document.querySelector('select > option[value=""]'));
-assert.strictEqual(document.querySelector('select > option:first-child').value, "");
+assert.strictEqual(
+  document.querySelector('select > option:first-child').value,
+  ''
+);
 ```
 
 Inside the `select` element there should be 6 `option` elements, one for each of the following cities: Paris, London, Tokyo, Los Angeles, Chicago, New York.
 
 ```js
-["Paris", "London", "Tokyo", "Los Angeles", "Chicago", "New York"].forEach(city => {
-    const el = document.querySelector(`select > option[value="${city.toLowerCase()}"]`);
+['Paris', 'London', 'Tokyo', 'Los Angeles', 'Chicago', 'New York'].forEach(
+  city => {
+    const el = document.querySelector(
+      `select > option[value="${city.toLowerCase()}"]`
+    );
     assert.exists(el);
-    assert.strictEqual(el.innerText.trim(), city)
-});
+    assert.strictEqual(el.innerText.trim(), city);
+  }
+);
 ```
 
 You should have an `img` element with the id `weather-icon` for displaying the weather icon.
 
 ```js
 async () => {
-    document.querySelector('select').value = "chicago";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("img#weather-icon"));
-}
+  document.querySelector('select').value = 'chicago';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('img#weather-icon'));
+};
 ```
 
 You should have an element with the id `main-temperature` for displaying the main temperature.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#main-temperature"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#main-temperature'));
+};
 ```
 
 You should have an element with the id `feels-like` for displaying what the temperature feels like.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#feels-like"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#feels-like'));
+};
 ```
 
 You should have an element with the id `humidity` for displaying the amount of humidity in air.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#humidity"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#humidity'));
+};
 ```
 
 You should have an element with the id `wind` element for displaying the wind speed.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#wind"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#wind'));
+};
 ```
 
 You should have an element with the id `wind-gust` element for displaying the wind gust.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#wind-gust"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#wind-gust'));
+};
 ```
 
 You should have an element with the id `weather-main` element for displaying the main weather type.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#weather-main"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#weather-main'));
+};
 ```
 
 You should have an element with the id `location` element for displaying the current location.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#location"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#location'));
+};
 ```
 
 You should have a `showWeather` function.
@@ -222,261 +230,288 @@ The `getWeather` function should accept a city as it's only argument and return
 
 ```js
 async () => {
-    try {
-        const city = "chicago";
-        const url = `https://weather-proxy.freecodecamp.rocks/api/city/${city}`;
-        const outputFunction = await getWeather(city);
-        const json = await fetch(url).then(data => data.json());
-        assert.deepEqual(outputFunction, json)
-    } catch (err) {
-        throw new Error(err);
-    }
-}
+  try {
+    const city = 'chicago';
+    const url = `https://weather-proxy.freecodecamp.rocks/api/city/${city}`;
+    const outputFunction = await getWeather(city);
+    const json = await fetch(url).then(data => data.json());
+    assert.deepEqual(outputFunction, json);
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 The `showWeather` function should call the `getWeather` function to get the weather data.
 
 ```js
 async () => {
-    try {
-        let flag = false;
-        const temp = getWeather;
-        getWeather = async (location) => {
-            flag = true;
-            return await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${location}`).then(data => data.json())
-        }
-        await showWeather("london");
-        getWeather = temp;
-        assert.isTrue(flag)
-    } catch (err) {
-        throw new Error(err);
-    }
-}
+  try {
+    let flag = false;
+    const temp = getWeather;
+    getWeather = async location => {
+      flag = true;
+      return await fetch(
+        `https://weather-proxy.freecodecamp.rocks/api/city/${location}`
+      ).then(data => data.json());
+    };
+    await showWeather('london');
+    getWeather = temp;
+    assert.isTrue(flag);
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When New York is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "new york";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'new york';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Chicago is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "chicago";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'chicago';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When London is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "london";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'london';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Tokyo is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "tokyo";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'tokyo';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Los Angeles is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "los angeles";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'los angeles';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 If there is an error, your `getWeather` function should log the error to the console.
@@ -490,11 +525,17 @@ const temp4 = alert;
 async () => {
   try {
     alert = () => {};
-    console.log = obj => {testArr.push(obj.toString())};
-    console.error = obj => {testArr.push(obj.toString())};
-    fetch = source => {throw new Error("This is a test error");}
-    await getWeather("chicago");
-    assert.include(testArr[0], "This is a test error");
+    console.log = obj => {
+      testArr.push(obj.toString());
+    };
+    console.error = obj => {
+      testArr.push(obj.toString());
+    };
+    fetch = source => {
+      throw new Error('This is a test error');
+    };
+    await getWeather('chicago');
+    assert.include(testArr[0], 'This is a test error');
     assert.lengthOf(testArr, 1);
   } finally {
     fetch = temp1;
@@ -502,7 +543,7 @@ async () => {
     console.error = temp3;
     alert = temp4;
   }
-}
+};
 ```
 
 When Paris is selected the app should show an alert with `Something went wrong, please try again later`.
@@ -512,17 +553,19 @@ const testArr = [];
 const temp4 = alert;
 async () => {
   try {
-    alert = (msg) => {testArr.push(msg)};
-    const city = "paris";
+    alert = msg => {
+      testArr.push(msg);
+    };
+    const city = 'paris';
     document.querySelector('select').value = city;
     document.querySelector('#get-forecast').click();
     await new Promise(resolve => setTimeout(resolve, 800));
-    assert.include(testArr[0], "Something went wrong, please try again later");
+    assert.include(testArr[0], 'Something went wrong, please try again later');
     assert.lengthOf(testArr, 1);
   } finally {
     alert = temp4;
   }
-}
+};
 ```
 
 # --seed--
@@ -530,20 +573,15 @@ async () => {
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
+  <head>
+    <meta charset="utf-8" />
     <title>Weather App</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
+  <body></body>
 </html>
-
 ```
 
 ```css
@@ -557,68 +595,66 @@ async () => {
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
+  <head>
+    <meta charset="utf-8" />
     <title>Weather App</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<body>
+  <body>
     <div class="weather-info-wrap">
-        <div id="weather-info">
-            <div id="location"></div>
-            <div class="primary-info">
-                <div class="primary-info-left" id="main-temperature"></div>
-                <div class="primary-info-right">
-                    <img id="weather-icon" >
-                    <div id="weather-main"></div>
-                </div>
+      <div id="weather-info">
+        <div id="location"></div>
+        <div class="primary-info">
+          <div class="primary-info-left" id="main-temperature"></div>
+          <div class="primary-info-right">
+            <img id="weather-icon" />
+            <div id="weather-main"></div>
+          </div>
+        </div>
+        <hr />
+        <div class="secondary-info">
+          <div class="secondary-info-top">
+            <div id="humidity"></div>
+            <div id="feels-like"></div>
+          </div>
+          <div class="secondary-info-bottom">
+            <div class="secondary-info-bottom-left">
+              <div id="wind"></div>
+              <div id="wind-gust"></div>
             </div>
-            <hr >
-            <div class="secondary-info">
-                <div class="secondary-info-top">
-                    <div id="humidity"></div>
-                    <div id="feels-like"></div>
-                </div>
-                <div class="secondary-info-bottom">
-                    <div class="secondary-info-bottom-left">
-                        <div id="wind"></div>
-                        <div id="wind-gust"></div>
-                    </div>
-                    <div class="secondary-info-bottom-right" id="compass">
-                        <span id="compass-arrow">
-                            <span class="arrow-head"></span>
-                        </span>
-                        <span class="compass-direction north"></span>
-                        <span class="compass-direction east"></span>
-                        <span class="compass-direction south"></span>
-                        <span class="compass-direction west"></span>
-                    </div>
-                </div>
+            <div class="secondary-info-bottom-right" id="compass">
+              <span id="compass-arrow">
+                <span class="arrow-head"></span>
+              </span>
+              <span class="compass-direction north"></span>
+              <span class="compass-direction east"></span>
+              <span class="compass-direction south"></span>
+              <span class="compass-direction west"></span>
             </div>
+          </div>
         </div>
+      </div>
     </div>
 
     <div class="btn-wrap">
-        <span>Weather for:</span>
-        <select id="location-selector">
-            <option value=""></option>
-            <option value="new york">New York</option>
-            <option value="los angeles">Los Angeles</option>
-            <option value="chicago">Chicago</option>
-            <option value="paris">Paris</option>
-            <option value="tokyo">Tokyo</option>
-            <option value="london">London</option>
-        </select>
-        <button id="get-forecast">Get Forecast</button>
+      <span>Weather for:</span>
+      <select id="location-selector">
+        <option value=""></option>
+        <option value="new york">New York</option>
+        <option value="los angeles">Los Angeles</option>
+        <option value="chicago">Chicago</option>
+        <option value="paris">Paris</option>
+        <option value="tokyo">Tokyo</option>
+        <option value="london">London</option>
+      </select>
+      <button id="get-forecast">Get Forecast</button>
     </div>
 
     <script type="text/javascript" src="script.js"></script>
-</body>
-
+  </body>
 </html>
 ```
 
@@ -648,7 +684,7 @@ body {
   padding: 20px;
   border-radius: 10px;
   background-color: #6cd488;
-  box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
 }
 
 .btn-wrap > span {
@@ -658,7 +694,7 @@ body {
 }
 
 .btn-wrap > span::first-letter {
-  font-size: 1.3em
+  font-size: 1.3em;
 }
 
 #location-selector {
@@ -682,7 +718,7 @@ body {
   background-color: #eee;
   border-radius: 10px;
   border: 2px solid black;
-  box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
 }
 
 #weather-info {
@@ -781,13 +817,15 @@ body {
   background-color: black;
 }
 
-.north, .south {
+.north,
+.south {
   width: 3px;
   height: 8px;
   left: 50%;
 }
 
-.east, .west {
+.east,
+.west {
   width: 8px;
   height: 3px;
   top: 50%;
@@ -825,20 +863,16 @@ const mainEl = document.getElementById('weather-main');
 const locationEl = document.getElementById('location');
 const arrowEl = document.getElementById('compass-arrow');
 
-getForecastBtn.addEventListener('click', () =>
-  selectEl.value && showWeather(selectEl.value)
+getForecastBtn.addEventListener(
+  'click',
+  () => selectEl.value && showWeather(selectEl.value)
 );
 
 async function showWeather(city) {
   const json = await getWeather(city);
   const {
     weather,
-    main:
-    { 
-      temp,
-      feels_like,
-      humidity
-    },
+    main: { temp, feels_like, humidity },
     wind: { speed, gust, deg = 0 },
     name
   } = json;
@@ -861,7 +895,9 @@ async function showWeather(city) {
 
 async function getWeather(city) {
   try {
-    const response = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`)
+    const response = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    );
 
     if (!response.ok) {
       alert('Something went wrong, please try again later');
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md b/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
index 69365f03d5..dade1e5cbe 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
@@ -2,7 +2,7 @@
 id: 672aa8d65995be62ef1c7515
 title: What Are CSS Animations, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dryjwjTQllk
 dashedName: what-are-css-animations
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md b/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
index ed4b6d0586..7aed75cda6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
@@ -2,7 +2,7 @@
 id: 672cf764cf55a70433590def
 title: What Are Accessibility Concerns Around Using Animations, and How Can prefers-reduced-motion Help?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bKM3ZhO5Sns
 dashedName: what-are-accessibility-concerns-around-using-animations
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
index 267796bc59..562e010a29 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
@@ -2,7 +2,7 @@
 id: 672aa82768e00d600305afc0
 title: What Are Some Tools to Check for Good Color Contrast on Sites?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2qj6LcJ4wSk
 dashedName: what-are-some-tools-to-check-for-good-color-contrast-on-sites
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
index 830ac0e056..b72ed7b123 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
@@ -2,7 +2,7 @@
 id: 672c35a79fa53e00de9f2a49
 title: "What Are Best Practices for Hiding Content So It Doesn't Become Inaccessible?"
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ycYVairxSdQ
 dashedName: what-are-best-practices-for-hiding-content-so-it-doesnt-become-inaccessible
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which CSS property hides content visually but keeps it in the document flow and accessible to screen readers?
+What is the main accessibility issue when using the `display: none` and `visibility: hidden` style declarations, or the `hidden` attribute to hide content?
 
 ## --answers--
 
-`display: none;`
+These methods make it so that only assistive technologies like screen readers can access the hidden content.
 
 ### --feedback--
 
-Think about which property affects layout but not screen reader access.
+Think about the accessibility concern each of these methods has in common.
 
 ---
 
-`visibility: hidden;`
+Content is only hidden until users move their mouse over the content.
 
 ### --feedback--
 
-Think about which property affects layout but not screen reader access.
+Think about the accessibility concern each of these methods has in common.
 
 ---
 
-`opacity: 0;`
+These methods remove the content from the accessibility tree, making it impossible for assistive technologies like screen readers to access the hidden content.
 
 ---
 
-`position: absolute; left: -9999px;`
+These methods do not work with some browsers.
 
 ### --feedback--
 
-Think about which property affects layout but not screen reader access.
+Think about the accessibility concern each of these methods has in common.
 
 ## --video-solution--
 
@@ -50,7 +50,7 @@ Think about which property affects layout but not screen reader access.
 
 ## --text--
 
-What is the primary purpose of the "visually hidden" or "sr-only" CSS technique?
+What is the primary purpose of the "visually hidden" or "screen reader only" CSS technique?
 
 ## --answers--
 
@@ -86,35 +86,35 @@ Consider the needs of users who rely on screen readers.
 
 ## --text--
 
-When using the aria-hidden attribute, what effect does it have on content?
+When should you hide content on a web page?
 
 ## --answers--
 
-It makes the content invisible.
+When the content you're hiding is less important than other content on the page.
 
 ### --feedback--
 
-Think about how this attribute affects the accessibility tree.
+Think about how hiding content affects accessibility and the user experience as a whole.
 
 ---
 
-It removes the content from the DOM.
+When the content you're hiding is incorrect.
 
 ### --feedback--
 
-Think about how this attribute affects the accessibility tree.
+Think about how hiding content affects accessibility and the user experience as a whole.
 
 ---
 
-It tells assistive technologies to ignore the content.
+Only when it genuinely enhances the user experience.
 
 ---
 
-It makes the content unclickable.
+Whenever you feel like it.
 
 ### --feedback--
 
-Think about how this attribute affects the accessibility tree.
+Think about how hiding content affects accessibility and the user experience as a whole.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
index 173f6f75f9..0753e48d5b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
@@ -2,7 +2,7 @@
 id: 672aa8873d4e25618870764f
 title: What Is Responsive Web Design, and What Is Its Relationship to Tools Like CSS Grid and Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ISOf41vPNJY
 dashedName: what-is-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
index 0ec7c2c62c..f33675391c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
@@ -2,7 +2,7 @@
 id: 672cf05c3ad533eabe1e8197
 title: How Do Media Queries Work, and What Are Some Common Media Types and Features?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1h0QErJG8DE
 dashedName: how-do-media-queries-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
index 8b78e23cc7..8c41d92a3b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
@@ -2,7 +2,7 @@
 id: 672cf06c8f46f9eb04db9832
 title: What Is the Mobile First Approach in Responsive Web Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BuCdyShUzKQ
 dashedName: what-is-the-mobile-first-approach-in-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
index 2537cf3d3a..bd51cfa98d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
@@ -2,7 +2,7 @@
 id: 672cf07a2b9796eb49719e03
 title: What Are Media Breakpoints, and What Are Common Breakpoints in Modern Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: R0hiJEAXGIk
 dashedName: what-are-media-breakpoints
 ---
 
@@ -50,35 +50,35 @@ Think about how websites adapt to various device sizes.
 
 ## --text--
 
-In a mobile-first approach, which type of media query is typically used for breakpoints?
+Which of the following is a commonly used breakpoint for smaller devices like smart phones?
 
 ## --answers--
 
-`max-width`
+1640px
 
 ### --feedback--
 
-Consider how styles are added as screen sizes increase from mobile to desktop.
+Review the beginning of the video to see where this was discussed.
 
 ---
 
-`min-width`
+640px
 
 ---
 
-`max-height`
+1200px
 
 ### --feedback--
 
-Consider how styles are added as screen sizes increase from mobile to desktop.
+Review the beginning of the video to see where this was discussed.
 
 ---
 
-`min-height`
+2000px
 
 ### --feedback--
 
-Consider how styles are added as screen sizes increase from mobile to desktop.
+Review the beginning of the video to see where this was discussed.
 
 ## --video-solution--
 
@@ -114,7 +114,7 @@ Think about which screen resolution is less commonly targeted in responsive desi
 
 ---
 
-`2560px` (4K displays).
+`6000px` (really large device).
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md b/curriculum/challenges/japanese/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
index 8195e78587..135ed5b519 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
@@ -62,7 +62,7 @@ Remember the example given for searching for freeCodeCamp content while excludin
 
 ---
 
-`
+`` ` ``
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
index 1f8865f3c2..b201185a11 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
@@ -94,7 +94,7 @@ Complex video editing features.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ---
 
@@ -106,7 +106,7 @@ Being a raster-based image editor.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ---
 
@@ -114,7 +114,7 @@ Specialized 3D modeling capabilities.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
index 0b6eb0b1b0..b17cee5c3f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
@@ -2,7 +2,7 @@
 id: 6733aa9b006d29f4d11307a5
 title: What Are Some Examples of Common JavaScript Errors?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: e5P8nJkOSMQ
 dashedName: what-are-some-examples-of-common-javascript-errors
 ---
 
@@ -22,15 +22,15 @@ Trying to call a variable like a function.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ---
 
-Trying to use a value that’s out of range.
+Trying to use a value that's out of range.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ---
 
@@ -38,11 +38,11 @@ Writing something incorrectly in your code, like missing a parenthesis or semico
 
 ---
 
-Accessing a variable before it’s declared.
+Accessing a variable before it's declared.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ## --video-solution--
 
@@ -58,7 +58,7 @@ What will happen if you try to call a variable that holds a number as if it were
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ---
 
@@ -66,7 +66,7 @@ The error happens because the variable is being treated like a function when it
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ---
 
@@ -78,7 +78,7 @@ The error happens because the variable is being treated like a function when it
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ## --video-solution--
 
@@ -86,7 +86,7 @@ The error happens because the variable is being treated like a function when it
 
 ## --text--
 
-Which error occurs when you try to access an array index that doesn’t exist?
+Which error occurs when you try to access an array index that doesn't exist?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
index bafabd33d8..2118071aa6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
@@ -2,7 +2,7 @@
 id: 6733bec70d86e13522e98a4f
 title: How Does the Throw Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vNlPchT8nr8
 dashedName: how-does-the-throw-statement-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
index 2623a2c2a9..191090dd59 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
@@ -2,7 +2,7 @@
 id: 6733becf4b0c353553b9bfa4
 title: How Does the Debugger Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gn0q7gXiMRo
 dashedName: how-does-the-debugger-statement-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
index f5c68460bd..cc678b1164 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
@@ -2,7 +2,7 @@
 id: 6733bee844600f35c05b8264
 title: How Does try...catch...finally Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _3whfUfxGYI
 dashedName: how-does-try-catch-finally-work
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which of the following is a common use case for `try…catch…finally` in JavaScript?
+What best describes the `try` block?
 
 ## --answers--
 
-Creating new HTML elements.
+It’s for running code again automatically after an error occurs.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Styling a webpage using CSS.
+It’s for handling errors.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Declaring variables.
+It’s for setup before an error is thrown.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Handling API requests.
+It’s a safe wrapper for code that might throw an error.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
index 49e7be346e..a6d2d7a98d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
@@ -2,7 +2,7 @@
 id: 6733befb703ca6361da3755b
 title: What Are Some Examples of Using Advanced JavaScript Debugging Techniques?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: hHWAQYXRvxs
 dashedName: what-are-some-examples-of-using-advanced-javascript-debugging-techniques
 ---
 
@@ -86,35 +86,35 @@ Think about tracking variables across different parts of the code.
 
 ## --text--
 
-What statement works like a breakpoint in JavaScript, pausing execution for inspection?
+What method can you use to see an interactive list of properties for the JavaScript object you pass in?
 
 ## --answers--
 
-`throw`
+`console.log()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`return`
+`console.table()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`debugger`
+`console.dir()`
 
 ---
 
-`console.log`
+Finding the object in the Network tab and double clicking on it.
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
index a6032fda57..6082d4b9f3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
@@ -2,7 +2,7 @@
 id: 670803abcb3e980233da4768
 title: What are Div Elements and When Should You Use Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: NFAto1m5EhI
 dashedName: what-are-div-elements
 ---
 
@@ -14,35 +14,35 @@ Watch the video and answer the questions below.
 
 ## --text--
 
-What type of element is a `div` element?
+What semantic meaning does a `div` element have?
 
 ## --answers--
 
-An inline-level element.
+The `div` element represents a container for introductory content or a set of navigational links.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-An inline-block element.
+The `div` element defines a footer for a document or section.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-A block-inline element.
+The `div` specifies the main page content and should be unique.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-A block-level element.
+The `div` element has no semantic meaning.
 
 ## --video-solution--
 
@@ -94,35 +94,57 @@ Review the beginning of the video for the correct syntax.
 
 ## --text--
 
-What should you group using a `div` element?
+What is the correct syntax for using a `div` to group elements together?
 
 ## --answers--
 
-Block-level content and larger sections.
+```html
+<div>
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+</div>
+```
 
 ---
 
-Inline texts and smaller sections.
+```html
+<div>
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+<div>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ---
 
-The whole HTML content.
+```html
+<div>
+  <p>I'm a paragraph</p>
+</div>
+<div>
+  <p>I'm another paragraph</p>
+</div>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ---
 
-Images and media files only.
+```html
+<div
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+/>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
index adef974b6d..715cff09bf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
@@ -2,7 +2,7 @@
 id: 6708143cab2b583ecd3324f5
 title: What Are Attributes, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: zUCIsEDCIMU
 dashedName: what-are-attributes
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
index d3e6ff98df..3fb860e6fd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
@@ -2,7 +2,7 @@
 id: 6708382cf088b216580a9ff1
 title: What Are IDs and Classes, and When Should You Use Them?
 challengeType: 11
-videoId: yTuzVH6THdg
+videoId: gM7Tngm3QXo
 dashedName: what-are-ids-and-classes
 ---
 
@@ -116,10 +116,6 @@ Only classes can hold multiple separate values.
 
 `id="main heading"`
 
-### --feedback--
-
-Only classes can hold multiple separate values.
-
 ## --video-solution--
 
 4
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
index a75ddd24b2..95b16c7bd7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
@@ -2,7 +2,7 @@
 id: 67083868d5fdcb17bf8c14bd
 title: What Are HTML Entities, and What Are Some Common Examples?
 challengeType: 11
-videoId: VJmx-XzTqg8
+videoId: mVdIq0H_B4E
 dashedName: what-are-html-entities
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
index c80bdb5d87..7ce09ce185 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
@@ -2,7 +2,7 @@
 id: 670838977810401844af6fe0
 title: What Is the Role of the Link Element in HTML, and How Can It Be Used to Link to External Stylesheets?
 challengeType: 11
-videoId: qeGlYqpFRZA
+videoId: Xdyig5C-oSU
 dashedName: what-is-the-role-of-the-link-element-in-html
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
index 2f13df7865..02192951fb 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
@@ -2,7 +2,7 @@
 id: 670838b10ee87a18e5faff62
 title: What Is the Role of the Script Element in HTML, and How Can It Be Used to Link to External JavaScript Files?
 challengeType: 11
-videoId: ZxpITCgbc5Y
+videoId: nNCwy4QUh8Q
 dashedName: what-is-the-role-of-the-script-element-in-html
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
index c039ba2262..e114141bd0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
@@ -2,7 +2,7 @@
 id: 670838e914096b194b0c51aa
 title: What Is an HTML Boilerplate, and Why Is It Important?
 challengeType: 11
-videoId: UKxDoI54eLE
+videoId: IlJEEVOc9o0
 dashedName: what-is-an-html-boilerplate
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
index e49edd740a..102a2cbe50 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
@@ -2,7 +2,7 @@
 id: 670839051794aa19fcef6dc8
 title: What Is UTF-8 Character Encoding, and Why Is It Needed?
 challengeType: 11
-videoId: SuTPQkOpa10
+videoId: T0VimOMROr8
 dashedName: what-is-utf-8-character-encoding
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
index 88345cd681..a8bb5e2f88 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
@@ -2,7 +2,7 @@
 id: 67083952f800051a8a21fcfd
 title: What Is the Role of the Meta Description, and How Does It Affect SEO?
 challengeType: 11
-videoId: aLy7C2fGDQw
+videoId: G-g2KBE05to
 dashedName: what-is-the-role-of-the-meta-description
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
index c1d55001a7..3e836638ed 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
@@ -2,7 +2,7 @@
 id: 6708396caa00e11b597b3365
 title: What Is the Role of Open Graph Tags, and How Do They Affect SEO?
 challengeType: 11
-videoId: wQhsL9NjiuA
+videoId: 94IAhyEfO8I
 dashedName: what-is-the-role-of-open-graph-tags
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
index 4935c3f182..aa50bc64b9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
@@ -2,7 +2,7 @@
 id: 672a51e9e4fd8b8552eeb758
 title: What Is Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i2d9G5g8WxM
 dashedName: what-is-accessibility
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
index 8bd8e80692..daa434c8ab 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
@@ -2,7 +2,7 @@
 id: 672a5310d7e46b8a34d48dfd
 title: What Are Screen Readers, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aowIBtwkwyE
 dashedName: what-are-screen-readers
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
index db18fbb9a4..81c861daed 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
@@ -2,7 +2,7 @@
 id: 672a5326a7606a8a766cbedb
 title: What Are Large Text or Braille Keyboards, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kg-R09kIDiY
 dashedName: what-are-large-text-or-braille-keyboards
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
index 3b5e58c4a5..b9973911ef 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
@@ -2,7 +2,7 @@
 id: 672a533e6041c28ad680eb8f
 title: What Are Alternative Pointing Devices Such as Trackballs, Joysticks, and Touchpads Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vN7C2gexLu0
 dashedName: what-are-alternative-pointing-devices
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
index 745d4d8839..915bac68a2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
@@ -2,7 +2,7 @@
 id: 672a5361ef88158b25fbfba7
 title: What Are Screen Magnifiers Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Voiysxr-Df4
 dashedName: what-are-screen-magnifiers
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
index ea40b20532..fb7b4cc0fc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
@@ -2,7 +2,7 @@
 id: 672a536f8386288b9ed0a154
 title: What Is Voice Recognition Software Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _qT4ce85TLg
 dashedName: what-is-voice-recognition-software
 ---
 
@@ -94,7 +94,7 @@ Dragon.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ---
 
@@ -106,7 +106,7 @@ Voice Control.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ---
 
@@ -114,7 +114,7 @@ Voice Access.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
index 43b4c9643c..398853f05b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
@@ -2,7 +2,7 @@
 id: 672a537f05f3798bd4f57d2d
 title: What Are Some Common Accessibility Auditing Tools to Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BZ37IV7eNeo
 dashedName: what-are-some-common-accessibility-auditing-tools
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
index 5f8450f7ab..9a3dc51b4b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
@@ -2,7 +2,7 @@
 id: 672a538c029f9e8c1687460e
 title: How Does Proper Heading Level Structure Affect Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FqBrK9IAvhI
 dashedName: how-does-proper-heading-level-structure-affect-accessibility
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
index f360bcc4c8..7645015c63 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
@@ -2,7 +2,7 @@
 id: 672a539b887ec68c593cdc4b
 title: What Are Best Practices for Tables and Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aaip_wiDgEw
 dashedName: what-are-best-practices-for-tables-and-accessibility
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
index 988d190b70..889b66fbc2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
@@ -2,7 +2,7 @@
 id: 672a53ae8f1ad28c8a1ed0f0
 title: Why Is It Important for Inputs to Have an Associated Label?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _FWK8pqUUXo
 dashedName: why-is-it-important-for-inputs-to-have-an-associated-label
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
index af986253d7..259c75b9a7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
@@ -2,7 +2,7 @@
 id: 672a53cf67140d8cd85d4b0f
 title: What Is the Purpose of WAI-ARIA, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LNv_JZogKy0
 dashedName: what-is-the-purpose-of-wai-aria
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
index 45f2f251ba..63ce2beb24 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
@@ -2,7 +2,7 @@
 id: 672a549231b8728f7171ed9d
 title: What Are ARIA Roles?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9rEXBdjn5ZQ
 dashedName: what-are-aria-roles
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
index a465acef27..8d209caedb 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
@@ -2,7 +2,7 @@
 id: 672a54a6675c168faa84252d
 title: What Are the Roles of the aria-label and aria-labelledby Attributes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WLb6vAfd_eE
 dashedName: what-are-the-roles-of-the-aria-label-and-aria-labelledby-attributes
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
index 74efdaa36a..26eeeac4db 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
@@ -2,7 +2,7 @@
 id: 672a54bc58319c8fe6f78ad4
 title: What Is the aria-hidden Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QedOQkZOBYc
 dashedName: what-is-the-aria-hidden-attribute
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
index 8a57914143..5f53ca98e3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
@@ -2,7 +2,7 @@
 id: 672a54ce90c19e9038f481d7
 title: What Is the aria-expanded Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EhZHqC1ZE_Q
 dashedName: what-is-the-aria-expanded-attribute
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
index 63fecb64ec..efbf028f5b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
@@ -2,7 +2,7 @@
 id: 672a54dff9dc439089f1a219
 title: What Is the aria-live Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LGkl102m2-s
 dashedName: what-is-the-aria-live-attribute
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
index 58a4119ada..89dc093f3e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
@@ -2,7 +2,7 @@
 id: 672a54f29d783890d1f94740
 title: What Are Some Common ARIA States Used on Custom Control Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: tzoL0L63V5g
 dashedName: what-are-some-common-aria-states-used-on-custom-control-elements
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
index 227f474939..4fc6b1b677 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
@@ -2,7 +2,7 @@
 id: 672a5507d857a891139abc7f
 title: What Is the aria-controls Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: CIjzHpQHKFo
 dashedName: what-is-the-aria-controls-attribute
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
index cfe559fe6e..8789f5eae6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
@@ -2,7 +2,7 @@
 id: 672a551975938a916c74802c
 title: What Is the aria-describedby Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IuYRdE-f28M
 dashedName: what-is-the-aria-describedby-attribute
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
index bcc9fc059b..502b85460a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
@@ -2,7 +2,7 @@
 id: 672a55b5c0c14493328fe36e
 title: When Is the alt Attribute Needed, and What Are Some Examples of Good Alt Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _yKzvDikHOI
 dashedName: when-is-the-alt-attribute-needed
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
index c63035cee6..0afc2ea879 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
@@ -2,7 +2,7 @@
 id: 672a55dd1d86bc939606e204
 title: What Are the Accessibility Benefits for Good Link Text, and What Are Examples of Good Link Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JI_yg4ZivfM
 dashedName: what-are-the-accessibility-benefits-for-good-link-text
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
index 6485aff4a6..0768efbb52 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
@@ -2,7 +2,7 @@
 id: 672a55eb7791559421ff0cd3
 title: What Are Good Ways to Make Audio and Video Content Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KIuKBpihUPg
 dashedName: what-are-good-ways-to-make-audio-and-video-content-accessible
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
index b4e5b4b0c0..69fcc2743c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
@@ -2,7 +2,7 @@
 id: 672a55fbc2d95a9453151caf
 title: What Are Some Ways to Make Web Applications Keyboard Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UE7rKhSKfHs
 dashedName: what-are-some-ways-to-make-web-applications-keyboard-accessible
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
index 173c1708ee..e9ee54a2a9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
@@ -50,35 +50,35 @@ Think about an element that primarily affects text style to highlight when part
 
 ## --text--
 
-Which HTML element is used to emphasize important text?
+When should you use CSS instead of the `i` or `em` elements?
 
 ## --answers--
 
-`em`
+When the text has a special purpose or meaning in the paragraph.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`strong`
+When you want to display text in italics for presentational purposes only.
 
 ---
 
-`i`
+When the text is an idiomatic expression.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`mark`
+When the text needs to be emphasized for importance.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
index c70034f3ea..f8501e6312 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
@@ -50,39 +50,39 @@ Analyze the two types of quotation elements. Think about which one displays the
 
 ## --text--
 
-Which HTML element is used for displaying inline quotations?
+What is the purpose of the `cite` element in HTML?
 
 ## --answers--
 
-`q`
-
----
-
-`blockquote`
+To display inline quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`cite`
+To specify the source URL of a quotation.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`p`
+To mark up the title of a referenced creative work.
+
+---
+
+To display extended quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ## --video-solution--
 
-1
+3
 
 ## --text--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
index 6ca38d68c8..671eaa7226 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
@@ -50,7 +50,7 @@ Think about an element that is specifically designed for shortened words.
 
 ## --text--
 
-What is the primary purpose of the ``abbr` element?
+What is the primary purpose of the `abbr` element?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
index 051b5c4ea8..87f6104018 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
@@ -1,20 +1,50 @@
 ---
 id: 6734e3a9cc78faaf4248d335
 title: What Is the Role of JS Libraries and Frameworks, and Why Are They Used in the Industry?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-role-of-js-libraries-and-frameworks-and-why-are-they-used-in-the-industry
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+JavaScript libraries and frameworks provide pre-built code that streamlines the development process.  While both libraries and frameworks serve to improve productivity and standardize coding practices, they differ in their approach and level of control they provide to developers.
+
+Libraries are generally more focused on providing solutions to specific tasks, such as manipulating the DOM, handling events, or managing AJAX requests.
+
+An example of a JavaScript library is jQuery.
+
+jQuery became very popular in the early 2010s and was widely used to simplify DOM manipulation, event handling, animations, effects, and more. This library also offered a rich ecosystem of plugins, which made it easy to build common web components like datepickers, sliders, and modal dialogs.
+
+Although jQuery is no longer as widely used as it once was, it significantly helped developers by making tasks that were complex in vanilla JavaScript much easier to implement.
+
+Frameworks, on the other hand, provide a more defined structure for building applications. They often come with a set of rules and conventions that developers need to follow.
+
+For example, Angular encourages a component-based architecture with a set of conventions and tools that provide a structured approach to organizing and building applications. Angular gives developers clear guidelines on how to structure components, manage state, handle routing, and interact with services, making it a more opinionated framework.
+
+Other examples of frameworks include Remix and NextJS.
+
+In contrast, React, a UI library, is more flexible and doesn't enforce any particular architectural pattern. React focuses primarily on the view layer and leaves a lot of the choices on application design up to the developers.
+
+Although libraries and frameworks are used across projects of all sizes, The choice between using them often depends on the project's requirements. Libraries offer flexibility for specific functionalities, while frameworks provide a structured approach towards complex applications.
+
+In the industry, libraries and frameworks are widely used for several reasons. They significantly speed up development by providing quick solutions for common problems.
+
+One common problem in JavaScript is working with dates and timezones. But there are libraries out there with built in solutions to help you with date manipulation, timezones, parsing and formatting of dates.
+
+A lot of popular libraries and frameworks are well-tested and maintained by large communities. This means they're often more practical than building the same thing from scratch.
+
+Libraries and frameworks follow best practices and patterns that have been proven effective in real life scenarios. This can lead to more robust and scalable applications.
+
+In conclusion, libraries and frameworks offer quick solutions to common problems, speed up development, and promote best practices. Understanding the differences between libraries and frameworks, and knowing when to use them is a valuable skill for any JavaScript developer.
 
 # --questions--
 
 ## --text--
 
-Why was jQuery a popular library of choice in the early 2010’s?
+Why was jQuery a popular library of choice in the early 2010's?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
index f643612a40..6384efbdf9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
@@ -1,14 +1,32 @@
 ---
 id: 6734e867bbf41cc5b11648c4
 title: What Are Single Page Applications, and What Are Some Issues Surrounding Them?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-single-page-applications-and-what-are-some-issues-surrounding-them
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Unlike traditional multi-page websites, single page applications (SPAs) load only one HTML page and dynamically update the content as the user interacts with the app, without reloading the entire page. This approach can lead to faster, more responsive applications, but it also comes a set of challenges and considerations.
+
+SPAs heavily use JavaScript to manage the application's state and render content. Instead of requesting new HTML pages from the server, SPAs use JavaScript to manipulate the DOM and fetch data asynchronously. This is often done using libraries and frameworks like React, Vue, or Angular, which provide great tools for building complex user interfaces.
+
+SPAs have some common issues. One significant issue is that screen readers may struggle with dynamically updated content. When content changes without a page reload/refresh, screen readers might not notify these changes, which makes our users unaware of updates on our web app.
+
+Another challenge with SPAs is with navigation and browser history. Users expect the back and forward buttons to work as they do on traditional websites. This might not work properly in SPAs because technically, the URL of the web app doesn’t change. Since, the URL of the web app doesn’t change, they can’t bookmark any specific page. Refreshing the page might reset the application to its initial state, rather than maintaining the current view.
+
+SPAs can pose challenges for SEO optimization.
+
+Search engines like Google can have difficulty indexing dynamically loaded content because they may not execute JavaScript properly or may miss content that isn’t included in the initial HTML page. This can lead to pages not being indexed correctly.
+
+However, modern search engines have improved their ability to crawl SPAs, and there are techniques such as server-side rendering (SSR), pre rendering, and the use of SEO-friendly URLs that can help mitigate these issues and improve SEO for SPAs.
+
+Performance is another consideration. SPAs load the entire application in one go, which means that if the loading time increases, users will be seeing a blank screen for a longer period of time. Now consider the scenario of users with slower internet speeds. Overall, the user experience will not be very pleasant.
+
+In conclusion, while Single Page Applications offer many benefits, they also present unique challenges. Developers need to be careful of accessibility, usability, SEO, and performance considerations when building SPAs. By addressing these issues, it's possible to create SPAs that are fast, responsive, and accessible to all users.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
index 41ae2d9b62..5c3163ec9d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
@@ -1,14 +1,30 @@
 ---
 id: 6734e86f590727c5e7e9ec5e
 title: What Is React, and What Is It Commonly Used For?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-react-and-what-is-it-commonly-used-for
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+React is one of the most popular JavaScript libraries for building user interfaces and web applications. Originally developed and maintained by Facebook, React has gained huge popularity in web development due to its efficiency, flexibility, and features.
+
+A fundamental concept in React is the creation of reusable UI components. These components, such as buttons, cards, and avatar components, can be easily reused throughout your application. You can nest these components inside each other to build more complex, dynamic interfaces.
+
+One of the key advantages of React is that these custom components can update and render independently as data changes.
+
+Unlike traditional JavaScript, which requires direct manipulation of the DOM (Document Object Model), React uses a virtual DOM, which improves performance and efficiency. You’ll learn more about the virtual DOM and how it works in upcoming lecture videos.
+
+In addition to reusable components, React also provides a powerful way to manage the state of your application. State refers to the data that determines how a component renders and behaves.
+
+With React, you can easily track and update the state of components, ensuring that the UI reflects the most current data. You will learn more about working with state in future lecture videos.
+
+While there are many libraries within the JavaScript ecosystem, freeCodeCamp will mainly be focused on teaching React because of its wide spread use and demand in the industry.
+
+Over the next few lectures, we will dive deeper into building custom components, managing state, and more.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
index 419372cd3e..c0d9ac8920 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
@@ -1,14 +1,117 @@
 ---
 id: 6734e879c78ee6c61db25b90
 title: What Are Components in React, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-components-in-react-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Components are the building blocks of React applications that allow developers to break down complex user interfaces into smaller, manageable pieces, making it easier to develop and maintain large-scale applications.
+
+The two types of components in React are functional and class based components. In modern React, developers will use functional components and all of the examples we look at today will be functional components.
+
+At a higher level, you can think of component like JavaScript functions that return elements describing the UI.
+
+This UI is described using JSX, a syntax extension for JavaScript that looks similar to HTML but allows you to write UI elements in a more declarative way.
+
+Let's look at an example of a React component:
+
+```js
+function Greeting() {
+  const name = "John"
+  {/* The result will be Hello John*/}
+  return <h1 className="title">Hello {name}</h1>;
+}
+```
+
+In this example, we've defined a component called Greeting. The curly braces `{}` inside the `h1` tags enable us to embed JavaScript expressions, allowing us to access the name variable within the h1 element.
+
+We are also applying a `className` called title to the `h1` element.
+
+But why are we using `className` instead of class like with regular HTML elements?
+
+Well this is because in JavaScript, `class` is a reserved name. So, we need to use `className` instead.
+
+We are also using a comment in JSX showing what the result will be. It is important to note that you can use regular comment syntax like this but it needs to be wrapped in curly braces in order for it to work.
+
+```js
+{/* Block Comments */}
+```
+
+Another thing you might have noticed is that we are using a capital letter at the beginning of the component name. But why can’t we use all lower case letters?
+
+This is because React treats components with a capital letter as custom components, while elements with lowercase letters are considered built-in HTML elements.
+
+When React encounters a lowercase tag (like `<div>` or `<span>`), it assumes it's a standard HTML element. However, if the component name starts with a capital letter, React will treat it as a user-defined component and render it accordingly. This distinction helps React differentiate between native HTML tags and components that you create.
+
+To use this `Greeting` component in our application, we would write something like this:
+
+```js
+<Greeting />
+```
+
+This would render an `<h1>` element with the text `"Hello, John"` to the page. But take a closer look at the syntax here. When we use the component, it ends with a forward slash and then the greater than symbol.
+
+When working with JSX, all tags and uses of components need to be explicitly closed. So if the component or tag does not have any children, then you need to explicitly close it like shown here
+
+```js
+<img />
+<MyComponent />
+```
+
+So far we have only been looking at how to render a single h1 element. But you can actually render multiple elements.
+
+Let’s take a look at the following example code here:
+
+```js
+function Greeting() {
+  const name = "John";
+  {/* This will throw an error */}
+  return <h1>Hello {name}</h1> 
+  <p>Nice to meet you.</p>
+}
+```
+
+We are trying to add another sentence of `"Nice to meet you"` but it is not rendering on the page correctly.
+
+There seems to be an error message instead. The error message says `"Adjacent JSX elements must be wrapped in an enclosing tag."`
+
+The reason why you are getting that error message is because multiple sibling elements need to be wrapped in a parent element. While you could wrap the h1 and p elements in a single div, there is another way to silence the error.
+
+React `<Fragment>`s are used to group elements together.
+
+Here is what the revised example will look like:
+
+```js
+function Greeting() {
+  const name = "John";
+  return (
+    <Fragment>
+      <h1>Hello {name}</h1>
+      <p>Nice to meet you.</p>
+    </Fragment>
+  );
+}
+```
+
+You can also choose to use empty JSX tags which can serve as shorthand for Fragments.
+
+```js
+ function Greeting() {
+  const name = "John";
+  return (
+    <>
+      <h1>Hello {name}</h1>
+      <p>Nice to meet you.</p>
+    </>
+  );
+}
+```
+
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
index 158d5b4c12..cfd23df155 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
@@ -1,14 +1,63 @@
 ---
 id: 6734e88cc46e6dc679420040
 title: What is Vite and How Can It Be Used to Setup a New React Project?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-vite-and-how-can-it-be-used-to-setup-a-new-react-project
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Unlike working with smaller vanilla HTML, CSS, and JavaScript projects, starting a new React project includes a few more steps to ensure that everything runs correctly. Instead of trying to setup of all of the necessary configurations by yourself, there are tools that will do that for you.
+
+One of the most popular tools for setting up projects is Vite. Vite, which means "fast" in French, is a build tool that aims to provide a faster development experience for modern web projects. Vite can be used with React, as well as with other libraries and frameworks like Vue or Svelte. You can even use it with vanilla JavaScript projects.
+
+To create a new project with Vite, you will need to use the command line. If you are using Windows machine, then you can use the Command Prompt or Windows PowerShell. If you are using a Mac, then you can use the Terminal app.
+
+Once you have the command line open, you can use the following command:
+
+```bash
+npm create vite@latest my-react-app -- --template react
+```
+
+This command creates a new React project named `my-react-app` using Vite's React template.
+
+You can then open up the new project and see the React boilerplate code that Vite has provided for you.
+
+The great thing about Vite is that it will only provide the files that are absolutely necessary to get started with your React project.
+
+To actually run the project as is, you will need to install the dependencies using the following commands in the command line:
+
+```bash
+  cd my-react-app
+  npm install
+```
+
+The `cd my-react-app` command ensures that you change to the correct directory where your project is located.
+
+The `npm install` command is used to install the dependencies needed to properly run your React project. Dependencies are libraries or packages that your React project requires in order to function correctly, such as React itself, ReactDOM, or other third-party packages that provide additional functionality.
+
+Running `npm install` will read the `package.json` file in your project directory and install all the dependencies listed there, allowing you to build and run your React app without missing any necessary components.
+
+The `package.json` file is a key configuration file in projects that contains metadata about your project, including its name, version, and dependencies. It also defines scripts, licensing information, and other settings that help manage the project and its dependencies.
+
+Once the dependencies are installed, you should notice a new folder in your project called `node_modules`.
+
+The `node_modules` folder is where all the packages and libraries required by your project are stored. This folder contains the actual code for the dependencies listed in your package.json file, including both your project's direct dependencies and any dependencies of those dependencies.
+
+To run your project, run the `npm run dev` command and open up a new browser tab at `http://localhost:5173/`.
+
+You should see the starter template that Vite has provided for you.
+
+If you need to stop the local server, press `CTRL + C` in the command line.
+
+To actually see the code for this starter template, you can go into your project inside the src folder and you should see the `App.jsx` file.
+
+From there you can start to modify the file, save your changes and see the new changes display in the browser.
+
+And with that, you're ready to begin building your React application!
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
index ea0054f4ca..bbc991edf0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
@@ -1,14 +1,106 @@
 ---
 id: 674ba6876f7ada867135bb95
 title: How Can You Import and Export Components in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-import-and-export-components-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In this lecture, we will take a look at how to import and export components in React.
+
+In this example, we have a `Cat` component that belongs in a file called `Cat.jsx`. For the file extension, we are using the jsx file extension because this file is mainly working with JSX.
+
+```js
+function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+```
+
+This `Cat` component returns a JSX markup with a title and image for a cat called Mr.Whiskers.
+
+If we want to use our `Cat` component in another file, we need to first export it like this:
+
+```js
+function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+
+export default Cat;
+```
+
+We are using the default keyword because this will be the default export from the module. You can also choose to export the component on the same line as the component definition like this:
+
+```js
+export default function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+```
+
+You can choose to import child components in other parent component files. Or import them in the root component file. For this example, we will import the Cat component inside the root component file.
+
+Every React project will have a top-level component, typically called `App.jsx`. This file is usually located in the src directory of your project. You’ll learn more about common project layouts in a future lecture video.
+
+```js
+export default function App() {
+  return (
+    // return component here
+  );
+}
+```
+
+To use the `Cat` component inside the root `App` component, you will need to import it like this:
+
+```js
+import Cat from "./Cat";
+
+export default function App() {
+  return (
+    // return component here
+  );
+}
+```
+
+Now, you can return the `Cat` component inside the `App` component like this:
+
+```js
+import Cat from "./Cat";
+
+export default function App() {
+  return (
+    <Cat />
+  );
+}
+```
+
+As you continue building your own React projects, you’ll become more comfortable organizing components, importing them where needed, and creating sophisticated UIs by composing these modular components.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
index 6ca9e5d940..ce54c281bb 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
@@ -2,7 +2,7 @@
 id: 672d26385dbe73203c4dac81
 title: What Is JavaScript, and How Does It Work with HTML and CSS?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G7lc_Yt2fqY
 dashedName: what-is-javascript
 ---
 
@@ -58,7 +58,7 @@ JavaScript adds more styles to the CSS file.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ---
 
@@ -66,11 +66,11 @@ JavaScript creates a new version of HTML for the page.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ---
 
-JavaScript interacts with the DOM to change content and styles dynamically.
+JavaScript interacts with the page to change content and styles dynamically.
 
 ---
 
@@ -78,7 +78,7 @@ JavaScript only works in the backend.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
index 9c8fdba12f..af13e8e3bb 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
@@ -2,7 +2,7 @@
 id: 672d496eca926b5df8176a67
 title: What Is a Data Type, and What Are the Different Data Types in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DQgf3RxOiQg
 dashedName: what-is-a-data-type
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
index e39d154003..ec58dd387d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
@@ -2,7 +2,7 @@
 id: 672d497cb1a1675e47bf7ea1
 title: What Are Variables, and What Are Guidelines for Naming JavaScript Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: h6ytd29mrrg
 dashedName: what-are-variables
 ---
 
@@ -74,7 +74,7 @@ Remember the rules for starting a variable name and avoiding special characters
 
 ---
 
-`return`
+`const`
 
 ### --feedback--
 
@@ -90,7 +90,7 @@ Why is it important to use descriptive names for your variables?
 
 ## --answers--
 
-It’s required by JavaScript.
+It's required by JavaScript.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
index 046193f28b..887da5e0df 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
@@ -2,7 +2,7 @@
 id: 672d49959621885e9d3e672c
 title: How Do let and const Work Differently When It Comes to Variable Declaration, Assignment, and Reassignment?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ax8XbAiG4Ek
 dashedName: how-do-let-and-const-work
 ---
 
@@ -66,7 +66,7 @@ When you want to track a value that will change during program execution.
 
 ---
 
-When you want to declare a variable but don’t want it to be accessible in a specific block of code.
+When you want to declare a variable but don't want it to be accessible in a specific block of code.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
index 57696daf94..b6d894df10 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
@@ -2,7 +2,7 @@
 id: 672d49a5cf43945ee09e5fba
 title: What Is a String in JavaScript, and What Is String Immutability?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AXinCYvj7h8
 dashedName: what-is-a-string
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
index 6d90d8cd24..f021fff99e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
@@ -2,7 +2,7 @@
 id: 672d49b2fb76df5f1d6117af
 title: What Is String Concatenation, and How Can You Concatenate Strings with Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4bCDHakINH8
 dashedName: what-is-string-concatenation
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
index 38058dd76e..eb62c204cf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
@@ -2,7 +2,7 @@
 id: 672d49c4e899345f5b33c24c
 title: What Is console.log Used For, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J9CeRj7EBmM
 dashedName: what-is-console-log
 ---
 
@@ -50,7 +50,7 @@ Think about where you can see the results of the `console.log` method.
 
 ## --text--
 
-Which of the following examples correctly uses `console.log` to display the value of a variable?
+Which of the following examples correctly uses `console.log` to display the value of a string?
 
 ## --answers--
 
@@ -110,11 +110,11 @@ Think about the basic structure of `console.log` and where the variable should g
 
 ---
 
-`console.write(age);`
+`console.log("age");`
 
 ### --feedback--
 
-Think about the basic structure of `console.log` and where the variable should go.
+Think about the difference between a variable and a string.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
index db6be4b3f6..5b27976bf6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
@@ -2,7 +2,7 @@
 id: 672d49d93b54b85faa4dbad7
 title: What Is the Role of Semicolons in JavaScript, and Programming in General?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BgZYZV0_-UM
 dashedName: what-is-the-role-of-semicolons
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
index ab6814c50b..5dda4709d8 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
@@ -2,7 +2,7 @@
 id: 672d49e65a1c855fe7bb3fdb
 title: What Are Comments in JavaScript, and When Should You Use Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HyYHnvP_EaM
 dashedName: what-are-comments-in-javascript
 ---
 
@@ -98,7 +98,7 @@ Think about how comments help clarify but should not clutter the code.
 
 ---
 
-Only use comments for complex logic or unclear code.
+Use comments to provide context and leave notes for yourself and other developers.
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md b/curriculum/challenges/japanese/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
index 9273138f57..34f6a8de44 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
@@ -86,42 +86,6 @@ This rule adds space below each list item, not above.
 
 ## --text--
 
-Given the CSS rule `li { margin-bottom: 15px; }`, what effect does this have on list items?
-
-## --answers--
-
-Adds `15px` of space inside each list item.
-
-### --feedback--
-
-This rule affects the space outside the list item, not inside.
-
----
-
-Adds `15px` of space between the content and `border` of each list item.
-
-### --feedback--
-
-This rule affects the space outside the `border` of each list item.
-
----
-
-Adds `15px` of space below each list item.
-
----
-
-Adds `15px` of space above each list item.
-
-### --feedback--
-
-This rule adds space below each list item, not above.
-
-## --video-solution--
-
-3
-
-## --text--
-
 What does the `line-height` property control in CSS?
 
 ## --answers--
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md b/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
index 0982d60a3e..5d1897b9df 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
@@ -2,7 +2,7 @@
 id: 67329fbcfaf5ff5cdaa38a42
 title: What Is the var Keyword, and Why Is It No Longer Suggested to Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ae4bq5IcDfI
 dashedName: what-is-the-var-keyword-and-why-is-it-no-longer-suggested-to-use-it
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md b/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
index bc8a1a6b21..c4decaafbe 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
@@ -2,7 +2,7 @@
 id: 67335f45489c5a11b71d0ed5
 title: What Is Hoisting?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Aa1bLYTu5T8
 dashedName: what-is-hoisting
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
index 39fa9b1772..7e9ac93c18 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
@@ -2,7 +2,7 @@
 id: 6733b072bd8f5b06ccdbd9e2
 title: What Is Asynchronous JavaScript, and How Does It Differ from Synchronous JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ibxm8ApRm8A
 dashedName: what-is-asynchronous-javascript-and-how-does-it-differ-from-synchronous-javascript
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
index 95a85fa90e..6cb9d259b1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
@@ -2,7 +2,7 @@
 id: 67340798c2c1776709d8a5fe
 title: How Does the Async Attribute Work Inside Script Elements, and How Does It Differ from the Defer Attribute?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G0eRfrQzHdM
 dashedName: how-does-the-async-attribute-work-inside-script-elements-and-how-does-it-differ-from-the-defer-attribute
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
index 3a53b7a083..287bc520cc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
@@ -2,7 +2,7 @@
 id: 673407a223891b6734563c89
 title: What Is the Fetch API, and What Are Common Types of Resources That Are Fetched from the Network?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DVq2gXN12tQ
 dashedName: what-is-the-fetch-api-and-what-are-common-types-of-resources-that-are-fetched-from-the-network
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
index ffcc41b7e0..1b6e559cf9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
@@ -2,7 +2,7 @@
 id: 673407be6af21d6766ed4b96
 title: How Does the Fetch API Work with Common HTTP Methods and res.json()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: igua3fllgXc
 dashedName: how-does-the-fetch-api-work-with-common-http-methods-and-res-json
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
index 140a6c6384..0269fc49b0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
@@ -2,7 +2,7 @@
 id: 673407ca21117a67cf9521ca
 title: What Are Promises, and How Does Promise Chaining Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 7BclniIRnUs
 dashedName: what-are-promises-and-how-does-promise-chaining-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
index 963fc7e828..1cd296de72 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
@@ -2,7 +2,7 @@
 id: 673407d56c3dce67fa97969b
 title: What Is Async/Await, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GYf6F2PTMEw
 dashedName: what-is-async-await-and-how-does-it-work
 ---
 
@@ -62,7 +62,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only at the top level of a module.
+At very beginning of your code.
 
 ### --feedback--
 
@@ -70,7 +70,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only inside `async` functions.
+Inside `async` functions.
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
index e4d24c63fd..c98ac06414 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
@@ -2,7 +2,7 @@
 id: 673407e02bcf0d682b9a49a9
 title: How Does the JavaScript Engine Work, and What Is a JavaScript Runtime?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ekNo7Ai_4Uo
 dashedName: how-does-the-javascript-engine-work-and-what-is-a-javascript-runtime
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
index e3a4b550e0..053796abee 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
@@ -2,7 +2,7 @@
 id: 673407eb10ca9d68634e81d9
 title: What Is the Geolocation API, and How Does the getCurrentPosition Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Daytgop2tf0
 dashedName: what-is-the-geolocation-api-and-how-does-the-getcurrentposition-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
index e2d2d17228..e92ab03672 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
@@ -2,7 +2,7 @@
 id: 672d26917a8ab3220c038a42
 title: How Do Comparisons Work with Null and Undefined Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LFaWJYxUkds
 dashedName: how-do-comparisons-work-with-null-and-undefined-data-types
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
index efe7c82d19..6cab8f1804 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
@@ -1,14 +1,109 @@
 ---
 id: 673282bea35dbf129efb63d6
 title: What Are Switch Statements and How Do They Differ from If/Else Chains?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-switch-statements-and-how-do-they-differ-from-if-else-chains
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+`Switch` statements and `if/else` chains are both control flow structures in programming that allow us to execute different code blocks based on certain conditions. However, they have distinct characteristics and use cases.
+
+A `switch` statement evaluates an expression and matches its value against a series of `case` clauses. When a match is found, the code block associated with that `case` is executed.
+
+Here's a basic structure of a `switch` statement:
+
+```js
+switch (expression) {
+  case value1:
+    // code to be executed if expression === value1
+    break;
+  case value2:
+    // code to be executed if expression === value2
+    break;
+  default:
+    // code to be executed if expression doesn't match any case
+}
+```
+
+The `break` statement at the end of each `case` is crucial. It tells the program to exit the `switch` block once a matching `case` has been executed. Without it, the program would continue executing subsequent cases, a behavior known as "fall-through".
+
+`Switch` statements are typically used when you're comparing a single variable against multiple possible values. They're especially useful when you have many potential conditions to check against a single variable.
+
+Here is an example using a `switch` statement for the days of the week:
+
+```js
+let dayOfWeek = 3;
+
+switch (dayOfWeek) {
+    case 1:
+        console.log("It's Monday! Time to start the week strong.");
+        break;
+    case 2:
+        console.log("It's Tuesday! Keep the momentum going.");
+        break;
+    case 3:
+        console.log("It's Wednesday! We're halfway there.");
+        break;
+    case 4:
+        console.log("It's Thursday! Almost the weekend.");
+        break;
+    case 5:
+        console.log("It's Friday! The weekend is near.");
+        break;
+    case 6:
+        console.log("It's Saturday! Enjoy your weekend.");
+        break;
+    case 7:
+        console.log("It's Sunday! Rest and recharge.");
+        break;
+    default:
+        console.log("Invalid day! Please enter a number between 1 and 7.");
+}
+```
+
+`Switch` statements can be more readable and concise when dealing with many possible values for a single variable.
+
+`If/else` statements on the other hand are more flexible. They can evaluate complex conditions and different variables in each clause. This makes them suitable for a wider range of scenarios.
+
+Here is an example of when you might use an `if/else` statement over a `switch` statement:
+
+```js
+let creditScore = 720;
+let annualIncome = 60000;
+let loanAmount = 200000;
+
+let eligibilityStatus;
+
+if (creditScore >= 750 && annualIncome >= 80000) {
+    eligibilityStatus = "Eligible for premium loan rates.";
+} else if (creditScore >= 700 && annualIncome >= 50000) {
+    eligibilityStatus = "Eligible for standard loan rates.";
+} else if (creditScore >= 650 && annualIncome >= 40000) {
+    eligibilityStatus = "Eligible for subprime loan rates.";
+} else if (creditScore < 650) {
+    eligibilityStatus = "Not eligible due to low credit score.";
+} else {
+    eligibilityStatus = "Not eligible due to insufficient income.";
+}
+
+console.log(eligibilityStatus);
+```
+
+In this example, we have a person’s annual income and credit score, and are checking what types of loan they would qualify for.
+
+Since we are dealing with more complex logical evaluations and multiple variables, it is better to use an `if/else` statement here versus a `switch` statement.
+
+It's worth noting that `switch` statements in JavaScript use strict comparison (`===`), which means they don't perform type coercion. This can be an advantage in terms of predictability and avoiding subtle bugs.
+
+In summary, while both `switch` statements and `if/else` chains allow for multiple-branch logic in your code, they have different strengths.
+
+`Switch` statements excel at handling multiple possible values for a single variable, while `if/else` chains offer more flexibility for complex conditions.
+
+The choice between them often comes down to the specific requirements of your code and personal or team coding style preferences.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
index 11fc342586..96d642737c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
@@ -2,7 +2,7 @@
 id: 672aa578a2129554d4675049
 title: What Are the Basic Parts of a Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: SJT6r_ejSqw
 dashedName: what-are-the-basic-parts-of-a-computer
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
index 99c7c12bda..91a1e84380 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
@@ -2,7 +2,7 @@
 id: 672ab82c1a9bbd0e3aabc39d
 title: How Can You Effectively Work With Your Keyboard, Mouse, and Other Pointing Devices
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AcTxNEVccxc
 dashedName: how-to-effectively-work-with-your-keyboard-mouse-and-other-pointing-devices
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
index 9105b060dc..515d189cc8 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
@@ -2,7 +2,7 @@
 id: 672ab83c4297910eade53c2e
 title: What Are the Different Types of Internet Service Providers?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pNR0QzFzSrg
 dashedName: what-are-the-different-types-of-internet-service-providers
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
index dba5d2ea48..8e1b267afd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
@@ -2,7 +2,7 @@
 id: 672ab849aa1ef70eefd29364
 title: What Are Safe Ways to Sign Into Your Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pGoZFEMjC-g
 dashedName: what-are-safe-ways-to-sign-into-your-computer
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which of the follow is considered an unsafe password?
+Which of the following is considered an unsafe password?
 
 ## --answers--
 
@@ -78,7 +78,7 @@ Think about the extra layer of security.
 
 ---
 
-To ensure the person trying to access the account is the authorized user.
+It ensures the person trying to access the account is the authorized user.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
index 18c74684ad..0aba68160a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
@@ -2,7 +2,7 @@
 id: 672ab8573f32480f192aaae1
 title: What Are the Different Types of Tools Professional Developers Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FHUfC8cm_AA
 dashedName: what-are-the-different-types-of-tools-professional-developers-use
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
index 1604f7ec9b..43fdc2091c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
@@ -2,7 +2,7 @@
 id: 67329f9e9eb84e5c6a5e4366
 title: What Is a String Object, and How Does It Differ from String Primitive?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _-EJRG7vr-0
 dashedName: what-is-a-string-object-and-how-does-it-differ-from-string-primitive
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
index 772d1bf66e..b81371dcae 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
@@ -2,7 +2,7 @@
 id: 6732c68f4520d160584a6fd2
 title: What Is the toString() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: OYOHw8Xmatw
 dashedName: what-is-the-tostring-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
index a2fe162e72..3bfd6c643e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
@@ -2,7 +2,7 @@
 id: 6732c69d82814160951b1aa7
 title: What Is the Number Constructor, and How Does It Work for Type Coercion?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZY_GdH7FbPI
 dashedName: what-is-the-number-constructor-and-how-does-it-work-for-type-coercion
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
index 9fe8fd7de9..aa9de6ca0f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
@@ -2,7 +2,7 @@
 id: 6732c6ab21031b60d2b0c999
 title: What Are Some Common Practices for Naming Variables and Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: wheRZCpE724
 dashedName: what-are-some-common-practices-for-naming-variables-and-functions
 ---
 
@@ -86,35 +86,35 @@ Remember the prefix we typically use for getter functions.
 
 ## --text--
 
-Which of these is the best name for a constant representing the maximum number of login attempts?
+Which of the following should you do if you’re working in an established codebase and / or with a team?
 
 ## --answers--
 
-`max_attempts`
+Use your text editor's find-and-replace feature to update any function or variable names you come across that could be improved, even it's not related to the task you're working on.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`MAX_LOGIN_ATTEMPTS`
+Stick to the naming conventions for variables and functions that have already been established.
 
 ---
 
-`loginMaxAttempts`
+Come up with your own naming conventions for any new code you write.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`ATTEMPTS_MAX`
+Strictly use the naming conventions covered in this lecture.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
index 96a5d87762..627d73b2a3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
@@ -2,7 +2,7 @@
 id: 6732c6ba2ea42b610b9f9ce1
 title: How Do You Get the Length for an Array, and How Can You Create an Empty Array of Fixed Length?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ezk1SIbBDqw
 dashedName: how-do-you-get-the-length-for-an-array-and-how-can-you-create-an-empty-array-of-fixed-length
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
index fb67a1c812..6aca9b93a9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
@@ -2,7 +2,7 @@
 id: 6732c6c72d3738614e1230a2
 title: What Are Linters and Formatters, and How Can They Help You with Code Consistency?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XDPvu4bk8IA
 dashedName: what-are-linters-and-formatters-and-how-can-they-help-you-with-code-consistency
 ---
 
@@ -106,7 +106,7 @@ Think about when it would be most beneficial to catch potential issues.
 
 ---
 
-As part of the continuous integration pipeline.
+As part of the build process, a plugin for your text editor or IDE, a pre-commit hook before code can be committed to a codebase, and so on.
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
index a7150859dc..781cc1c448 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
@@ -2,7 +2,7 @@
 id: 6732c6d4dec34c61850a1276
 title: What Is Memory Management, and How Does It Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HJF89E-ODlw
 dashedName: what-is-memory-management-and-how-does-it-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
index b93d630963..a5f72166df 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
@@ -2,7 +2,7 @@
 id: 6732c6e281c14a61c4858361
 title: What Are Closures, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J4ZBwMbDAgE
 dashedName: what-are-closures-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
index 38797fe0ea..aafb368aab 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
@@ -2,7 +2,7 @@
 id: 6733aae9d25004f60d1e86f2
 title: What Are Some Ways to Validate Forms Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: azh-Mh6dxyo
 dashedName: what-are-some-ways-to-validate-forms-using-javascript
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
index 614a257d86..ad0285c05d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
@@ -2,7 +2,7 @@
 id: 6733d3a33abdd27cd562bdf2
 title: What Is the Purpose of e.preventDefault?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gBUdCKcBJSg
 dashedName: what-is-the-purpose-of-e-preventdefault
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
index 74b2c72627..31b4d3e0b3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
@@ -2,7 +2,7 @@
 id: 6733d3ab69e94b7df7ee91b0
 title: How Does the Submit Event Work with Forms?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EWGb5yFyQs4
 dashedName: how-does-the-submit-event-work-with-forms
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
index 10957f235f..4c8b910483 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
@@ -1,14 +1,75 @@
 ---
 id: 6733b0451d6be0065430b418
 title: What Is Functional Programming?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-functional-programming
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functional programming is about writing code that is clean, predictable, and easier to test and debug. Two key concepts we'll explore today are pure functions and avoiding side effects.
+
+Let's start with pure functions.
+
+A pure function is a function that, given the same input, will always return the same output, and it doesn't modify anything outside of itself.
+
+Here's an example of a pure function:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+```
+
+This function is pure because it always returns the same result for the same inputs, and it doesn't change anything outside of itself. No matter how many times you call `add(2, 3)`, it will always return `5`, and it won't affect any other part of your program.
+
+Now, let's contrast this with an impure function:
+
+```js
+let total = 0;
+function addToTotal(value) {
+  total += value;
+  return total;
+}
+```
+
+This function is impure because it modifies a variable outside of itself (`total`). The result of `addToTotal(5)` will be different depending on what `total` was before the function was called. This unpredictability can make our code harder to understand and debug.
+
+This brings us to our next important concept and that is side effects.
+
+A side effect is any change that occurs in the state of the program when a function is called. This could include modifying a global variable, writing to a file, or making an API call.
+
+Pure functions have no side effects but impure functions have these.
+
+Avoiding side effects is a key principle of functional programming. When we minimize side effects, our code becomes more predictable and easier to test.
+
+While writing code, our main goal should be to make functions do one thing and they should do it very well without changing other parts of our program.
+
+Here's an example of a function with a side effect:
+
+```js
+function greet(name) {
+  console.log(`Hello, ${name}!`);
+}
+```
+
+This function has a side effect because it interacts with the outside world by logging to the console.
+
+In functional programming, we might rewrite this as:
+
+```js
+function greet(name) {
+  return `Hello, ${name}!`;
+}
+console.log(greet("Alice"));
+```
+
+Now `greet` is a pure function that simply returns a string, and we handle the side effect (logging to the console) separately.
+
+Functional programming encourages us to compose our programs using pure functions by breaking our code into small, predictable pieces. And thus, we can build programs that are easier to understand, test, and maintain.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
index 435dd0013d..39cae08a55 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
@@ -1,14 +1,56 @@
 ---
 id: 6734061fe116df617a564a37
 title: What Is Currying, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-currying-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Currying is a technique where we transform a function that takes multiple arguments into a sequence of functions, each taking a single argument.
+
+Let's start with a basic example. Imagine we have a function that adds two numbers:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+
+console.log(add(3, 4)); // Output: 7
+```
+
+This is a function that takes two arguments and returns their sum. Now, let's see how we can curry this function:
+
+```js
+function curriedAdd(a) {
+  return function(b) {
+    return a + b;
+  }
+}
+
+console.log(curriedAdd(3)(4)); // Output: 7
+```
+
+In this curry converted code, instead of taking two arguments at once, we have a function that takes the first argument and returns another function. This returned function then takes the second argument and performs the addition. We call it like `curriedAdd(3)(4)`, where each pair of parentheses represents a function call.
+
+But why would we want to do this?
+
+Currying allows us to create some special functions easily. For example, we could create a function that always adds five to any number:
+
+```js
+const addFive = curriedAdd(5);
+console.log(addFive(10)); // Output: 15
+console.log(addFive(20)); // Output: 25
+```
+
+Here, `addFive` is a function that's always ready to add five to whatever number we give it. This is a simple example of partial application, where we fix a certain number of arguments to a function, producing another function that takes fewer arguments.
+
+While our examples have focused on functions with two arguments, currying can be applied to functions with any number of arguments.
+
+As you continue your journey in JavaScript, you'll likely find many situations where currying can make your code cleaner and more expressive.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
index 4db556f700..77979f32f6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
@@ -2,7 +2,7 @@
 id: 6733affc29df1304e2c97e88
 title: What Are Classes, and How Do They Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ap99e6plM10
 dashedName: what-are-classes-and-how-do-they-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
index e2e7faaaf7..da3b669de0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
@@ -2,7 +2,7 @@
 id: 673403ca2bb16658309e3632
 title: How Does the This Keyword Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Tt1v6kLAdMo
 dashedName: how-does-the-this-keyword-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
index a59505a833..b83eb10e2e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
@@ -2,7 +2,7 @@
 id: 673403d2aa52d8586a14a269
 title: What Is Class Inheritance, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DNO-xTd5D70
 dashedName: what-is-class-inheritance-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
index 84531b6dff..50e53a924d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
@@ -2,7 +2,7 @@
 id: 673403dbf5c9835898632c84
 title: What Are Static Properties and Methods in Classes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xDIqlqh6_EU
 dashedName: what-are-static-properties-and-methods-in-classes
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
index f4336f8d2d..0280a627cf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
@@ -2,7 +2,7 @@
 id: 672aa86da9937560d3dfe3d6
 title: What Are Common Use Cases for Using Floats, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xUr2Oh1KE8I
 dashedName: what-are-common-use-cases-for-using-floats
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
index edff7974ad..d9b6146d33 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
@@ -2,7 +2,7 @@
 id: 672c3a84fb8d4613776cc99e
 title: What Is Relative Positioning, and How Does This Differ from the Default Static Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3BO43MUDd8Q
 dashedName: what-is-relative-positioning
 ---
 
@@ -22,7 +22,7 @@ Which of the following is the default positioning for all elements?
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
@@ -30,7 +30,7 @@ Think about what kind of positioning doesn’t need any special CSS declaration.
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
@@ -38,7 +38,7 @@ Think about what kind of positioning doesn’t need any special CSS declaration.
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
index 5b2646ed2c..e81f1e77fc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
@@ -2,7 +2,7 @@
 id: 672c3a8fac7c5613b4bb75de
 title: What Is Absolute Positioning, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KaTb9CL9lMQ
 dashedName: what-is-absolute-positioning
 ---
 
@@ -106,7 +106,7 @@ Consider what the element falls back to when no positioned ancestor is available
 
 ---
 
-Relative to the initial containing block (usually the browser’s viewport).
+Relative to the initial containing block (usually the browser's viewport).
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
index 180cf0866c..703bafa815 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
@@ -2,7 +2,7 @@
 id: 672c3a9d32c56113fcaedf24
 title: What Is Fixed and Sticky Positioning, and How Does It Differ from Absolute Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: H7sJoYv_zmA
 dashedName: what-is-fixed-and-sticky-positioning
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
index 1a25bd0249..b21819ecc3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
@@ -2,7 +2,7 @@
 id: 672c3aa9bc3a481425cb52b3
 title: What Is the Z-Index Property, and How Does It Work to Control the Stacking of Positioned Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IkEM5npJM5E
 dashedName: what-is-the-z-index-property
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
index cccaf8c884..46366eb342 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
@@ -2,7 +2,7 @@
 id: 67329fd6ad99c75d4a4b74e4
 title: What Is a Module in JavaScript, and How Can You Import and Export Modules in Your Program?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mGPyLJLTUpo
 dashedName: what-is-a-module-in-javascript-and-how-can-you-import-and-export-modules-in-your-program
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
index d9ca791db7..1406e683c1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
@@ -1,14 +1,144 @@
 ---
 id: 6733b02d1e556005a544c5e3
 title: What Is Recursion, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-recursion-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let’s learn how recursion works in JavaScript.
+
+Recursion is a complicated feature that allows you to call a function repeatedly until a base-case is reached. Unlike a traditional loop, recursion allows you to handle something with an unknown depth, such as deeply nested objects/arrays, or a file tree. But you can also use it for more basic tasks, such as counting down from a given number.
+
+Let’s construct a function to do exactly that. We’ll call our function recursiveCountdown, and it needs to accept a number. We’ll have it print this number to the console:
+
+```js
+const recursiveCountdown = (number) => {
+  console.log(number);
+};
+```
+
+Now if we call this and pass the number 5, we’ll see the number print to our terminal. But nothing else happens – and the number 5 certainly isn’t a countdown.
+
+Before we start building the recursive portion of our function, we need to establish our base case first. If you don’t have a base case established, your code will run until it exceeds your memory allocation and crashes.
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+For our base case, we want the countdown to stop if the number is less than 1. When we hit that base-case, we can return to break out of the function execution.
+
+Now that we’ve safely prepared a base-case, we can set up the recursion. The key point that makes a function recursive is that it calls itself in its execution. In this case, we want to call the function after we print the number. But in order to count down, our new number needs to be one less:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+    recursiveCountdown(number - 1);
+  };
+
+recursiveCountdown(5); // 
+```
+
+This would log the numbers 5, 4, 3, 2, and 1 to the console.
+
+We do get our five numbers! But what if we wanted to count up instead? Rather than writing an entirely new function, we can swap the order of our log and our recursive call:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    recursiveCountdown(number - 1);
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+This would log the numbers 1, 2, 3, 4, and 5 to the console.
+
+But why does that work? Well, to understand this you need to understand the call stack. The call stack is how JavaScript tracks and resolves function calls. The stack functions as a last-in-first-out queue of sorts. To understand this better, let’s add some logging to our function:
+
+```js
+const recursiveCountdown = (number) => {
+    console.log(`Function execution started for number: ${number}`);
+    if (number < 1) {
+        console.log(`Base case reached, begin resolving stack`);
+        return;
+    }
+    console.log(`Calling recursiveCountdown with number: ${number - 1}`);
+    recursiveCountdown(number - 1);
+    console.log(`Function execution completed for number: ${number}`);
+  };
+
+recursiveCountdown(5);
+```
+
+We’ve added four key statements here. The first log runs when a function call begins executing. The third log runs just before the recursive function is called. And the fourth log runs when the function execution has ended. The result is:
+
+```md
+Function execution started for number: 5
+Calling recursiveCountdown with number: 4
+Function execution started for number: 4
+Calling recursiveCountdown with number: 3
+Function execution started for number: 3
+Calling recursiveCountdown with number: 2
+Function execution started for number: 2
+Calling recursiveCountdown with number: 1
+Function execution started for number: 1
+Calling recursiveCountdown with number: 0
+Function execution started for number: 0
+Base case reached, begin resolving stack
+Function execution completed for number: 1
+Function execution completed for number: 2
+Function execution completed for number: 3
+Function execution completed for number: 4
+Function execution completed for number: 5
+```
+
+But how does this happen? Well, this is where the call stack comes in to play. When we call `recursiveCountdown(5)`, that function call is added to the call stack.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(4)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(4)` gets added to the call stack, on top of the `recursiveCountdown(5)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(3)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(3)` gets added to the call stack, on top of the `recursiveCountdown(4)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(2)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(2)` gets added to the call stack, on top of the `recursiveCountdown(3)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(1)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(1)` gets added to the call stack, on top of the `recursiveCountdown(2)`.
+
+And finally, when that function call reaches the point where it needs to call `recursiveCountdown(0)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(0)` gets added to the call stack, on top of the `recursiveCountdown(1)`.
+
+But `recursiveCountdown(0)` doesn’t call another function – it hits our base case, where it returns early. Because the execution of that function has ended, the function call can be considered “resolved”. When the call is resolved, it’s removed from the stack.
+
+Now our `recursiveCountdown(1)` is no longer waiting on that call – it’s at the top of the stack and can resume executing.
+
+`recursiveCountdown(1)` resolves, is removed from the stack, and allows `recursiveCountdown(2)` to resume execution.
+
+`recursiveCountdown(2)` resolves, is removed from the stack, and allows `recursiveCountdown(3)` to resume execution.
+
+`recursiveCountdown(3)` resolves, is removed from the stack, and allows `recursiveCountdown(4)` to resume execution.
+
+`recursiveCountdown(4)` resolves, is removed from the stack, and allows `recursiveCountdown(5)` to resume execution.
+
+And `recursiveCountdown(5)` resolves and is removed from the stack. Our call stack is now empty, so the recursion is complete!
+
+This is a basic overview of how recursion works in JavaScript. It’s a complicated concept, and you should play around with some code and log statements until you’re comfortable with the behavior of the call stack.
+
+For a little fun fact, we talked about how a lack of a base-case can cause your code to crash when it runs out of memory. This is because the recursion keeps piling more and more function calls into the call stack until the stack overflows. Just like the name of the popular programming community.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
index 7e2662b831..8b15a1fa60 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
@@ -2,7 +2,7 @@
 id: 6732a06aed1b095f57b0bb82
 title: What Is the Change Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 87w0nfXZhss
 dashedName: what-is-the-change-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
index 5eb1995853..d5ef623ff0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
@@ -2,7 +2,7 @@
 id: 67338e93b75977a344cf6d40
 title: How Do Event Bubbling, and Event Delegation Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9yeVpWaYwMU
 dashedName: how-do-event-bubbling-and-event-delegation-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md b/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
index 046c33cb15..a38b58bf7d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
@@ -50,7 +50,7 @@ The name of the feature is a clue to its purpose.
 
 ## --text--
 
-Why is not a good idea to use pure black backgrounds with white text in dark mode?
+Why is it not a good idea to use pure black backgrounds with white text in dark mode?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md b/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
index 96e9d87863..13bcc49923 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
@@ -46,7 +46,7 @@ Think about the user experience
 
 ## --video-solution--
 
-3
+1
 
 ## --text--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md b/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
index 7bf2b03135..b3cc62f425 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
@@ -18,7 +18,7 @@ What is infinite scrolling?
 
 ## --answers--
 
-A design pattern to change the scrollbar on the page.
+A design pattern that changes the scrollbar on the page.
 
 ### --feedback--
 
@@ -26,7 +26,7 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern to change size of the page.
+A design pattern that changes the size of the page.
 
 ### --feedback--
 
@@ -42,15 +42,11 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern that breaks up content into pages.
-
-### --feedback--
-
-Review the beginning of the video when this concept is introduced.
+A design pattern that loads more content as the user scrolls down the page
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
index 501388fb55..6e3678f0a1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What is alignment in design?
+What is the importance of balance in design when placing images?
 
 ## --answers--
 
-The distribution of visual weight in a design.
+To ensure images are the right size.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The order in which elements are viewed on a page.
+To make images accessible to all users
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The placement of elements in relation to each other.
+To create a harmonious design by distributing visual weight.
 
 ---
 
-The size of an image in relation to the space it occupies.
+To improve the resolution of images.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
index bed2785ba2..ad39683131 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
@@ -2,7 +2,7 @@
 id: 6734ddabad59e593a49afafe
 title: Welcome Message from Quincy
 challengeType: 24
-videoId: nVAaxZ34khk
+videoId: KwZkXwDUc1o
 dashedName: welcome-message-from-quincy
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
index 50014e458c..cfa1be8adc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
@@ -2,7 +2,7 @@
 id: 6734e2c5780912abd874e79c
 title: How Does the Certification Process Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: v27_UwsNiUE
 dashedName: how-does-the-certification-process-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
index 2bd0446801..339890c9ab 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
@@ -1,9 +1,9 @@
 ---
 id: 6734e2dcb965e5ac0ea38e0f
-title: How to Develop Effective Learning Habits
+title: How Can You Build Effective Learning Habits and Work Smarter?
 challengeType: 11
-videoId: nVAaxZ34khk
-dashedName: how-to-develop-effective-learning-habits
+videoId: tnp3tOg9oBM
+dashedName: how-can-you-build-effective-learning-habits-and-work-smarter
 ---
 
 # --description--
@@ -14,20 +14,108 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How to Develop Effective Learning Habits question?
+What does the "Pace yourself" tip emphasize as key to making progress through the curriculum?
 
 ## --answers--
 
-Answer 1
+Learning as much as possible all in one day
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+---
+
+Completing the curriculum without breaks
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
 
 ---
 
-Answer 2
+Working a little bit each day
+
+---
+
+Stopping frequently whenever it feels hard
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+## --video-solution--
+
+3
+
+## --text--
+
+What is the main benefit of establishing a coding routine?
+
+## --answers--
+
+It doubles the amount of learning in half the time
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It reduces the need for sleep
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It helps make coding a habit that requires less willpower
+
+---
+
+It eliminates the need for practice or repetition
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+## --video-solution--
+
+3
+
+## --text--
+
+How does the Pomodoro technique help with starting a coding session?
+
+## --answers--
+
+It guarantees you will code for hours without stopping
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It instantly makes you a faster coder by strictly timing every keystroke
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It automatically determines which tasks you should work on, removing the need for planning
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
 
 ---
 
-Answer 3
+It makes it easier to begin coding by committing to just 25 minutes
 
 ## --video-solution--
 
-1
+4
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
new file mode 100644
index 0000000000..60c6525ae0
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
@@ -0,0 +1,121 @@
+---
+id: 6763500bd5a85d5898cc21a9
+title: How do Most People Learn Effectively?
+challengeType: 11
+videoId: ybpwBqa56-s
+dashedName: how-do-most-people-learn-effectively
+---
+
+# --description--
+
+Watch the lecture video and answer the questions below.
+
+# --questions--
+
+## --text--
+
+What is the concept called where learning is spread out over time, allowing sleep to reinforce memory structures?
+
+## --answers--
+
+Spaced Repetition
+
+---
+
+Speed Reading
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Memorization
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Passive Review
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+## --video-solution--
+
+1
+
+## --text--
+
+Which learning approach involves switching between different concepts or skills during a single study session to keep your thinking flexible?
+
+## --answers--
+
+Focused Immersion
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Interleaving Practice
+
+---
+
+Highlighting Notes
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Mental Mapping
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+## --video-solution--
+
+2
+
+## --text--
+
+What strategy helps you overcome the illusion of competence by actively testing your understanding through quizzes and exercises?
+
+## --answers--
+
+Passive Listening
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Rereading Notes
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Active Recall
+
+---
+
+Watching Tutorials Only
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+## --video-solution--
+
+3
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md b/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
index b10d5af014..cac2bfd8ad 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
@@ -92,30 +92,30 @@ Which of the following units can be used to set the `width` or `height` of an el
 
 `px`, `%`, and `em`.
 
-### --feedback--
-
-CSS allows various units to set dimensions.
-
 ---
 
-`px`, `vh`, and `vw`.
+`pxx`, `depth`, and `radius`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
-`cm`, `vh`, and `rem`.
+`%%`, `mb`, and `vel`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
 All of the above
 
+### --feedback--
+
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
+
 ## --video-solution--
 
-4
+1
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
index c1a539a0ac..adebb0514c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
@@ -120,13 +120,6 @@ Think about the combinator that targets elements that are direct children of a s
 
 Which CSS rule will style the first `p` element that immediately follows any `h1` element?
 
-```css
-h1 {
-  color: green;
-  font-size: 24px;
-}
-```
-
 ## --answers--
 
 ```css
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md b/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
index 64551994f4..4eed45a28e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
@@ -86,7 +86,7 @@ Consider how inline-block strikes a balance between inline flow and size control
 
 ## --text--
 
-In what situation would an element with d`isplay: inline-block;` behave differently than one with `display: block;`?
+In what situation would an element with `display: inline-block;` behave differently than one with `display: block;`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
index 273ad05c90..dabc6bc4a6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
@@ -14,40 +14,35 @@ Watch the video lecture and answer the questions below.
 
 ## --text--
 
-What will be the output of the following code?
-
-```js
-let numbers = [1, 2, 3, 4, 5];
-console.log(numbers[2]);
-```
+Which of the following is NOT true about JavaScript arrays?
 
 ## --answers--
 
-`2`
+They are zero-indexed.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ---
 
-`3`
+They are an unordered collection of values.
 
 ---
 
-`4`
+They can contain another array as a value.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ---
 
-`5`
+They are dynamic, and their size can change after they're created.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ## --video-solution--
 
@@ -58,38 +53,37 @@ Remember that arrays in JavaScript are zero-indexed.
 What will be the output of the following code?
 
 ```js
-let fruits = ['apple', 'banana'];
-fruits.push('orange');
-console.log(fruits);
+let numbers = [1, 2, 3, 4, 5];
+console.log(numbers[2]);
 ```
 
 ## --answers--
 
-`['apple', 'banana']`
+`2`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ---
 
-`['apple', 'banana', 'orange']`
+`3`
 
 ---
 
-`['banana', 'orange']`
+`4`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ---
 
-`['orange', 'apple', 'banana']`
+`5`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
index cfbae628d8..81ec4e45e7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
@@ -1,14 +1,26 @@
 ---
 id: 6733ab12b60bd7f6b2b0b0c0
 title: How Does the Audio Constructor Work, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-does-the-audio-constructor-work-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the Audio constructor and its common methods.
+
+The `Audio` constructor, like other constructors, is a special function called with the `new` keyword. It returns an HTMLAudioElement, which you can then use to play audio for the user, or append to the DOM for the user to control themselves.
+
+When you call the constructor, you can optionally pass a URL as the (only) argument. This URL should point to the source of the audio file you want to play. Or, if you need to change the source dynamically, you can assign the URL to the `src` property of the returned audio element.
+
+The returned audio element offers various methods for controlling the audio. You'll most likely use the `play()` method, which begins audio playback. There is also the `pause()` method, which pauses the audio playback but preserves the current location in the track allowing `play()` to resume playback from that point.
+
+You might expect there to be a `stop()` method, to pause audio playback and reset the track to the beginning. But instead, you should call `pause()` and set the `currentTime` property directly.
+
+Finally, the `canPlayType()` method can be used to determine if a browser is likely to be able to play your specific audio format. You will learn about audio and video formats in the next lecture.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
index 58373912a7..d967dd3b0d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
@@ -1,14 +1,34 @@
 ---
 id: 6733d8203da84a08a0f5eab4
 title: What Are the Different Types of Video and Audio Formats?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-the-different-types-of-video-and-audio-formats
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the different types of audio and video formats.
+
+You have probably heard of, or even used, a few common ones. If the terms MP3, MP4, MOV, or WebM are familiar to you, those are all different formats for video and audio. And there are quite a few more that are available.
+
+Before we dive in to file formats, we need to talk about MIME types. A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type.
+
+Nearly every file format has a MIME type. HTML, for example, has the type `text/html`. A JSON object has the type `application/json`. Even a Windows `.exe` installer has a MIME type: `application/vnd.microsoft.portable-executable`.
+
+The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
+
+An MP3 file has the MIME type `audio/mp3`. An MP4, however, can have the MIME type `audio/mp4` OR `video/mp4`, depending on whether it's a video file or audio-only. This distinction tells the browser how to handle the file.
+
+There are plenty of other file formats, such as the waveform format WAV, the multipurpose OGG, WMV for the Windows media player, the open source MKV, and many more.
+
+Knowing the differences between these file formats can help you ensure your users get the best experience, but sometimes you can't know what format a user's computer will support (or not support). Thankfully, `video` and `audio` elements both support the `source` element.
+
+With the `source` element, you can specify a file type and `source` and can include multiple different types by using multiple `source` elements. When you do this, the browser will determine the best format to use for the user's current environment.
+
+This takes away the guess work and allows you to focus on building engaging applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
index 48a10a8aea..5011bcafef 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
@@ -1,14 +1,28 @@
 ---
 id: 6733d829d983c008d2db41a1
 title: What Is Codecs and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-codecs-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about codecs and how they work.
+
+If you have worked with videos or audio before, you may have heard about codecs. A codec, short for “encoder/decoder", is an algorithm or software that can convert audio and video between analogue and digital formats.
+
+Codecs can be specified as part of the MIME type. The basic syntax to define a codec is to add a semi-colon after the media type, then `codecs=` and the codec.
+
+For example, an OGG audio file which uses the Vorbis codec might have a MIME type of `audio/ogg; codecs=vorbis`. Or, if a file supports multiple codecs, you can specify them as comma separated, but must surround them with quotes: `video/webm; codecs="vp8, vorbis"`.
+
+But some file types have a much more complicated syntax for codecs. For example, an MP4 might have a codec of `codecs="avc1.4d002a"`, indicating it was encoded with H.264.
+
+But when might you actually use these? Well, you can include them in the `type` attribute for a `source` element. This allows you to specify different codecs for the same format, giving the browser more granular options when determining which format to use for that user's environment.
+
+But you can also use them as part of the MIME type you pass to the global `MediaSource.isTypeSupported()` method. This method accepts a MIME-type, and returns `true` if the environment is likely to support it. Or rather, it returns `false` if it fails to instantiate a buffer for that file type. This approach allows you to programmatically select a source yourself, rather than relying on whatever the browser determines is “best".
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
index 25cc9e69db..ab8985556b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
@@ -1,14 +1,32 @@
 ---
 id: 6733d83630e76f08ff49e6dc
 title: What Is the HTMLMediaElement API and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-htmlmediaelement-api-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The HTMLMediaElement API is a powerful tool to control the behavior of audio and video elements on your page. It extends the base HTMLElement interface, so you have access to the base properties as well as these helpful methods.
+
+You've already explored some of the methods in a previous lecture about the Audio element, such as `play()` and `pause()`. These same methods are available on video elements as well.
+
+There are some other helpful methods, such as the `addTextTrack()` method. This method allows you to specify a text track to associate with the media element which is especially helpful for adding subtitles to a video.
+
+Or the `fastSeek()` method, which allows you to move the playback position to a specific time within the media.
+
+The HTMLMediaElement API also provides access to some new events that a standard element does not have.
+
+The `play` and `pause` events are fired when the media starts and stops playing. The `ended` event fires when the end of the media has been reached.
+
+The `waiting` event fires when playback is automatically paused due to data buffering.
+
+And the `canplay` and `canplaythrough` events fire when the media can be partially played, or played in totality.
+
+The HTMLMediaElement offers a great deal of control over your interactive media, and we've only scratched the surface. I encourage you to explore and experiment with the API to find the best ways to integrate it with your applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
index 025caa8592..7b30a960f7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
@@ -1,14 +1,58 @@
 ---
 id: 6733d852175df50937f06061
 title: How Can You Work with the Media Streams to Capture Video and Audio from a Local Device?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-work-with-the-media-streams-getusermedia-to-capture-video-and-audio-from-a-local-device
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Instead of playing audio and video, you may sometimes want to capture audio or video. The Media Capture and Streams API, or the MediaStream API, allows you to do this.
+
+In order to use the API, however, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the global `navigator` object has a `getUserMedia()` method for you to use.
+
+This method accepts a single `constraints` object which defines the type of media you want to receive. This object has an `audio` and `video` property, reflecting audio and video streams. These properties can be `false`, if you do not want to receive that type of stream, `true` if you do, or objects defining additional constraints.
+
+For example, you can require a specific resolution of video output:
+
+```js
+window.navigator.mediaDevices.getUserMedia({
+  audio: true,
+  video: {
+    width: {
+      min: 1280,
+      ideal: 1920,
+      max: 3840
+    },
+    height: {
+      min: 720,
+      ideal: 1080,
+      max: 2160
+    }
+  }
+});
+```
+
+This constraint object specifies minimum and maximum resolutions for the video feed. The `ideal` property specifies the resolution you'd most like to have – and the stream will provide the resolution closest to your ideal.
+
+Once you've created your MediaStream (assuming the user approves the automated request to access their hardware), you can use the stream data however you need.
+
+Note that `getUserMedia()` returns a Promise, which means you will either need a callback function to consume the stream, or use async/await syntax. You will learn more about Promises and asynchronous programming in future lectures.
+
+Here's a basic example which renders the user's webcam feed to the page.
+
+```js
+const video = document.querySelector("video");
+const stream =
+  await window.navigator.mediaDevices.getUserMedia({ video: true });
+video.srcObject = stream;
+await video.play();
+```
+
+It is worth noting that this API does not offer access to screen capture. You'll learn about that API in the next lecture.
 
 # --questions--
 
@@ -22,7 +66,7 @@ Which method is used to access the user's media devices?
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ---
 
@@ -30,7 +74,7 @@ This method accesses the user’s media devices.
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ---
 
@@ -42,7 +86,7 @@ This method accesses the user’s media devices.
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
index 9a2ccc881f..33008c9aa9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
@@ -1,14 +1,26 @@
 ---
 id: 6733d8606fb893099e3d0df3
 title: What Are Some Other Examples of Video and Audio APIs?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-other-examples-of-video-and-audio-apis
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+You've learned about the HTMLMediaElement and MediaStreams APIs, but there are a few more APIs that can be quite helpful in working with video and audio.
+
+The first is the Screen Capture API. As the name might suggest, this API allows you to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+
+Then there is the MediaStream Recording API. This API works in tandem with the MediaStreams APIs, allowing you to record a MediaStream (or even an HTMLMediaElement directly). It then fires `dataavailable` events with Blob payloads you can write to the local file storage.
+
+Underlying all of this technology is the Media Source Extensions API. The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property, for example.
+
+And finally, the Web Audio API which powers everything audible on the web. This API includes important objects like an `AudioBuffer` (representing a Buffer specifically containing audio data) or the `AudioContext`.
+
+And that wraps up our lectures on audio and video!
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
index 9f69392f93..0080dd6da9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
@@ -74,7 +74,7 @@ It makes the gradient extend to the farthest corner of the element.
 
 ---
 
-It makes the gradient only appear within the element’s `padding`.
+It makes the gradient only appear within the element's `padding`.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
index 49ecdfbbfc..50823d9683 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
@@ -94,15 +94,15 @@ It makes the website look less colorful.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ---
 
-It doesn’t affect users with visual impairments.
+It doesn't affect users with visual impairments.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ---
 
@@ -114,7 +114,7 @@ It requires more CSS code.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98db3bcdd545ab3b3c73.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98db3bcdd545ab3b3c73.md
index 467ca6704d..f6ea379d54 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98db3bcdd545ab3b3c73.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98db3bcdd545ab3b3c73.md
@@ -102,35 +102,35 @@ Consider which property specifically targets one side of an element's border.
 
 ## --text--
 
-What's a potential advantage of using `box-shadow` to create a border effect instead of the `border` property?
+Which CSS property would you use to round the corners of a border?
 
 ## --answers--
 
-It's more widely supported by browsers.
+`border-style`
 
 ### --feedback--
 
-Think about the flexibility of box-shadow and how it can be used to layer multiple effects.
+Think of a word related to a circle or curve.
 
 ---
 
-It allows for multiple "borders" with a single property.
+`border-radius`
 
 ---
 
-It's more performant.
+`border-spacing`
 
 ### --feedback--
 
-Think about the flexibility of box-shadow and how it can be used to layer multiple effects.
+Think of a word related to a circle or curve.
 
 ---
 
-It can create gradients without additional properties.
+`border-bottom`
 
 ### --feedback--
 
-Think about the flexibility of box-shadow and how it can be used to layer multiple effects.
+Think of a word related to a circle or curve.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
index 7cb6ef94dc..17ccf4a3d7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ab64775d35f78f5238fe
 title: What Does CRUD Stand For, and How Do the Basic Operations Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-does-crud-stand-for-and-how-do-the-basic-operations-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+CRUD is an acronym that stands for Create, Read, Update, and Delete. These are the four operations of persistent storage.
+
+Persistent storage refers to saving data in a way that makes it available even after the power is turned off or the device is restarted.
+
+Understanding how the basic operation of CRUD works is crucial to web development because it forms the foundation for working with databases and building applications where users can add, view, modify, and delete data.
+
+Now, let’s take a look at each part of CRUD more closely
+
+- Create refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
+
+- Read is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+
+- Update involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
+
+- Delete is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+
+CRUD is used when working with databases, the UI, and RESTful APIs. RESTful APIs are a set of conventions for building web services that allow the client to interact with a database or backend system by performing CRUD operations through standard HTTP methods.
+
+HTTP stands for Hypertext Transfer Protocol and it is the foundation for data communication on the web. There are HTTP methods which define the actions that can be performed on resources over the web. The common methods are `GET`, `POST`, `PUT`, `PATCH`, `DELETE`.
+
+You will learn more about RESTful APIs and HTTP in future videos, but here is a quick break down of how CRUD maps to the different HTTP methods.
+
+- `POST` is used to create a new resource.
+
+- `GET` is used to retrieve or read data.
+
+- `PUT` is used to update a resource by replacing it entirely.
+
+- `PATCH` is used to partially update a resource.
+
+- `DELETE` is used to remove a resource.
+
+Here’s an example of how CRUD operations might be represented in code using a simple array in JavaScript:
+
+```js
+let items = [];
+
+// Create
+function createItem(item) {
+  items.push(item);
+}
+
+// Read
+function readItems() {
+  return items;
+}
+
+// Update
+function updateItem(index, newItem) {
+  items[index] = newItem;
+}
+
+// Delete
+function deleteItem(index) {
+  items.splice(index, 1);
+}
+
+// Example Usage
+createItem('Book');
+console.log(readItems()); // ['Book']
+updateItem(0, 'Magazine');
+console.log(readItems()); // ['Magazine']
+deleteItem(0);
+console.log(readItems()); // []
+```
+
+In this example:
+
+- We create an item by pushing it into an array.
+
+- We read the items by returning the array.
+
+- We update an item by modifying the array element at a given index.
+
+- We delete an item by removing it from the array using splice().
+
+This is a basic representation of how CRUD operations work at a conceptual level.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
index dffd025eb2..c60ca2e42e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
@@ -1,14 +1,80 @@
 ---
 id: 6733ff4a9319c8486750886c
 title: What Is localStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-localstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Web Storage API provides a mechanism for browsers to store key-value pairs right within the browser, allowing developers to store information that can be used across different page reloads and sessions.
+
+The two main components in the Web Storage API are `localStorage` and `sessionStorage`.
+
+`localStorage` is the part of the Web Storage API that allows data to persist even after the browser window is closed or the page is refreshed. This data remains available until it is explicitly removed by the application or the user.
+
+`sessionStorage` is another part of the Web Storage API that stores data for the duration of the page session, meaning the data is available as long as the browser tab or window is open. However, unlike `localStorage`, the data in `sessionStorage` is cleared when the tab or window is closed. You will learn more about `sessionStorage` in the next video.
+
+Common use cases for `localStorage` include storing user settings, such as themes or language preferences, remembering form data across browser sessions, and caching small pieces of information to improve the performance of web apps.
+
+Caching refers to storing frequently accessed data in a temporary storage location, known as a cache, so that subsequent requests for that data can be served more quickly without having to recompute or fetch it from a slower data source, such as a database or external server.
+
+Some common `localStorage` methods include the `setItem`, `getItem`, `removeItem` and `clear` methods.
+
+Here is an example of using the `setItem()` method which stores a key-value pair in `localStorage`.
+
+```js
+localStorage.setItem('username', 'JaneDoe');
+```
+
+Then if we want retrieve that value of a given key from `localStorage`, we can use the `getItem()` method.
+
+```js
+let username = localStorage.getItem('username');
+console.log(username); // JaneDoe
+```
+
+To remove an item from `localStorage` using its key, you can use the `removeItem()` method.
+
+```js
+localStorage.removeItem('username');
+```
+
+To clear all data in `localStorage`, you can use the `clear()` method.
+
+```js
+localStorage.clear();
+```
+
+Now, let’s take a look at an example where we use `localStorage` to store the preferred theme of a user.
+
+```js
+// Store the user's theme preference
+localStorage.setItem('theme', 'dark');
+
+// Retrieve the stored theme preference
+const userTheme = localStorage.getItem('theme');
+console.log(userTheme); // 'dark'
+
+// Remove the theme preference
+localStorage.removeItem('theme');
+
+// Clear all localStorage data
+localStorage.clear();
+```
+
+In this example:
+
+- We first store a theme choice (`dark`) for the user.
+
+- We then retrieve that theme and output it to the console.
+
+- Finally, we demonstrate how to remove a specific item or clear all stored data.
+
+`localStorage` is very useful for storing small pieces of data that need to persist between sessions, but it's important to note that `localStorage` should not be used to store sensitive information, such as passwords, because it can pose security risks.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
index b86ad69243..94f7696ea0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
@@ -1,14 +1,86 @@
 ---
 id: 6733ff5814129c48b4fca88e
 title: What Is sessionStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-sessionstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture video, we learned about working with `localStorage` and were briefly introduced to `sessionStorage`.
+
+Recall, that `sessionStorage` is when the data is cleared as soon as the user closes the tab or window in which the web application is running. It’s ideal for situations where data only needs to persist for the length of a single session, such as maintaining form data during navigation or storing temporary state information during a checkout process.
+
+Much like `localStorage`, `sessionStorage` uses key-value pairs to store and retrieve data. The methods used with `sessionStorage` are also the same as `localStorage`, with the only real difference being how long the data is stored.
+
+Here are a few examples of working with the different methods:
+
+- `sessionStorage.setItem()`: Stores a key-value pair in `sessionStorage`.
+
+```js
+sessionStorage.setItem('cart', '3 items');
+```
+
+- `sessionStorage.getItem()`: Retrieves the value of a given key from `sessionStorage`.
+
+```js
+let cart = sessionStorage.getItem('cart');
+console.log(cart); // Outputs: '3 items'
+```
+
+- `sessionStorage.removeItem()`: Removes a specific item from `sessionStorage` using its key.
+
+```js
+sessionStorage.removeItem('cart');
+```
+
+- `sessionStorage.clear()`: Clears all data stored in `sessionStorage`.
+
+```js
+sessionStorage.clear();
+```
+
+Let’s look at an example where we store data in `sessionStorage` which only lasts as long as the browser tab or window is open:
+
+```js
+// Store data in sessionStorage
+sessionStorage.setItem('currentUser', 'JohnDoe');
+
+// Retrieve the stored data
+const user = sessionStorage.getItem('currentUser');
+console.log(user); // 'JohnDoe'
+
+// Remove a specific key from sessionStorage
+sessionStorage.removeItem('currentUser');
+
+// Clear all sessionStorage data
+sessionStorage.clear();
+```
+
+In this example, we:
+
+1. Store the current user’s name (`JohnDoe`) in `sessionStorage`.
+
+2. Retrieve and display it.
+
+3. Remove the item associated with the key `currentUser`.
+
+4. Clear all `sessionStorage` data.
+
+The key difference from `localStorage` is that as soon as the user closes the tab, all stored session data will be lost.
+
+`sessionStorage` is particularly useful in scenarios like:
+
+- Storing temporary data such as form entries during a multi-page form process.
+
+- Storing temporary selections or preferences that don’t need to persist across sessions.
+
+- Maintaining state on a single-page application that doesn’t need to be remembered once the tab is closed.
+
+`sessionStorage` ensures that once the user leaves the page, the session data is cleared, which is great for scenarios where you don’t want to hold onto information beyond the current session.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
index ebd5dca539..125dde804d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
@@ -1,14 +1,70 @@
 ---
 id: 6733ff6f02dde548ebe4a6d5
 title: What Are Cookies, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cookies-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Cookies, also known as web cookies or browser cookies, are small pieces of data that a server sends to a user's web browser. These cookies are stored on the user's device and sent back to the server with subsequent requests.
+
+Cookies are essential in helping web applications maintain state and remember user information, which is especially important since HTTP is a stateless protocol.
+
+Cookies can store a variety of information such as user preferences, session data, or tracking information.
+
+Cookies are always stored as name-value pairs. This means each cookie has a name (key) and an associated value.
+
+For example, a cookie might store a user's session ID like this: `sessionId=abc123`. The key is `sessionId`, and the value is `abc123`. Each time the browser communicates with the server, the browser sends these cookies in the form of name-value pairs.
+
+When a user visits a website, the server can send one or more cookies to the user's browser by including a Set-Cookie header in the HTTP response. A header is a key-value pair that provides additional information about the HTTP request or response. You will learn more about HTTP requests and responses in future lectures.
+
+Once the cookies are set, the browser stores them and automatically includes them in the Cookie header with every subsequent request to the same domain. This allows the server to access the stored cookies and use them for things like maintaining user sessions or tracking preferences.
+
+Here’s an example of how a cookie is set in an HTTP response:
+
+```http
+Set-Cookie: sessionId=abc123; Expires=Wed, 21 Oct 2021 07:28:00 GMT; Secure; HttpOnly
+```
+
+The browser will store the cookie, and in future requests to the same server, it will include the cookie in the `Cookie` header:
+
+```http
+Cookie: sessionId=abc123
+```
+
+The server can then read the cookie and use the stored session ID to retrieve information about the user, such as whether they are logged in.
+
+Here is a breakdown of the different types of cookies.
+
+- Session Cookies only last for the duration of the user's session on the website. Once the user closes the browser or tab, the session cookie is deleted. These cookies are typically used for tasks like keeping a user logged in during their visit.
+
+- Persistent Cookies have an expiration date and remain stored on the user's device until that date is reached. Persistent cookies are often used for remembering user preferences or login details across sessions.
+
+- Secure Cookies are only sent over HTTPS, ensuring that they cannot be intercepted by an attacker in transit.
+
+- HttpOnly Cookies cannot be accessed or modified by JavaScript running in the browser, making them more secure against cross-site scripting (XSS) attacks. cross-site scripting (XSS) attacks happen when an attacker injects malicious scripts into a web page that is viewed by other users. These scripts can then execute in the context of the victim's browser, potentially stealing cookies, session data, or performing other malicious actions without the user's knowledge or consent. By marking cookies as HttpOnly, they are protected from being accessed via JavaScript, reducing the risk of such attacks.
+
+You can create cookies via server responses using the `Set-Cookie` header or through JavaScript using `document.cookie`.
+
+Here's an example of setting a cookie using JavaScript:
+
+```js
+document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2021 23:59:59 GMT; path=/";
+```
+
+This command sets a cookie named `username` with the value `"JohnDoe"` that will expire at the end of 2021. You can update an existing cookie by simply setting it again with a new value.
+
+To delete a cookie, you set its expiration date in the past:
+
+```js
+document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
+```
+
+This will remove the `username` cookie from the browser.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
index ca5ce5c517..dfb09c49e7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
@@ -1,14 +1,34 @@
 ---
 id: 6733ff8d06376149474a0c0d
 title: What Is the Cache API, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-cache-api-and-how-does-that-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Cache API is used to store network requests and responses, making web applications work more efficiently and even function offline. It is part of the broader Service Worker API and is crucial for creating Progressive Web Apps (PWAs) that can work under unreliable or slow network conditions.
+
+Before we continue with the Cache API, we first need to understand how service workers, PWAs, and network requests work on a basic level.
+
+A Network request is a request made by a web browser or application to a server to retrieve data or resources over the internet. For example, when you visit a website, your browser sends a network request to the web server to get the files (such as HTML, images, or videos) needed to display the page.
+
+A service worker is a special type of JavaScript file that runs in the background of a web application, separate from the main browser thread. It acts as a middleman between the web page and the network, allowing developers to intercept network requests, cache resources, and handle things like push notifications or background sync.
+
+A PWA, or Progressive Web App, is a type of web application that uses modern web technologies to provide a native app-like experience on the web. PWAs are designed to work reliably on any device, regardless of network conditions, and can be accessed through a browser or installed on a user's device like a traditional app.
+
+Now that we have a better understanding of service workers, PWAs, and network requests, we can dive deeper into the Cache API.
+
+The Cache API is a storage mechanism that stores `Request` and `Response` objects. When a request is made to a server, the application can store the response and later retrieve it from the cache instead of making a new network request. This reduces load times, saves bandwidth, and improves the overall user experience.
+
+The browser provides a storage area known as Cache Storage, where developers can save key-value pairs of network requests and their corresponding responses.
+
+With the Cache-Control header, developers can specify how long a cached resource should remain stored, as well as whether it should be revalidated or served directly from the cache.
+
+By using the Cache API, developers can build offline-first web applications, allowing a PWA, for example, to serve cached assets when the user is disconnected from the network.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
index a6ec2d038a..88ab457a3e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
@@ -1,14 +1,55 @@
 ---
 id: 6733ff9d2fb9c449af68ad99
 title: What Are Some Negative Patterns Associated with Client-Side Storage?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-negative-patterns-associated-with-client-side-storage
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Client-side storage allows websites to store data on a user's device. However, like many technologies, it can be misused.
+
+Let’s explore some negative patterns associated with client-side storage, focusing on cookies and their misuse for tracking and fingerprinting.
+
+Let's start with cookies.
+
+In an earlier lecture video, you learned that cookies are data stored on a user's device when they visit a web app. A common misuse of cookies is excessive tracking.
+
+Websites use cookies to track a user's interactions with a web app, creating a history of their digital activities. This is done for targeted advertising but can raise significant privacy concerns.
+
+For example, a shopping website might use a tracking cookie like this:
+
+```js
+document.cookie = "userID=123; path=/; expires=Thu, 18 Dec 2024 6:00:00 UTC";
+```
+
+This code sets a cookie named `userID` with a value of `123`. The cookie will be sent with every request to the website, allowing it to track the user's actions. While this might seem harmless, imagine hundreds of websites sharing this information – it could create a very detailed picture of your online life and choices.
+
+Another concerning practice is browser fingerprinting.
+
+This technique uses client-side information to create a unique "fingerprint" of a user's browser. Websites have the ability to gather information about your browser version, installed plugins, screen resolution, and other data to uniquely identify you.
+
+Here's a simple example of how a website can create a fingerprint of you:
+
+```js
+let fingerprintExample = navigator.userAgent + screen.width + screen.height;
+console.log(fingerprintExample);
+```
+
+This code combines your browser's user agent with your screen dimensions. While this is a basic example, real fingerprinting methods are much more complex and can be highly accurate in identifying users.
+
+Local Storage can also be misused as some websites use it to store sensitive information insecurely. For instance:
+
+```js
+localStorage.setItem('userPassword', 'someonesPasswordHere');
+```
+
+This code stores a user's password in Local Storage. This is a serious security risk as the data in Local Storage is not encrypted and can be accessed easily.
+
+In conclusion, while client-side storage offers many benefits, it's crucial to use it responsibly. As you continue your web development journey, always consider the privacy and security of your users' data on the client side.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
index 0cb2fd4f26..c4a0c18da7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
@@ -1,14 +1,46 @@
 ---
 id: 6733ffacd0ad1e49ec2af051
 title: How Can You Use Cookies to Store Arbitrary Data, Normally Controlled by HTTP Headers?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-use-cookies-to-store-arbitrary-data-normally-controlled-by-http-headers
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+As you learned in previous lectures, cookies are simple data that websites can store on a user's device.
+
+However, you can actually store more complex data structures in cookies. One common method is to use JSON to store objects or arrays. Here's an example:
+
+```js
+const userData = {
+  name: "John Doe",
+  age: 30,
+  role: "admin"
+};
+
+document.cookie = "userInfo=" + JSON.stringify(userData) + "; path=/";
+```
+
+In this example, we're creating an object with user data, converting it to a JSON string, and then storing it in a cookie. When we want to retrieve this data, we can parse the JSON string into an object using `JSON.parse()`.
+
+Now, you might be wondering about the “HTTP headers” aspect of our topic. Typically, cookies are set by the server using HTTP headers.
+
+For example, a server might send a header like this:
+
+```http
+Set-Cookie: username=John Doe; expires=Thu, 31 Dec 2024 6:00:00 IST; path=/
+```
+
+This header tells the browser to set a cookie.
+
+We can also set cookies directly in the browser using JavaScript. This is useful for storing data that doesn't need to be sent to the server immediately.
+
+Please note that cookies have a size limit of around 4KB, and storing too much data in them may slow down your web app.
+
+Storing large amounts of data in cookies can increase network traffic as cookies are sent with every HTTP request.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
index 5c8014fb7e..b9402a6abf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ffb59c62ee4a23522efe
 title: What Is IndexedDB, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-indexeddb-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+IndexedDB is a tool for storing structured data in the browser. This is built into modern web browsers, allowing web apps to store and fetch JavaScript objects efficiently.
+
+Unlike other storage mechanisms like localStorage, which is limited to storing strings, IndexedDB can store JavaScript objects, files, and pretty much any other type of data. This makes it easy for web applications that need to work with large and complex data structures.
+
+Now, let's look at how IndexedDB works.
+
+The first step is to open a database. Here's an example:
+
+```js
+let request = indexedDB.open("Sample DB", 1);
+
+request.onerror = function(event) {
+  console.log("Error opening database");
+};
+
+request.onsuccess = function(event) {
+  let db = event.target.result;
+  console.log("Database opened successfully");
+};
+```
+
+In this code, we're opening a database named `"Sample DB"` with version 1. We provide two callback functions: one for handling errors, and another for when the database is successfully opened. The 'db' object we get in the success callback is what we'll use to interact with the database.
+
+If you check the browser dev tools application interface, you will see your `Sample DB` in the `IndexedDb` section has been opened. Once you have your database open, you can start working with object stores.
+
+Object stores in IndexedDB are similar to tables in traditional databases. They hold the actual data you want to store. Here's how to create an object store:
+
+```js
+request.onupgradeneeded = function(event) {
+  let db = event.target.result;
+  let objectStore = db.createObjectStore("customers", { keyPath: "id" });
+};
+```
+
+This code creates an object store named `"customers"` with `"id"` as its key path. The key path is like a primary key in a traditional database - it's used to uniquely identify each record.
+
+To add data to our object store, we'd do something like this. The `db` in this example represents the IndexedDB database instance.
+
+```js
+let transaction = db.transaction(["customers"], "readwrite");
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.add({ id: 1, name: "John Doe", email: "john@example.com" });
+
+request.onerror = function(event) {
+  console.log("Error adding data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Data added successfully");
+};
+```
+
+This code adds a new customer to our `"customers"` object store. We start a transaction (which is how we group database operations), get a reference to our object store, and then add our data.
+
+Retrieving data works in a similar way. We start a transaction, get our object store, and then use methods like `get` to retrieve data:
+
+```js
+let transaction = db.transaction(["customers"]);
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.get(1);
+
+request.onerror = function(event) {
+  console.log("Error retrieving data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Customer:", request.result);
+};
+```
+
+This code retrieves the customer with `id` `1` from our `"customers"` object store.
+
+One of the key features of IndexedDB is that it's asynchronous.
+
+This means that when you interact with IndexedDB, operations don't block the main thread of the web application. This ensures that your web application remains responsive even when dealing with large amounts of data.
+
+While IndexedDB provides powerful capabilities, it has a steeper learning curve compared to other simpler storage API options which can be challenging for beginners. However, for applications that need to handle large amounts of structured data on the client-side, IndexedDB offers unparalleled capabilities.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
index d2079aea91..5a307fc8bd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
@@ -1,14 +1,30 @@
 ---
 id: 6733ffc7353af34a61ed683a
 title: What Are Cache and Service Workers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cache-service-workers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Caching is the process of storing copies of files in a temporary storage location so they can be accessed more quickly.
+
+When you visit a website, your browser can save certain files (such as images, CSS, and JavaScript) locally. This means that the next time you visit the same site, it can load these files from your device instead of fetching them again from a server, making the site load faster.
+
+A Service Worker is a script that runs in the background, separate from your web page. It can intercept network requests, access the cache, and enable the web app to work offline. It is a key component of Progressive Web Apps.
+
+So, how do Cache and Service Workers work together in Progressive Web Apps?
+
+PWAs are web apps that can offer an app-like experience. They can work offline, send push notifications, and even be installed on the home screen of a mobile device or computer.
+
+When a user first visits a PWA, the Service Worker can cache important files.
+
+Users can continue to use the app offline, and when they come back online, any upcoming changes can be synced with the server.
+
+The combination of caching and Service Workers enables web apps to provide a fast and reliable experience even in poor network conditions.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
index efbc82e4fd..1eb9879c22 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
@@ -2,7 +2,7 @@
 id: 672d45583fd75a504136fbbb
 title: How to Install Visual Studio Code onto Your Computer
 challengeType: 11
-videoId: hWa_PgsNSw0
+videoId: JuxdN8OWllk
 dashedName: how-to-install-visual-studio-code-onto-your-computer
 ---
 
@@ -86,15 +86,15 @@ The lecture describes several ways to install VSCode on Mac, but one common meth
 
 ## --text--
 
-On Linux, what command would you use to install VSCode using the Arch Linux package manager?
+What command would you use to install VSCode using Homebrew?
 
 ## --answers--
 
-`sudo apt-get install code`
+`sudo brew -i code`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
@@ -102,19 +102,19 @@ The lecture provides a specific command for Arch Linux users.
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
-`sudo pacman -S code`
+`brew install --cask visual-studio-code`
 
 ---
 
-`sudo dnf install code`
+`homebrew install vscode`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
index 556fcb7ff4..600de23b15 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
@@ -2,7 +2,7 @@
 id: 672d266034b5242126271995
 title: What Is ASCII, and How Does It Work with charCodeAt() and fromCharCode()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMi4lKr0FRw
 dashedName: what-is-ascii-and-how-does-it-work-with-charcodeat-and-fromcharcode
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
index ec5398c2d2..20964ee3e9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
@@ -2,7 +2,7 @@
 id: 67326c0d7bef01c539120766
 title: How Can You Test if a String Contains a Substring?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XBva3_87hWg
 dashedName: how-can-you-test-if-a-string-contains-a-substring
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
index 3bc56fab66..a63b7b0b65 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
@@ -2,7 +2,7 @@
 id: 67326c15b3b2f0c5827927cc
 title: How Can You Extract a Substring from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xLKJvMJKYAU
 dashedName: how-can-you-extract-a-substring-from-a-string
 ---
 
@@ -18,7 +18,7 @@ What will the following code output?
 
 ```js
 let text = "JavaScript is awesome!";
-let result = text.slice(0, 10);
+let result = text.slice(0, 9);
 
 console.log(result);
 ```
@@ -97,7 +97,7 @@ What will the following code return?
 
 ```js
 let sentence = "Learning JavaScript is fun!";
-let extracted = sentence.slice(9, -4);
+let extracted = sentence.slice(9, -5);
 
 console.log(extracted);
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
index 573a12eb0e..27ac63c416 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
@@ -2,7 +2,7 @@
 id: 67326c1fdaf9c0c5ad1a2589
 title: How Can You Change the Casing for a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KOaGZ2IXzV0
 dashedName: how-can-you-change-the-casing-for-a-string
 ---
 
@@ -53,7 +53,7 @@ Think about how `toUpperCase()` affects the entire string.
 What will the following code output?
 
 ```js
-javascriptCopy codelet phrase = "JavaScript is Fun!";
+let phrase = "JavaScript is Fun!";
 console.log(phrase.toLowerCase());
 ```
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
index d4e7bd05cf..ca543e6e1f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
@@ -2,7 +2,7 @@
 id: 67326c29dcd98fc5ecc49779
 title: How Can You Replace Parts of a String with Another?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: '-Ft7Whs9xRY'
 dashedName: how-can-you-replace-parts-of-a-string-with-another
 ---
 
@@ -50,35 +50,42 @@ Think about what happens when there are multiple instances of the word you are t
 
 ## --text--
 
-How can you replace all instances of a word in a string?
+What will the following code output?
+
+```js
+let phrase = "freeCodeCamp is awesome!";
+let updatedPhrase = phrase.replace("freecodecamp", "fCC");
+
+console.log(updatedPhrase);
+```
 
 ## --answers--
 
-Use a `for` loop.
+`"fcc is awesome!"`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ---
 
-Use `replace()` with a case-sensitive string.
+`"fCC is awesome!"`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ---
 
-Use `replace()` with a global regular expression.
+`"freeCodeCamp is awesome!"`
 
 ---
 
-Use `replaceAll()` instead of `replace()`.
+`undefined`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
index 77e5f3679d..72f62596d9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
@@ -2,7 +2,7 @@
 id: 67326c3392068ec6184a0c95
 title: How Can You Repeat a String x Number of Times?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G78i7JW70hE
 dashedName: how-can-you-repeat-a-string-x-number-of-times
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
index 3e2c98fa43..dfbebc9e65 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
@@ -2,7 +2,7 @@
 id: 67326c3c3ab931c644cea05b
 title: How Can You Trim Whitespace from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: qVjDfh-K2SY
 dashedName: how-can-you-trim-whitespace-from-a-string
 ---
 
@@ -95,7 +95,9 @@ console.log(str.trimEnd());
 
 ## --answers--
 
-`"Code"`
+```js
+"Code"
+```
 
 ### --feedback--
 
@@ -103,11 +105,15 @@ Consider which part of the string is affected by `trimEnd()`.
 
 ---
 
-`" Code"`
+```js
+"   Code"
+```
 
 ---
 
-`"Code "`
+```js
+"Code   "
+```
 
 ### --feedback--
 
@@ -115,7 +121,9 @@ Consider which part of the string is affected by `trimEnd()`.
 
 ---
 
-`" Code "`
+```js
+" Code "
+```
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
index 3d3eaaed93..58f8257052 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
@@ -2,7 +2,7 @@
 id: 672aa8ac4631d1623ec5cd86
 title: What Is CSS Grid, and How Does It Differ from Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: uh0EzmmlpwQ
 dashedName: what-is-css-grid
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
index bba9197b3c..6a3f64997f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
@@ -2,7 +2,7 @@
 id: 673226732b19aa1cacd0a75c
 title: How Can You Create Flexible Grids with the fr Unit?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: frGW2L836GU
 dashedName: how-can-you-create-flexible-grids-with-the-fr-unit
 ---
 
@@ -91,7 +91,7 @@ What happens when you use `grid-template-columns: 1fr 1fr 1fr 1fr;` in a CSS gri
 
 ## --answers--
 
-The container will have four columns, each taking up 10% of the container’s width.
+The container will have four columns, each taking up 10% of the container's width.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
index cb9240fab1..fa6512ecaa 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
@@ -2,7 +2,7 @@
 id: 6732267ecab2151ced471cd4
 title: How Can You Create Gaps Between Tracks in a Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f8jbUFfvZ_Q
 dashedName: how-can-you-create-gaps-between-tracks-in-a-grid
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
index 2b14792c8f..0a5ab5c32a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
@@ -2,7 +2,7 @@
 id: 6732268d05c3661d32a0fee8
 title: How Can You Repeat Track Listings in a Grid Layout?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: d2wi5br6o0E
 dashedName: how-can-you-repeat-track-listings-in-a-grid-layout
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
index 55dead81ed..bcaf3ee8ef 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
@@ -2,7 +2,7 @@
 id: 6732269a7aa2ca1d6b6574fe
 title: What Is the Difference Between an Implicit and Explicit Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QMqRqHE_t8k
 dashedName: what-is-the-difference-between-an-implicit-and-explicit-grid
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
index 73675c2b62..4f96da8225 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
@@ -2,7 +2,7 @@
 id: 673226a62eb2121da41a3d68
 title: What Is the minmax() Function and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rpWiq2k2B_8
 dashedName: what-is-the-minmax-function-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
index afe98aad00..8f51dffeaa 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
@@ -2,7 +2,7 @@
 id: 673226afcd33991dd751937a
 title: How Do the grid-column and grid-row Properties Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZKlcAue2j_U
 dashedName: how-do-the-grid-column-and-grid-row-properties-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
index 06d6182cc8..02c9ce264a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
@@ -2,7 +2,7 @@
 id: 673226b97d4a731e0577ae93
 title: How Can You Position Items on the Grid Using the grid-template-areas Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PV83v-6vxKw
 dashedName: how-can-you-position-items-on-the-grid-using-the-grid-template-areas-property
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What do the `grid-column` and `grid-row` properties specify in a grid layout?
+How do you design a grid layout with the `grid-template-areas` property?
 
 ## --answers--
 
-The size of the grid container.
+With comma separated values like `1 / 4` to represent the different rows and columns of the layout.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The alignment of the entire grid.
+With comma separated values like `header` and `footer`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The horizontal and vertical placement of grid items.
+With strings of space-separated values to represent the different rows and columns of the layout.
 
 ---
 
-The size of grid tracks.
+With space-separated values like `2fr 1fr 1fr`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
index b7cf9657aa..5888765c6d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
@@ -2,7 +2,7 @@
 id: 672aa7e03c2e365e906e5733
 title: What Is Overflow in CSS, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: iqnkHaVCLww
 dashedName: what-is-overflow-in-css
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
index d97065c696..c892ba2327 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
@@ -2,7 +2,7 @@
 id: 672bcc8ccc976fd791610f43
 title: What Is the CSS Transform Property, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pC59ipGpaDk
 dashedName: what-is-the-css-transform-property
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
index 8ac6e6e23d..7b4f0292ae 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
@@ -2,7 +2,7 @@
 id: 672bcc9c4a6dd6d7dd3e6357
 title: What Is the CSS Box Model, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: oBIIFdfLGos
 dashedName: what-is-the-css-box-model
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
index 12c059731c..2892dd8fd7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
@@ -2,7 +2,7 @@
 id: 672bccae6e556cd81cef6af2
 title: What Is Margin Collapsing, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: MMWBC8duT_0
 dashedName: what-is-margin-collapsing
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
index 80888cea82..d1ba6e030a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
@@ -2,7 +2,7 @@
 id: 672bccc8ea33bad87abb3c56
 title: What Is the Difference Between content-box and border-box?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eKqNs2XXG14
 dashedName: what-is-the-difference-between-content-box-and-border-box
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
index 0df4558a03..04b27c6b43 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
@@ -2,7 +2,7 @@
 id: 672bccdb8f1823d8c60f914c
 title: What Is a CSS Reset, and What Are Some Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2VPFQpukQV8
 dashedName: what-is-a-css-reset
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
index c5ee4a0846..0f5889f3cc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
@@ -2,7 +2,7 @@
 id: 672bccebe1fc82d911c3f078
 title: What Is the CSS Filter Property, and What Are Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9ta8m4T9KYc
 dashedName: what-is-the-css-filter-property
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
index 50cd496e23..8a53a50148 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
@@ -2,7 +2,7 @@
 id: 672aa8985acb7361e656f94c
 title: What Are CSS Custom Properties, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rG9-26gM3eU
 dashedName: what-are-css-custom-properties
 ---
 
@@ -86,7 +86,7 @@ Think about the function used to reference custom properties in CSS.
 
 ## --text--
 
-What is a key advantage of using CSS custom properties over preprocessor variables?
+What is something you should be aware of when using CSS custom properties?
 
 ## --answers--
 
@@ -94,27 +94,27 @@ They can be used with older versions of CSS.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ---
 
-They can be manipulated using JavaScript at runtime.
+They might not be supported by older browsers.
 
 ---
 
-They are faster to process than preprocessor variables.
+They can lead to faster page speeds.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ---
 
-They can hold more complex values than preprocessor variables.
+They increase repetition in your stylesheets.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
index 3781b2687d..a97c67aeec 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
@@ -2,7 +2,7 @@
 id: 672cf3ca326da9f63683e236
 title: What Is the @property Rule, and How Does It Work with Fallbacks?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lFwXJzcJ9fg
 dashedName: what-is-the-at-property-rule
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
index 3e86207006..d9706a50d9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
@@ -1,14 +1,136 @@
 ---
 id: 6734e3ceee2da4b0301719b7
 title: How Do You Pass Props from Parent to Child Component in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-you-pass-props-from-parent-to-child-component-in-react
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lectures, we learned how to build small components in React like this:
+
+```js
+function Greeting() {
+  const developerName = "Jessica";
+  return <h1>Hi {developerName}!</h1>;
+}
+```
+
+We can choose to nest this component inside another parent component or the root component like this:
+
+```js
+function App() {
+  return <Greeting />;
+}
+
+function Greeting() {
+  const developerName = "Jessica";
+  return <h1>Hi {developerName}!</h1>;
+}
+```
+
+While this code will run fine and display the result of Hi Jessica! on the screen, it is not that flexible of a component.
+
+What if we wanted to display a different name like Naomi, Tom, or Oliver?
+
+This is where React props comes in.
+
+Props, which is short for properties, is the way for Parent components to pass data down to the child component.
+
+Props can be of any type: strings, numbers, booleans, objects, or arrays.
+
+Let’s update our example from earlier to now accept a `name` prop:
+
+```js
+function App() {
+  return <Greeting name="Jessica" />;
+}
+
+export default App;
+
+function Greeting(props) {
+  console.log(props);
+  return <h1>Hi {props.name}!</h1>;
+}
+```
+
+For the child component called `Greeting` we are now using `props.name` instead of hardcoding the name `"Jessica"`. We are also logging props to the console which is showing as an object.
+
+Then inside of the parent App component, we are passing the value to the name prop so it can be passed down to the child.
+
+The result will be the same on the screen like earlier, but now we have created a more flexible component.
+
+Now we have the ability to reuse the child component several times and pass in different names each time.
+
+```js
+function App() {
+  return (
+    <>
+      <Greeting name="Naomi" />
+      <Greeting name="Tom" />
+      <Greeting name="Jessica" />
+      <Greeting name="Oliver" />
+    </>
+  );
+}
+```
+
+You can also choose to use object destructuring in the props to make it more readable.
+
+Here's how you could rewrite the `Greeting` component:
+
+```js
+function Greeting({ name }) {
+  return <h1>Hi {name}!</h1>;
+}
+```
+
+This code achieves the same result but makes it clearer which props the component is expecting to receive.
+
+Sometimes, you can have a lot of properties that you have to pass as props. Instead of passing them one by one, you can use the spread operator (`...`), after converting them to an object.
+
+Here is an example of a new child component called `DeveloperCard`:
+
+```js
+function DeveloperCard({ name, age, country }) {
+  return (
+    <div className="developer-card">
+      <h1>Developer: {name}</h1>
+      <p>Age: {age}</p>
+      <p>Country: {country}</p>
+    </div>
+  );
+}
+```
+
+This `DeveloperCard` component accepts three props: `name`, `age`, and `country`.
+
+In the parent `App` component, we can use the spread syntax to pass all the properties from an object as individual props to the child component.
+
+```js
+function App() {
+  const developerObj = {
+    name: "Alice",
+    age: 30,
+    country: "USA",
+  };
+
+  return (
+    <div className="App">
+      <DeveloperCard {...developerObj} />
+    </div>
+  );
+}
+```
+
+This is particularly useful when working with arrays of objects and passing multiple sets of properties to child components. For example, you might have a list of developers where each object in the array has the same structure but represents a different person.
+
+You will learn more about how to render lists in React in future lectures.
+
+Using props in React makes your components more flexible and reusable, allowing you to build more complex UIs. However, it's important to note that props are immutable, meaning they cannot be changed once passed to a component. If you need to handle user input and modify data, you should use state instead. You'll learn more about managing state in future lectures.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
index 59701e4b40..25b6b6c3bf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
@@ -1,14 +1,71 @@
 ---
 id: 673500abfe36cd015b67b1b7
 title: How Does Conditional Rendering Work in React Components?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-does-conditional-rendering-work-in-react-components
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Conditional rendering in React allows you to create dynamic user interfaces. It is used to show different content based on certain conditions or states within your application.
+
+The most common approaches of using Conditional rendering includes using if statements, the ternary operator, and `logical AND (&&)` operator.
+
+The simplest form of conditional rendering uses an if statement.
+
+Here's an example:
+
+```js
+function Greeting({ isLoggedIn }) {
+  if (isLoggedIn) {
+    return <h1>Welcome back!</h1>;
+  }
+  return <h1>Please sign in</h1>;
+}
+```
+
+In this example, the `Greeting` component checks the `isLoggedIn` prop. If it's true, it returns a welcome message, otherwise, it prompts the user to sign in.
+
+Here is an example using the Greeting component inside of the parent App component.
+
+```js
+function App() {
+  return (
+    <div className="App">
+      <Greeting isLoggedIn={false} />
+    </div>
+  );
+}
+```
+
+For simpler conditions, the ternary operator (?) is often used directly within JSX. It allows for inline conditional rendering, which can make your code more concise:
+
+```js
+function Greeting({ isLoggedIn }) {
+  return <h1>{isLoggedIn ? "Welcome back!" : "Please sign in."}</h1>;
+}
+```
+
+This code achieves the same result as the previous example but in a more compact form. The ternary operator checks isLoggedIn and renders the appropriate message.
+
+Another common pattern for conditional rendering is using the `logical AND (&&)` operator. This is particularly useful when you want to render something or nothing based on a condition:
+
+```js
+function Notification({ message }) {
+  return (
+    <div>
+      {message && <p>{message}</p>}
+    </div>
+  );
+}
+```
+
+In this example, the paragraph element with the message is only rendered if the `message` prop is truthy. If `message` is falsy (meaning it is an empty string, `null`, or `undefined`), nothing is rendered to the screen.
+
+By mastering these techniques of conditional rendering, you can build more interactive and user-friendly applications that adapt to changing data and user interactions.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
index 957731e786..bf14742e40 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
@@ -1,14 +1,80 @@
 ---
 id: 673500b41af8500191febedc
 title: How Do You Render Lists in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-you-render-lists-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Rendering lists is a fundamental task in React web apps, and is used for displaying data to users. In React, the `map()` method is used to transform an array of data into an array of JSX elements that can be rendered in the UI.
+
+Here is an example of a component called `FruitList` that displays a list of fruits:
+
+```js
+function FruitList() {
+  const fruits = ['Apple', 'Banana', 'Cherry', 'Date'];
+  return (
+    <ul>
+      {fruits.map(fruit => <li>{fruit}</li>)}
+    </ul>
+  );
+}
+```
+
+In this example, the `map()` function iterates over each item in the fruits array. For each fruit, it creates a new `<li>` element containing the fruit's name. The newly created array of `<li>` elements is then displayed inside the `<ul>` parent tags.
+
+However, when rendering lists in React, it is important not to forget the key prop to each element in the list. The key must always be unique and it helps React identify which items have changed, been added, or been removed, which is essential for efficient rendering and updating the list.
+
+Let's modify our example to include keys:
+
+```js
+function FruitList() {
+  const fruits = ["Apple", "Banana", "Cherry", "Date"];
+  return (
+    <ul>
+      {fruits.map((fruit, index) => (
+        <li key={`${fruit}-${index}`}>{fruit}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+In this refactored example, we are creating a unique key for each list item by concatenating the fruit name with its index. This ensures that each list item has a distinct key, which helps React efficiently manage and update the list when items are added, removed, or reordered.
+
+React's also allows you to render more complex structures. For instance, you might have an array of objects representing users, each with multiple properties that you want to display:
+
+```js
+function UserList() {
+  const users = [
+    { id: "user-001-employee", name: "Alice", email: "alice@example.com" },
+    { id: "user-002-employee", name: "Bob", email: "bob@example.com" },
+    { id: "user-003-employee", name: "John", email: "john@example.com" },
+  ];
+  return (
+    <div>
+      {users.map((user) => (
+        <div key={user.id}>
+          <h3>{user.name}</h3>
+          <p>{user.email}</p>
+        </div>
+      ))}
+    </div>
+  );
+}
+```
+
+In this example, we're creating a more complex JSX structure for each user, displaying both their name and email. We're using the user's id as the key, which is a good practice.
+
+In conclusion, rendering lists in React involves converting arrays of data into JSX elements, typically using the `map()` function.
+
+Always remember to provide a unique key for each list item to help React manage the updating and rendering roles.
+
+With these techniques, you can create flexible, efficient, and dynamic lists in your React applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
index 42fc4bdbd4..ac21642908 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
@@ -1,14 +1,81 @@
 ---
 id: 673500bfe1f41601c1ddb1a2
 title: How Do Inline Styles Work in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-inline-styles-work-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In React, inline styles are used to apply CSS styles directly to React elements within your JSX code instead of defining them in separate CSS files.
+
+React's approach to inline styles involves using JavaScript objects to define styles, rather than traditional CSS strings. This means that instead of writing styles as you would in a CSS file, you create a JavaScript object where the keys are camelCased versions of CSS property names, and the values are the strings of CSS values.
+
+Here is an example of how you can use inline styles for a `Button` component:
+
+```js
+function Button({ buttonText }) {
+  const defaultStyles = {
+    backgroundColor: "#007BFF",
+    color: "white",
+    border: "none",
+    borderRadius: "4px",
+    padding: "10px 20px",
+    fontSize: "16px",
+    fontWeight: "bold",
+    cursor: "pointer",
+    transition: "background-color 0.3s ease",
+  };
+
+  return <button style={defaultStyles}>{buttonText}</button>;
+}
+```
+
+In this example, we define a style object called defaultStyles. We then apply these styles to a button element using the style attribute. React takes care of applying these styles to the element when it renders.
+
+You can also choose to pass in an object directly to the style attribute. Here is what a revised example would look like:
+
+```js
+function Button({ buttonText }) {
+  return (
+    <button
+      style={{
+        backgroundColor: "#007BFF",
+        color: "white",
+      }}
+    >
+      {buttonText}
+    </button>
+  );
+}
+```
+
+Sometimes you might want to pass in an object directly if there are only a few properties like shown here. Otherwise, passing in a name to an object would be better like in the first example.
+
+It's important to note that while CSS property names are typically written in kebab-case (like font-size), in React's inline styles, we use camelCase (like fontSize). This is because the style object is a JavaScript object, and kebab-case names are not valid as object keys in JavaScript without using quotes.
+
+A great advantage of inline styles in React is that they support dynamic styling based on a component state or props. For example:
+
+```js
+function DynamicButton({ isActive }) {
+  const buttonStyles = {
+    backgroundColor: isActive ? "green" : "red",
+    color: "white",
+    padding: "10px 15px",
+    border: "none",
+    cursor: "pointer",
+  };
+
+  return <button style={buttonStyles}>Login</button>;
+}
+```
+
+In this example, the button's background color changes based on the isActive prop. This kind of dynamic styling can be powerful for creating interactive and responsive user interfaces.
+
+In summary, inline styles in React provide a powerful way to apply and manipulate styles directly within your components. They use JavaScript objects instead of CSS strings, require camelCased property names, and can easily incorporate dynamic values. They're an essential tool in a React developer's toolkit, especially for creating highly customized and interactive user interfaces.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
index 2dece399e2..f6409110e6 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
@@ -2,7 +2,7 @@
 id: 672d264645e289208e562f10
 title: What Is Dynamic Typing in JavaScript, and How Does It Differ from Statically Typed Languages?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IOKsF08zioQ
 dashedName: what-is-dynamic-typing-in-javascript-and-how-does-it-differ-from-statically-typed-languages
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
index ad8edaae65..b3dd9cdb9c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
@@ -2,7 +2,7 @@
 id: 6732518a8627876f4fcd18a4
 title: How Does the typeof Operator Work, and What Is the typeof null Bug in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DDHu5VDlkPM
 dashedName: how-does-the-typeof-operator-work-and-what-is-the-typeof-null-bug-in-javascript
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the `typeof` operator return when used on a `string` in JavaScript?
+What does the `typeof` operator return when used on a string in JavaScript?
 
 ## --answers--
 
@@ -86,7 +86,7 @@ Recall the unexpected behavior when checking the type of `null`.
 
 ## --text--
 
-How does `typeof` behave when checking the type of a `number`?
+How does `typeof` behave when checking the type of a number?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
index 92714c7a4e..57287c577f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
@@ -2,7 +2,7 @@
 id: 6733aafb9c0802f66cc1e056
 title: How Does the JavaScript Data Object Work, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aFGXBwkmNqg
 dashedName: how-does-the-javascript-data-object-work-and-what-are-some-common-methods
 ---
 
@@ -54,11 +54,11 @@ If you use the `getMonth` method and it returns `4`, which month is being repres
 
 ## --answers--
 
-`April`
+`May`
 
 ---
 
-`May`
+`April`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
index d00bcaffc3..c803fed955 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
@@ -2,7 +2,7 @@
 id: 6733d608654c17868e01c0a2
 title: What Are the Different Ways to Format Dates?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 67I6H8Vce2E
 dashedName: what-are-the-different-ways-to-format-dates
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
index 8942cd8356..683f59ec45 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
@@ -38,7 +38,7 @@ Think about the file name that looks complicated.
 
 ---
 
-products.html
+`products.html`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
index 28f4518c0d..5b9a32f397 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
@@ -1,14 +1,117 @@
 ---
 id: 672d269da46786225e3fe3fd
 title: What Is the Purpose of Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-purpose-of-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functions are reusable pieces of code that perform a specific task or calculate a value. Think of functions as a machine that takes some input, does some operations on it, and then produces an output.
+
+Here is an example of declaring a function:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+```
+
+In this example, we have declared a function called `greet`.  Inside that function, we have a `console.log` that logs the message `"Hello, Jessica!"`.
+
+If we tried to run this code, we would not see the message appear in the console. This because we need to call the function.
+
+A function call, or or invocation, is when we actually use or execute the function. To call a function, you will need to reference the function name followed by a set of parentheses:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+
+greet(); // "Hello, Jessica!"
+```
+
+Now the message of `"Hello, Jessica!"` will be logged to the console.
+
+But what if we wanted the message to say `"Hello, Nick!"` or `"Hello, Anna!"`?
+
+We don’t want to write a new function each time we greet a different user. Instead, we can create a reusable function that uses function parameters and arguments.
+
+Parameters act as placeholders for the values that will be passed to the function when it is called. They allow functions to accept input and work with that input.
+
+Arguments are the actual values passed to the function when it is called.
+
+Here is an updated version of the greet function that uses parameters and arguments:
+
+```js
+function greet(name) {
+  console.log("Hello, " + name + "!");
+}
+
+greet("Alice"); // Hello, Alice!
+greet("Nick"); // Hello, Nick!
+```
+
+The name serves as the parameter while the strings `"Alice"` and `"Nick"` serve as the arguments. Now we have a reusable function that can be used dozens of times throughout our code with different arguments.
+
+When a function finishes its execution, it will always return a value. By default, the return value will be `undefined`.
+
+Here is an example:
+
+```js
+function doSomething() {
+    console.log("Doing something...");
+}
+
+let result = doSomething();
+console.log(result); // undefined
+```
+
+If you need your function to return a specific value, then you will need to use the `return` statement.
+
+Here is an example of using a `return` statement to return the sum of two values:
+
+```js
+function calculateSum(num1, num2) {
+  return num1 + num2;
+}
+
+console.log(calculateSum(3, 4)); // 7
+```
+
+Often times you will be using the `return` statement, because you can use that value that was output from the function later on in your code.
+
+So far, we’ve been working with named functions, but you can also create what’s called an anonymous function.
+
+An anonymous function is a function without a name that can be assigned to a variable like this:
+
+```js
+const sum = function (num1, num2) {
+  return num1 + num2;
+};
+
+console.log(sum(3, 4)); // 7
+```
+
+In this example, we have a `const` variable called `sum` and we are assigning it an anonymous function that returns the sum of `num1` and `num2`.  We are then able to call `sum` and pass in the numbers `3` and `4` to get the result of `7`.
+
+Functions support default parameters, allowing you to set default values for parameters. These default values are used if the function is called without an argument for that parameter. Here’s an example:
+
+```js
+function greetings(name = "Guest") {
+  console.log("Hello, " + name + "!");
+}
+
+greetings(); // Hello, Guest!
+greetings("Anna"); // Hello, Anna!
+```
+
+In this example, if no argument is provided for name, it defaults to `Guest`.
+
+In summary, functions allow you to write reusable and organized code. They can take inputs (parameters), perform actions, and return outputs.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
index 2ac2ecd8ce..9aabaaa2f9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
@@ -1,14 +1,112 @@
 ---
 id: 673284d5e52ef81a2169b097
 title: What Are Arrow Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-arrow-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture, you learned how to work with functions, which are reusable pieces of code that help make your code more modular, easier to maintain, and more efficient.
+
+All previous examples used the regular function syntax, like this:
+
+```js
+function greetings(name) {
+  console.log("Hello, " + name + "!");
+}
+```
+
+But another way to write functions in JavaScript is to create an arrow function expression.
+
+Here is how you can refactor the previous example to use arrow function syntax instead:
+
+```js
+const greetings = (name) => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+In this revised example, we are creating a const variable called `greetings` and assigning it an anonymous function.
+
+Most of the syntax will look familiar to you except for the missing `function` keyword and the addition of the arrow `=>` between the `name` parameter and the function body.
+
+If your parameter list only has one parameter in it, then you can remove the parentheses like this:
+
+```js
+const greetings = name => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+If your arrow function has no parameters, then you must use the parentheses like this:
+
+```js
+const greetings = () => {
+  console.log("Hello");
+};
+```
+
+When first learning about functions, you had to wrap the function body in curly braces.
+
+But if your function body only contains a single line of code, you can remove the curly braces like this:
+
+```js
+const greetings = name => console.log("Hello, " + name + "!");
+```
+
+It is important to note that removing the parentheses and curly braces for regular function syntax will not work. You will get errors if you tried to do something like this:
+
+```js
+// This will produce syntax errors 
+function greetings name console.log("Hello, " + name + "!");
+```
+
+These types of one line functions only work if you are using the arrow function syntax.
+
+Another key concept is the `return` statement.
+
+Here is an example of using the arrow function syntax to calculate the area:
+
+```js
+const calculateArea = (width, height) => {
+  const area = width * height;
+  return area;
+};
+
+console.log(calculateArea(5, 3)); // 15
+```
+
+We are creating a variable inside the function called `area` and then returning that variable. But we could clean up our code a bit and return the calculation itself:
+
+```js
+const calculateArea = (width, height) => {
+  return width * height;
+};
+```
+
+If you tried to remove the curly braces and place the calculation on the same line, then you would get an `Uncaught SyntaxError: Unexpected token 'return'  message`.
+
+```js
+const calculateArea = (width, height) => return width * height;
+```
+
+The reason why you are getting this error, is because you need to remove the `return` statement. When you remove that `return` statement, the error will disappear and the function will still implicitly return the calculation.
+
+```js
+const calculateArea = (width, height) => width * height;
+```
+
+So when should you use the arrow function syntax?
+
+Well, it depends.
+
+Many developers use it consistently in their personal projects. However, when working on a team, the choice usually depends on whether the existing codebase uses regular functions or arrow functions.
+
+In future lectures, we’ll cover when to use arrow functions and when to avoid them.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
index 87e98db0a0..ffe92fe9c0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
@@ -1,14 +1,76 @@
 ---
 id: 673284e7244c0c1a649121b9
 title: What Is Scope in Programming, and How Does Global, Local, and Block Scope Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-scope-in-programming-and-how-does-global-local-and-block-scope-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Scope in programming refers to the visibility and accessibility of variables in different parts of your code. It determines where variables can be accessed or modified.
+
+In JavaScript, understanding scope is crucial for writing clean, efficient, and bug-free code. There are three main types of scope: global scope, local scope, and block scope.
+
+Global scope is the outermost scope in a JavaScript program. Variables declared in the global scope are accessible from anywhere in your code, including within functions and blocks. These variables are often called global variables.
+
+While global variables can be convenient, they should be used sparingly as they can lead to naming conflicts and make your code harder to maintain.
+
+Here's an example of a global variable:
+
+```js
+let globalVar = "I'm a global variable";
+
+function printGlobalVar() {
+    console.log(globalVar);
+}
+
+printGlobalVar(); // Output: "I'm a global variable"
+```
+
+In this example, `globalVar` is declared in the global scope and can be accessed inside the `printGlobalVar` function.
+
+Local scope, on the other hand, refers to variables that are only accessible within a function.
+
+Here's an example of local scope:
+
+```js
+function greet() {
+    let message = "Hello, local scope!";
+    console.log(message);
+}
+
+greet(); // Output: "Hello, local scope!"
+console.log(message); // This will throw an error
+```
+
+In this code, `message` is a local variable within the `greet` function. It can be used inside the function, but trying to access it outside the function will result in an error.
+
+Block scope is a concept introduced with the let and const keywords in ES6. A block is any code section within curly braces `{}`, such as in `if` statements, `for` loops, or `while` loops. The concept of loops will be taught in an upcoming lecture.
+
+Variables declared with `let` or `const` inside a block are only accessible within that block. Here's an example of block scope:
+
+```js
+if (true) {
+    let blockVar = "I'm in a block";
+    console.log(blockVar); // Output: "I'm in a block"
+}
+console.log(blockVar); // This will throw an error
+```
+
+In this example, `blockVar` is only accessible within the `if` block. Trying to access it outside the block will result in an error.
+
+Understanding these different types of scope is essential for managing variable accessibility and avoiding unintended side effects in your code.
+
+Global variables should be used sparingly, as they can lead to naming conflicts and make your code harder to maintain.
+
+Local variables help to keep different parts of your code isolated, which is especially useful in larger programs.
+
+Block scoping with `let` and `const` provides even finer control over variable accessibility, helping to prevent errors and make your code more predictable.
+
+Mastering these basic concepts of global, local, and block scope will provide a solid foundation for understanding more advanced topics.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
index 6c407d3ce4..1aae18e36b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
@@ -2,7 +2,7 @@
 id: 67329ffd75010f5ddeb4ea13
 title: What Is a Callback Function, and How Does It Work with the forEach Method?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ye6d69RVeqY
 dashedName: what-is-a-callback-function-and-how-does-it-work-with-the-foreach-method
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
index e922b881c1..fe5a9fbf34 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
@@ -2,7 +2,7 @@
 id: 67336296a3c1591da81856c2
 title: What Are Higher-Order Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dj9Pt4tODfA
 dashedName: what-are-higher-order-functions
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
index 816314c512..ff9c6d9631 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
@@ -1,14 +1,65 @@
 ---
 id: 673362a34edda41dedf87623
 title: What Is the Map Method, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-map-method-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The `map` method is a powerful and widely used function in JavaScript that operates on arrays. It is designed to create a new array by applying a given function to each element of the original array.
+
+This method does not modify the original array but instead returns a new array containing the results of the function applied to each element.
+
+Here is an example of using the `map` method on an array of numbers:
+
+```js
+const numbers = [1, 2, 3, 4, 5];
+const doubled = numbers.map((num) => num * 2);
+console.log(numbers); // [1,2,3,4,5]
+console.log(doubled); // [2,4,6,8,10]
+```
+
+To create a new array where each number is doubled, we are using the `map` method. The `map` method accepts a callback function where the function is called on every single element in the array.
+
+In this case, each number in the array will be multiplied by 2. The result will be a new array of the numbers 2,4,6,8,10.
+
+The callback function can accept up to three arguments.
+
+The first argument is the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element) => {
+  console.log("Element:", element);
+  return element * 2;
+});
+```
+
+The second argument is the index of the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  return element * 2;
+});
+```
+
+The third argument is the array where `map` is being called on.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index, array) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  console.log("Array:", array);
+  return element * 2;
+});
+```
+
+Understanding and effectively using the map method can significantly improve your ability to work with arrays in JavaScript. In future lecture videos, we'll dive deeper into more advanced uses of map and explore how it can be a powerful tool for building dynamic and efficient programs.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
index f859943167..c4b05e8119 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
@@ -2,7 +2,7 @@
 id: 673362b3f763ae1e38e17df7
 title: What Is the Filter Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EaVyNFI53Mk
 dashedName: what-is-the-filter-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
index be1d5e441f..bea6d82f98 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
@@ -2,7 +2,7 @@
 id: 673362be2f70c21e65bc5459
 title: What Is the Reduce Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: fxgwdO-Eii8
 dashedName: what-is-the-reduce-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
index 538b78c844..f721c1d624 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
@@ -2,7 +2,7 @@
 id: 673362cbb475e21eab726506
 title: What Is Method Chaining, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bsCkwxZ4sho
 dashedName: what-is-method-chaining-and-how-does-it-work
 ---
 
@@ -116,7 +116,7 @@ console.log(result);
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
index 540d92a0f8..99550b28a5 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
@@ -2,7 +2,7 @@
 id: 673362d7f94d551edb532d24
 title: How Does the Sort Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eA5HGl-qsdA
 dashedName: how-does-the-sort-method-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
index 6ec357a968..12db447450 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
@@ -2,7 +2,7 @@
 id: 673362e43d57b51f1ad2d466
 title: How Do the every() and some() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ELHJGK4IyqU
 dashedName: how-do-the-every-and-some-methods-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
index ab1b8a6f1a..02f33dec43 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
@@ -86,36 +86,36 @@ A tool that checks the validity of HTML.
 
 ## --text--
 
-Which of these is not an example of an HTML validator?
+Which of these is an example of an HTML validator?
 
 ## --answers--
 
-W3.org HTML validator.
+W3.org HTML validator
 
-### --feedback--
+---
 
-Look out for the option that is not an HTML validator.
+CSS Lint
 
----
+### --feedback--
 
-JS World HTML Validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-Prettier Code Formatter.
+JavaScript Debugger
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-JSONFormatter.org HTML Validator.
+Photoshop
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ## --video-solution--
 
-2
+1
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
index 22712e9c17..950d3b1275 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
@@ -1,6 +1,6 @@
 ---
 id: 6716744f7245947a3dd60009
-videoId: D4PO-NUqmzg
+videoId: zf4bbN-hYOg
 title: What Are the Different Target Attribute Types, and How Do They Work?
 challengeType: 11
 dashedName: what-are-the-different-target-attribute-types
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
index 40e0a83659..7bc6e9ff7d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
@@ -1,6 +1,6 @@
 ---
 id: 671682dd88e461a8e2620f38
-videoId: hpEmssjWh-0
+videoId: bxr4p5Ik4js
 title: What Is the Difference Between Absolute and Relative Paths?
 challengeType: 11
 dashedName: what-is-the-difference-between-absolute-and-relative-paths
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
index f708e3445a..ca5d07c2a3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
@@ -1,6 +1,6 @@
 ---
 id: 6716830dbaf95da9564f2e3b
-videoId: nVAaxZ34khk
+videoId: GTgzy4wPXcM
 title: What Is the Difference Between Slashes, a Single Dot, and Double Dot in Path Syntax?
 challengeType: 11
 dashedName: what-is-the-difference-between-slashes-a-single-dot-and-double-dot-in-path-syntax
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
index e02d8909a7..68a1cf656d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
@@ -1,6 +1,6 @@
 ---
 id: 67168323932391a9ee0d3a9e
-videoId: O86-AxNc0nU
+videoId: ztu_9h2ZJrA
 title: What Are the Different Link States, and Why Are They Important?
 challengeType: 11
 dashedName: what-are-the-different-link-states
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
index 676a886137..816424d2dd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
@@ -2,7 +2,7 @@
 id: 67329f7f3d1bd75c17896c66
 title: How Do Loops and Iteration Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2h4RsvyUDH4
 dashedName: how-do-loops-and-iteration-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
index 26e85ea235..4f6e763e6d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
@@ -2,7 +2,7 @@
 id: 6732c04638420641dcca2e6e
 title: How Does the For...of Loop Work, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3EvkUpl4IQs
 dashedName: how-does-the-for-of-loop-work-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
index cbd715bf2a..4462c37abc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
@@ -2,7 +2,7 @@
 id: 6732c05595ca7d422b9e55ff
 title: What Is the For...in Loop, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: K0dZ8f9AZt4
 dashedName: what-is-the-for-in-loop-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
index 11eeb943ca..651015d2e4 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
@@ -2,7 +2,7 @@
 id: 6732c06654ea3442724284fe
 title: What Is a While Loop, and How Does It Differ from the Do...while Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 93KL4Ou1eXU
 dashedName: what-is-a-while-loop-and-how-does-it-differ-from-the-do-while-loop
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
index 80429b20e1..9e1bd6c97d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
@@ -2,7 +2,7 @@
 id: 6732c07238355642a9781dfb
 title: What Are the Break and Continue Statements Used for in Loops?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: U3gATVuQTxQ
 dashedName: what-are-the-break-and-continue-statements-used-for-in-loops
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
index ede42b9287..9327c83582 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
@@ -2,7 +2,7 @@
 id: 6733ab269b378bf724c9ac71
 title: What Are Sets in JavaScript, and How Does It Differ from WeakSets?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4XFTr08_hog
 dashedName: what-are-sets-in-javascript-and-how-does-it-differ-from-weaksets
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
index f09c5a8158..977210422e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
@@ -2,7 +2,7 @@
 id: 6733dd694f91d61a5272b4ac
 title: What Is the Map Object, and How Does It Differ from WeakMaps?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2hHKZBPJQRY
 dashedName: what-is-the-map-object-and-how-does-it-differ-from-weakmaps
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
index 72278f888a..28deeb7f56 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
@@ -2,7 +2,7 @@
 id: 672d26809d388621ad1ecd43
 title: How Does isNaN Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lxK56X8Rr1M
 dashedName: how-does-isnan-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
index cb6dd13339..ccae567b85 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
@@ -2,7 +2,7 @@
 id: 6732808f3221720adc833e81
 title: How Do the parseFloat() and parseInt() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5Q_BlR2NKYk
 dashedName: how-do-the-parsefloat-and-parseint-methods-work
 ---
 
@@ -74,7 +74,7 @@ Consider how `Number.parseInt()` handles leading whitespace and non-digit charac
 
 ---
 
-42
+`42`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
index 2daec965f3..b371fd65d2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
@@ -2,7 +2,7 @@
 id: 673280a1c29d0a0b17316e56
 title: What Is the toFixed() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4GnMICoBC1Y
 dashedName: what-is-the-tofixed-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
index 099c339146..ca24f48370 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
@@ -2,7 +2,7 @@
 id: 672d266e014ef8216df987d2
 title: What Is the Number Type in JavaScript, and What Are the Different Types of Numbers Available?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ccHZ7e8z4SM
 dashedName: what-is-the-number-type-in-javascript-and-what-are-the-different-types-of-numbers-available
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
index ea0aa4ac2f..a9f1a0d033 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
@@ -2,7 +2,7 @@
 id: 673271884bf678d8b9c64f56
 title: What Are the Different Arithmetic Operators in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: guUVaI-X7Gk
 dashedName: what-are-the-different-arithmetic-operators-in-javascript
 ---
 
@@ -14,107 +14,117 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How can you check if a number is even using the `modulus` operator in JavaScript?
+Which of the following operators should you use to subtract one number from another?
 
 ## --answers--
 
-Use the `modulus` operator and check if the remainder is equal to `0` using strict equality (`===`).
+`+`
 
----
+### --feedback--
 
-Use the `modulus` operator and check if the remainder is greater than `1`.
+Think about the symbol typically used for subtraction.
 
-### --feedback--
+---
 
-Consider what remainder an even number gives when divided by `2`.
+`-`
 
 ---
 
-Use the `modulus` operator and ignore the remainder.
+`*`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ---
 
-Use the `modulus` operator and check if the remainder is equal to 1.
+`/`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ## --video-solution--
 
-1
+2
 
 ## --text--
 
-Which of these statements best describes operator precedence in JavaScript?
+What’s the output of the following code?
+
+```js
+const result = 4 / 0;
+console.log(result);
+```
 
 ## --answers--
 
-Addition and subtraction have the highest precedence.
+`Infinity`
 
-### --feedback--
+---
 
-Consider which operations are executed first in a mathematical expression.
+`4`
 
----
+### --feedback--
 
-Exponentiation has the highest precedence, followed by multiplication, division, and remainder.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-Multiplication and division have lower precedence than addition and subtraction.
+`1`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-All operators have the same precedence.
+`16`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ## --video-solution--
 
-2
+1
 
 ## --text--
 
-How do you use the subtraction operator in JavaScript to find the difference between two numbers?
+What’s the output of the following code?
+
+```js
+const remainder = 5 % 3;
+console.log(remainder);
+```
 
 ## --answers--
 
-Use the plus sign (`+`) to subtract numbers.
+`15`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the minus sign (`-`) to subtract a smaller number from a bigger number.
+`2`
 
 ---
 
-Use the multiplication sign (`*`) to perform subtraction.
+`3`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the division sign (`/`) to find the difference.
+`1.6666666666666667`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
index 8bd8a87d00..0dddc6cbb0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
@@ -2,7 +2,7 @@
 id: 67327195e77b1bd90bdd49d7
 title: What Happens When You Try to Do Calculations with Numbers and Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KPFskFoAzUA
 dashedName: what-happens-when-you-try-to-do-calculations-with-numbers-and-strings
 ---
 
@@ -14,35 +14,39 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = 3 + "19";
+```
 
 ## --answers--
 
-JavaScript throws an error.
+JavaScript ignores the string and only performs the operation on the number.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript ignores the boolean and only performs the operation on numbers.
+JavaScript throws an error when you try to mix strings and numbers in arithmetic.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
+JavaScript converts the number `3` into the string `"3"`, concatenates the two strings, and assigns the value `"319"` to `result`.
 
 ---
 
-JavaScript converts the boolean to a string before performing the operation.
+JavaScript converts the string `"19"` into the number `19`, performs the operation, and assigns the value `22` to `result`.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ## --video-solution--
 
@@ -50,71 +54,75 @@ Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --text--
 
-What happens when you perform arithmetic operations like subtraction, multiplication, or division with a string and a number in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = "6" - 4;
+```
 
 ## --answers--
 
-JavaScript ignores the string and only performs the operation on the number.
+Conversion fails and JavaScript returns `NaN`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript throws an error when you try to mix strings and numbers in arithmetic.
+JavaScript converts the number `4` into the string `"4"`, concatenates the two strings, and assigns the value `"64"` to `result`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript converts the string into a number before performing the operation, a process called type coercion.
+The value `Infinity` is assigned to `result`.
 
----
+### --feedback--
 
-JavaScript converts the number into a string before performing the operation.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
-### --feedback--
+---
 
-Think about how JavaScript handles different data types in math operations.
+JavaScript converts the string `"6"` into the number `6`, performs the operation, and assigns the value `2` to `result`.
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
-How does JavaScript handle arrays or objects in arithmetic operations?
+What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
 
 ## --answers--
 
-It throws an error.
+JavaScript throws an error.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It performs the arithmetic operation normally without any conversion.
+JavaScript ignores the boolean and only performs the operation on numbers.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It converts the array or object to a string and then concatenates it with the number.
+JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
 
 ---
 
-It ignores the array or object and only operates on the number.
+JavaScript converts the boolean to a string before performing the operation.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
index fcaf6be9d2..1ee9d0a810 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
@@ -2,7 +2,7 @@
 id: 6732719e2e3ad4d947410b65
 title: How Does Operator Precedence Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pnXCNw4fCyU
 dashedName: how-does-operator-precedence-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
index a704f909f3..24d3384157 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
@@ -2,7 +2,7 @@
 id: 673271a8998ddfd97578d095
 title: How Do the Increment and Decrement Operators Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: byGvO4RC26w
 dashedName: how-do-the-increment-and-decrement-operators-work
 ---
 
@@ -66,7 +66,7 @@ Prefix (`++value` or `--value`).
 
 ---
 
-Either prefix or postfix, it doesn’t matter.
+Either prefix or postfix, it doesn't matter.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
index 254a230c4b..c80280ece1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
@@ -2,7 +2,7 @@
 id: 673271b4213033d9b661c70e
 title: What Are Compound Assignment Operators in JavaScript, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _OotACioDZs
 dashedName: what-are-compound-assignment-operators-in-javascript-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
index 0b701c7098..a75801d30b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
@@ -2,7 +2,7 @@
 id: 673271c7581a27d9dd78f6d6
 title: What Are Booleans, and How Do They Work with Equality and Inequality Operators?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PmbDO3GXcO4
 dashedName: what-are-booleans-and-how-do-they-work-with-equality-and-inequality-operators
 ---
 
@@ -110,7 +110,7 @@ Think about how JavaScript handles different types with regular equality.
 
 ---
 
-It throws an error if the types don’t match.
+It throws an error if the types don't match.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
index 35faec0329..015656c81e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
@@ -2,7 +2,7 @@
 id: 673271dffbc34fda31da9515
 title: What Are Comparison Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1E_U3oP18sA
 dashedName: what-are-comparison-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
index 4652149991..12b88aab00 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
@@ -2,7 +2,7 @@
 id: 673271e8e3d43bda89f723b3
 title: What Are Unary Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VTY8Y9qfvTs
 dashedName: what-are-unary-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
index b9e0fb151d..d43333545d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
@@ -2,7 +2,7 @@
 id: 673271f39f124ddac28866d5
 title: What Are Bitwise Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Wga6bSebwFg
 dashedName: what-are-bitwise-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
index 7c78e6ce54..525aa9fc34 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
@@ -2,7 +2,7 @@
 id: 673271fd11d063daf0cf8d20
 title: What Are Conditional Statements, and How Do If/Else If/Else Statements Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 6BZn4rKzpJ8
 dashedName: what-are-conditional-statements-and-how-do-if-else-if-else-statements-work
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What’s a compact way to write simple `if`/`else` statements?
+What's a compact way to write simple `if`/`else` statements?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
index 215b6cbcee..7ecb9e7567 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
@@ -2,7 +2,7 @@
 id: 6732720e95f6a0db526a2e4d
 title: What Are Binary Logical Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bFo2p8aD9Y8
 dashedName: what-are-binary-logical-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
index 78b4665618..aae68540df 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
@@ -2,7 +2,7 @@
 id: 67327217e70ee0db7913b255
 title: What Is the Math Object in JavaScript, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1VUy-I4sNKQ
 dashedName: what-is-the-math-object-in-javascript-and-what-are-some-common-methods
 ---
 
@@ -86,7 +86,7 @@ Think about how it chooses to round up or down based on the decimal value.
 
 ## --text--
 
-What’s the difference between `Math.min()` and `Math.max()`?
+What's the difference between `Math.min()` and `Math.max()`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
index 49f6d5682f..cc96327f7b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
@@ -2,7 +2,7 @@
 id: 67329f737126b75bcb949e13
 title: What Is an Object in JavaScript, and How Can You Access Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JNFs7YHLRFQ
 dashedName: what-is-an-object-in-javascript-and-how-can-you-access-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
index 333f83cc67..fa14e74eb0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
@@ -2,7 +2,7 @@
 id: 6732b721eb98f224868b44a6
 title: How Can You Remove Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sz2K-rYNjSI
 dashedName: how-can-you-remove-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
index a084a126cf..2e03b3f962 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
@@ -2,7 +2,7 @@
 id: 6732b72961f94324bd6390de
 title: How to Check If an Object Has a Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i1MpmDeRZ_0
 dashedName: how-to-check-if-an-object-has-a-property
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
index 0aa3e00632..401d654fbc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
@@ -2,7 +2,7 @@
 id: 6732b73509f71f24ef05e86e
 title: How Do You Work with Accessing Properties from Nested Objects and Arrays in Objects?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f7uZdVLZuCA
 dashedName: how-do-you-work-with-accessing-properties-from-nested-objects-and-arrays-in-objects
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
index 292eae0920..5216609e44 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
@@ -2,7 +2,7 @@
 id: 6732b73d25cc01251b778043
 title: What Is the Difference Between Primitive and Non-Primitive Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: c-jyZdhWIYk
 dashedName: what-is-the-difference-between-primitive-and-non-primitive-data-types
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
index 2b10ff9d72..76679f6501 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
@@ -2,7 +2,7 @@
 id: 6732b749b8aad125523dcda5
 title: What Is the Difference Between Functions and Object Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Jufe8vG8TVo
 dashedName: what-is-the-difference-between-functions-and-object-methods
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
index 2b1deddd94..7391daa6b7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
@@ -2,7 +2,7 @@
 id: 6732b758194c97257d23fc72
 title: What Is the Object() Constructor, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: o-AsC8Z7Vng
 dashedName: what-is-the-object-constructor-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
index 679086182c..b372a2c458 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
@@ -2,7 +2,7 @@
 id: 6732b76c03f7d825c7fc74ee
 title: What Is the Optional Chaining Operator, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: s9EDuy0Djco
 dashedName: what-is-the-optional-chaining-operator-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
index bb70d7f5dc..4ddaf22bae 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
@@ -2,7 +2,7 @@
 id: 6732b77adf9de12617a2dbb3
 title: What Is Object Destructuring, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMS8vSutlUc
 dashedName: what-is-object-destructuring-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
index ad76569333..062c850d52 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
@@ -2,7 +2,7 @@
 id: 6732b788046862264eeb1c39
 title: What Is JSON, and How Do You Access Values Using Bracket and Dot Notation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8x6vJarVy_o
 dashedName: what-is-json-and-how-do-you-access-values-using-bracket-and-dot-notation
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
index 4ab4b3c290..75a87253e8 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
@@ -2,7 +2,7 @@
 id: 6732b79c6aa77826855a3f11
 title: How Do JSON.parse() and JSON.stringify() Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gjnT8byXAc0
 dashedName: how-do-json-parse-and-json-stringify-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
index eaec498023..fdc907c950 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
@@ -2,7 +2,7 @@
 id: 6733aad43b3ebff588a26fb5
 title: What Are Regular Expressions, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: yyawAbHw9Mw
 dashedName: what-are-regular-expressions-and-what-are-some-common-methods
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
index 2d1fa9529f..78c2a2ef8c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
@@ -2,13 +2,13 @@
 id: 6733c5ba834ded4bb067e67c
 title: What Are Some Common Regular Expression Modifiers Used for Searching?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 0ZGj-WNbB98
 dashedName: what-are-some-common-regular-expression-modifiers-used-for-searching
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+Watch the video lecture and answer the questions below.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
index b0a3ae0b1b..6460808907 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
@@ -1,14 +1,139 @@
 ---
 id: 6733c5c549775c4be710237c
 title: How Can You Match and Replace All Occurrences in a String?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-match-and-replace-all-occurrences-in-a-string
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn how to match or replace all occurrences of a pattern in a string.
+
+You have previously learned about the `replace` and `match` methods, as well as the global `g` modifier. Now you can combine that knowledge to handle all patterns in a string.
+
+Let's recall our original `match` code.
+
+```js
+const regex = /freeCodeCamp/;
+const match = "freeCodeCamp".match(regex);
+console.log(match);
+```
+
+And our resulting `match` object:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-1.png)
+
+But what if we have a string with multiple occurrences of `freecodecamp` to match? Let's take a look at how `match` behaves with that. We'll throw in our old replace example too, just to compare.
+
+```js
+const regex = /freecodecamp/;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-2.png)
+
+Oh no! `Match` only returned the first match, and `replace` only replaced the first match. This is because, by default, `match` and `replace` only operate against the first pattern occurrence.
+
+Thankfully, you can avoid this by using the global modifier on your regular expression. Let's add that to ours:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And confirm the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-3.png)
+
+That worked! Our `replace` call replaced all of the lowercase `freecodecamp` strings, and our `match` method matched both of them.
+
+What's interesting here is that when you use the global modifier with match, you lose the extra information about capture groups and string indicies that would come in the `match` array.
+
+Thankfully, 2019's ECMAScript update brought us two new methods: `matchAll` and `replaceAll`.
+
+Like their singular counterparts, these methods accept a string or regular expression, and `replaceAll` also accepts a second argument as the string to replace with. But unlike the previous methods, `replaceAll` and `matchAll` will throw an error if you give them a regular expression without the global modifier.
+
+Let's update our code to use these new methods:
+
+```js
+const pattern = "freecodecamp";
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(pattern);
+const replaced = str.replaceAll(pattern, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And our result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-4.png)
+
+Good news! Our `replaceAll` worked exactly as we wanted – it replaced all occurrences of the lowercased `freecodecamp` with the properly camelCased version. But what is that empty object?
+
+Well, `matchAll` returns a special type of object called an Iterator, which the freeCodeCamp console isn't prepared to handle. If we peek in our browser console:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-5.png)
+
+The Iterator has a `next` method, which we can call to get the next value. Let's go ahead and call `matched.next()`, and log the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-6.png)
+
+There's our match array! `.next()` gives us an object with two values: done, which is false when there are more elements available in the iterator, and value which is the value we just iterated over.
+
+So, if we call it one more time:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+const replaced = str.replaceAll(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+console.log(matched.next());
+console.log(matched.next());
+```
+
+Wait, why does it say done is still `false`? There should only be two matches in the array, right?
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-7.png)
+
+Let's call it a third time and see what we get:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-8.png)
+
+`done` is finally `true`, but why is that value `undefined`? Well, as it turns out, the `matchAll` iterator is lazy. It doesn't find all of your matches at once. It only finds a match when you tell it to by calling `next()`.
+
+As long as it finds a match, it isn't "done". Once it fails to find a match and brings back `undefined`, it is "done". This may seem inconvenient, but it can be quite helpful when your regular expression is computationally expensive.
+
+If your example is less so, like ours, you can skip that feature and extract all of the matches at once by converting it to an array. This is achieved by calling `Array.from()` and passing your iterator as the argument.
+
+Let's update our code to use that – we'll go ahead and clean up our replaceAll calls since we know that works.
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+console.log(Array.from(matched))
+```
+
+And we finally get our array of matches:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-9.png)
+
+These powerful methods can help you manipulate and extract data from strings without having to sacrifice performance or readability.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
index 01e94f5248..f2bd25ca44 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
@@ -1,14 +1,120 @@
 ---
 id: 6733c5d0048bb74c18431296
 title: What Are Character Classes, and What Are Some Common Examples?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-character-classes-and-what-are-some-common-examples
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about character classes in regular expressions, including some common examples.
+
+Character classes are a special syntax you can use to match sets or subsets of characters.
+
+The first character class you should learn is the wild card class.
+
+The wild card is represented by a period or dot (`.`), and matches any single character except line breaks. To allow the wildcard class to match line breaks, remember that you would need to use the `s` flag.
+
+A regular expression that matched the letter `A` followed by one single character might look like:
+
+```js
+const regex = /a./;
+```
+
+This can be helpful when you are looking for specific patterns in a string, but don't know what might be between those two patterns. But you can also use character classes to narrow down your matches.
+
+For example, what if you wanted to match a numerical character? You might have to write out every possible digit, separating them with the `|` or operator:
+
+```js
+const regex = /0|1|2|3|4|5|6|7|8|9/;
+```
+
+A character class exists for this exact pattern, and gives you a shorthand syntax for writing the same thing. In this case, the character class is written as a backslash (`\`)followed by a `d` character:
+
+```js
+const regex = /\d/;
+```
+
+This regular expression will match the exact same pattern as our previous expression: a single numerical character anywhere in the string.
+
+Now consider a regular expression which also needs to match any letter character `a` through `z`. You could write out each individual character separated by the or operator. Or you could use another character class.
+
+The `\w` class, which is a backslash followed by a `w`, represents any word character.
+
+```js
+const regex = /\w/;
+```
+
+A word character is defined as any letter, from `a` to `z`, or a number from `0` to `9`, or the underscore (`_`) character.
+
+The inclusion of the underscore might seem strange, but consider the naming conventions for variables – variable names can often include underscores, so `\w` is designed to match that as well.
+
+There is one more special character class to consider: the white-space class `\s`, represented by a backslash followed by an `s`. This character class will match any white space, including new lines, spaces, tabs, and special unicode space characters.
+
+These special character classes can be negated. To negate one of these character classes, instead of using a lowercase letter after the backslash, use the uppercase equivalent.
+
+```js
+const regex = /\D/;
+```
+
+This regular expression, for example, does not match a numerical character. Instead, it matches any single character that is not a numerical character.
+
+Negating the `\w` class would match any character that is not `a` to `z`, `0` to `9`, or an underscore, and negating the `\s` character class would match any character that is not a white-space.
+
+But what if you wanted to match more specific subsets of characters?
+
+Maybe you're a professor grading papers, and you need to make sure your grades are valid. A valid grade can be `A`, `B`, `C`, `D`, or `F`. You can use square brackets to construct your own character class:
+
+```js
+const regex = /[abcdf]/;
+```
+
+This regular expression will match a single character that is in the list "`a`, `b`, `c`, `d`, or `f`".
+
+What about checking only grades that pass? A passing grade would be an `A`, `B`, `C`, or `D`. You can modify your character class to stop matching "`f`" by removing that character from the list:
+
+```js
+const regex = /[abcd]/;
+```
+
+You may have noticed now that our character class consists only of consecutive characters. `A`, `B`, `C`, and `D` are all directly next to each other in the alphabet. For numbers, consecutive characters might be `4`, `5`, and `6`.
+
+When you have consecutive characters, you can create a range using the hyphen character.
+
+Using a range, we can turn our regular expression into a shorter syntax while matching the exact same pattern.
+
+```js
+const regex = /[a-d]/;
+```
+
+Remember that regular expressions are case-sensitive by default. This means our character class will only match the lowercase variants of `a`, `b`, `c`, and `d`. You could use the `i` flag to achieve this, but you can also bake it directly into your character class by including the uppercase variants:
+
+```js
+const regex = /[a-zA-Z]/;
+```
+
+You can also mix digits and numbers in your character class. For example, if you wanted the behavior of the `\w` class without the underscore, you could construct your own:
+
+```js
+const regex = /[a-zA-Z0-9]/;
+```
+
+Note that if you want your character class to match a literal hyphen, you need to place a hyphen at the beginning or end of the class.
+
+```js
+const regex = /[-a-zA-Z0-9]/;
+```
+
+And finally, you can include special character classes in your custom class. Maybe you want to include a hyphen in the set matched by `\w`:
+
+```js
+const regex = /[-\w]/;
+```
+
+Character classes are a powerful tool that gives you incredible control over your pattern matching.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
index eb2c447e81..73e040d0fd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
@@ -1,14 +1,76 @@
 ---
 id: 6733c5dc74176e4c496d09e6
 title: What Are Lookaheads and Lookbehind Assertions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about lookahead and lookbehind assertions in regular expressions.
+
+Lookahead and lookbehind assertions allow you to match specific patterns based on the presence or lack of surrounding patterns. There are four variations of these assertions.
+
+First is the positive lookahead assertion. This assertion will match a pattern when the pattern is followed by another pattern.
+
+To construct a positive lookahead, you need to start with the pattern you want to match. Then, use parentheses to wrap the pattern you want to use as your condition. After the opening parenthesis, use `?=` to define that pattern as a positive lookahead.
+
+This pattern will only match the word `free` if it is followed by `code`.
+
+```js
+const regex = /free(?=code)/i;
+```
+
+Let's test the behavior of our pattern:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-1.png)
+
+Notice how only the string where `free` is immediately followed by `code` passes the test.
+
+But what if you want to match the presence of `free` when it is NOT followed by `code`? You can turn your positive lookahead into a negative lookahead, to invert the behavior. To do this, change your `?=` to `?!`:
+
+```js
+const regex = /free(?!code)/i;
+```
+
+Let's test this against our same strings:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-2.png)
+
+As expected, the results are reversed. The only string that fails is the first string, where `free` is immediately followed by `code`.
+
+Lookbehind assertions function similarly to lookahead assertions, except that instead of matching conditionally based on a following pattern, they match conditionally based on a preceding pattern. Let's take a look at a positive lookbehind.
+
+A positive lookbehind is denoted with `?<=` instead of `?=`. Let's make our regular expression match `code` when it is preceded by `free`:
+
+```js
+const regex = /(?<=free)code/i;
+```
+
+Just like with our positive lookahead, our positive lookbehind matches the first string because `code` is immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-3.png)
+
+To match `code` when it is NOT preceded by `free`, we can use a negative lookbehind. A negative lookbehind is defined by replacing `?<=` with `?<!`:
+
+```js
+const regex = /(?<!free)code/i;
+```
+
+This would match any occurrence of `code` that is NOT immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-4.png)
+
+Remember that `Regex.prototype.test` only confirms whether a string matches the regular expression. Let's use our negative lookbehind with `String.prototype.match` to see how assertions affect that:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-5.png)
+
+Notice how even though our regular expression uses a lookbehind to check for the presence of free, it does not match free. The only text included in the match is code.
+
+Lookaheads and lookbehinds are incredibly useful for conditionally matching text without impacting the returned value of your match.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
index 81911dc2bb..a74847861a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
@@ -1,14 +1,104 @@
 ---
 id: 6733c5e54e3a154c8078ed48
 title: What Are Regex Quantifiers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-regex-quantifiers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about quantifiers in regular expressions.
+
+Consider a scenario where you want to match a four-digit identification code. You know you can use the `\d` character class, so you might write that four times. And to avoid any extraneous characters, you'd include both the start and end anchors.
+
+```js
+const regex = /^\d\d\d\d$/;
+```
+
+And this does work – it will match four numerical characters. But rather than having to write out the same class multiple times, you can give it a quantifier.
+
+Quantifiers are defined by curly braces containing one or two numbers. Let's use a quantifier in our pattern:
+
+```js
+const regex = /^\d{4}$/;
+```
+
+Notice how our quantifier contains only the number `4`. This syntax means "match the previous character exactly four times". Let's see how that behaves:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-1.png)
+
+The pattern only matches the string with exactly four digits, because we have used the anchors and our quantifier only allows exactly four digits. But maybe the identification code only needs to be a minimum of four digits.
+
+To allow for four or more digits, add a comma after the number in your quantifier:
+
+```js
+const regex = /^\d{4,}$/;
+```
+
+Now, our syntax allows the pattern to match four or more digits. Let's test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-2.png)
+
+A seven-digit identifier is rather long. These identifiers should have a maximum of 6 digits, and a minimum of 4 digits. To achieve this, you can add a second number to your quantifier after the comma.
+
+```js
+const regex = /^\d{4,6}$/;
+```
+
+And now our pattern no longer matches the seven-digit identifier, because it is greater than our six-digit maximum.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-3.png)
+
+Note that you cannot use this syntax to set a maximum alone – you must always set a minimum. But if you set the minimum to `1`, you can effectively achieve the same result.
+
+We've received updated requirements from our users. Identifiers can now optionally start with a letter. We already know the character class for this, so let's add that to our regular expression.
+
+```js
+const regex = /^[a-zA-z]\d{4,6}$/;
+```
+
+But now we mandate the presence of a letter. How can we make it optional?
+
+You could use the quantifier syntax with `0` as the minimum and `1` as the maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,1}\d{4,6}$/;
+```
+
+But there's actually a special shorthand quantifier for a single optional character – the question mark. Let's replace our quantifier with the question mark:
+
+```js
+const regex = /^[a-zA-Z]?\d{4,6}$/;
+```
+
+We should validate the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-4.png)
+
+Our pattern now allows for a single optional letter, followed by four to six digits.
+
+Unfortunately, we've just realized we read the requirements wrong. We need to allow for any number of letters before the numbers. We can use our quantifier with a `0` minimum and no defined maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,}\d{4,6}$/;
+```
+
+But our pattern is getting long again. Thankfully, there's another short-hand for "match the previous character zero or more times" –  the asterisk symbol. Let's replace our quantifier with that in the pattern, and test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-5.png)
+
+Now we successfully match any identifier with zero or more letters followed by four to six numbers. But it turns out this is crashing our system – we actually have to require at least one letter.
+
+Again, we could use a quantifier with a minimum of one and no defined maximum, or we could use yet another special syntax – the plus symbol:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-6.png)
+
+Now the identifiers that do not start with at least one letter fail, regardless of how many numbers there are.
+
+You can use quantifiers to greatly enhance the brevity and readability of your regular expressions.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
index d579b39149..177a6e602e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
@@ -1,14 +1,123 @@
 ---
 id: 6733c5f20cc9584cada942a4
 title: What Are Capturing Groups and Backreferences, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-capturing-groups-and-backreferences-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about capturing groups and back references in regular expressions.
+
+A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+
+Let's capture the `code` from our `freeCodeCamp` regular expression. To do that, we'll enclose `code` in parentheses and define it as a capture group.
+
+```js
+const regex = /free(code)camp/i;
+```
+
+To confirm the behavior, we can test it against a `freecodecamp` string:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-1.png)
+
+But this doesn't actually make use of our captured group. Instead, let's take a look at the result of using `match`:
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".match(regex));
+```
+
+Here we can see that our `match` array has a second element, which is the portion of the string which was captured by our capture group.
+
+Notice how the capture group matches the exact pattern `code`, where a character class would match a single character from the list `c`, `o`, `d`, and `e`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-2.png)
+
+But how can we actually use this? Well, capture groups are often used when replacing contents of a string. Let's set up some code to do that. We're going to turn `freecodecamp` into `paidcodeworld`.
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".replace(regex, "paidcodeworld"));
+```
+
+This works on its own, but what if we didn't know how many `o`'s were in "`code`"? If we need a quantifier for one or more `o`'s…
+
+```js
+const regex = /free(co+de)camp/i;
+console.log("freecoooooooodecamp".replace(regex, "paidcodeworld"));
+```
+
+We're getting `paidcodeworld` as our result. We want to preserve the number of `o`'s, so we need to reuse what was captured by the regular expression.
+
+This is where a backreference comes in. Instead of hardcoding the "`code`" portion of our replacement string, we can reference the captured group directly.
+
+In a replace call, you achieve a backreference by using a dollar sign (`$`) followed by the number of the capture group to use.
+
+In our case, that would be `$1`, since code is captured in the first capture group.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-3.png)
+
+We have now successfully preserved an unknown number of `o` characters when converting `freecodecamp` into `paidcodeworld`. But backreferences aren't just limited to the replace call. You can actually use them directly in a regular expression.
+
+This would allow you to match a previously captured pattern later on in the regular expression.
+
+Let's say we want to match `freecodecamp` twice, with the same number of `o`'s, but anywhere in the string.
+
+First, we need to separate them with our wildcard character, and allow any number of characters to match that wildcard:
+
+```js
+const regex = /free(co+de)camp.*free(co+de)camp/i;
+```
+
+This current expression won't ensure that the number of `o` characters is the same, however. To achieve that, we need to replace the second capture group with a reference to the first.
+
+Inside a regular expression, a backreference is denoted with a backslash followed by the number of the capture group:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-4.png)
+
+And with that, we can see that a string with the correct number of `o`'s matches, while a string with two different numbers of `o`'s does not.
+
+This syntax is great, but can quickly get confusing when you are referencing multiple capture groups. Thankfully, instead of using numbers, you can give your groups names.
+
+To define a named capture group, you add a question mark (`?`) followed by the name enclosed in less than and greater than signs to the beginning of the group. Let's name our capture group "`code`":
+
+```js
+const regex = /free(?<code>co+de)camp.*free\1camp/i;
+```
+
+Now we can update our backreference in the regular expression to refer to this group. A named back reference starts with a backslash followed by the letter `k` in JavaScript. Then you add the name, again enclosed in less than and greater than signs. Let's take a look at that:
+
+```js
+const regex = /free(?<code>co+de)camp.*free\k<code>camp/i;
+```
+
+Now if we check our `test` call, we can see that we still pass:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-5.png)
+
+To use our named capture group in a `replace` call, we'd insert a dollar sign into the string, followed by the name enclosed in less than and greater than signs:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-6.png)
+
+Finally, sometimes you want to create a group of characters, but don't need the captured result.
+
+Let's say we want to match either `freecodecamp` or `freecandycamp`. You could create two patterns separated by an OR assertion:
+
+```js
+const regex = /freecodecamp|freecandycamp/i;
+```
+
+But this can become quite lengthy for larger-scale regular expressions. Instead, you can create a non-capturing group around the characters that you need to OR:
+
+```js
+const regex = /free(?:code|candy)camp/i;
+```
+
+A non-capturing group does not store the `code|candy` match separately in memory. You can't backreference a non-capturing group. But it can be helpful for creating alternate patterns without sacrificing readability or performance.
 
 # --questions--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
index a4a8ad2676..e095474bc9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
@@ -2,7 +2,7 @@
 id: 672d2654f78cbf20e0ba4501
 title: What Is Bracket Notation, and How Do You Access Characters from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VFYqtU7nzFo
 dashedName: what-is-bracket-notation-and-how-do-you-access-characters-from-a-string
 ---
 
@@ -14,35 +14,35 @@ Watch the video lecture and answer the questions below.
 
 ## --text--
 
-What is the index of the character `"b"` in the string `"JavaScript"`?
+What is the index of the character `"r"` in the string `"JavaScript"`?
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-4
+`4`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-6
+`6`
 
 ---
 
-8
+`8`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
index e87598789a..d77b4ebf06 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
@@ -2,7 +2,7 @@
 id: 673263d58da27ea7809963bf
 title: What Are Template Literals, and What Is String Interpolation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kISWzkA7gKg
 dashedName: what-are-template-literals-and-what-is-string-interpolation
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
index 7f8e998bad..11b9eee8ca 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
@@ -2,7 +2,7 @@
 id: 673263df0eb568a7b450f2fc
 title: How Do You Create a Newline in Strings and Escape Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gOLjFbJnTIM
 dashedName: how-do-you-create-a-newline-in-strings-and-escape-strings
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
index e206886e65..d9f2af9f09 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
@@ -2,7 +2,7 @@
 id: 673263e80dd43da7df3ae565
 title: How Can You Find the Position of a Substring in a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: k2QaBPHl_00
 dashedName: how-can-you-find-the-position-of-a-substring-in-a-string
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the inde`xOf method return if the substring is not found in the string?
+What does the `indexOf` method return if the substring is not found in the string?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
index 1b8a21ef05..f9a8aca0d7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
@@ -2,7 +2,7 @@
 id: 673263f4a5899da8124542fd
 title: What Is the Prompt Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lgAEO6_vNPQ
 dashedName: what-is-the-prompt-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
index 294d534ea7..1ebbeaf280 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
@@ -2,7 +2,7 @@
 id: 6732a0472f52015e511f8e58
 title: What Is an API, and What Are Web APIs?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VRF7NItXm2c
 dashedName: what-is-an-api-and-what-are-web-apis
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
index 16170eb501..0706815738 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
@@ -2,7 +2,7 @@
 id: 67336894ae148431a870694d
 title: What Is the DOM, and How Do You Access Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EKgxoZ9IzmQ
 dashedName: what-is-the-dom-and-how-do-you-access-elements
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
index 8ab10de1e3..b3ce6616d2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
@@ -2,7 +2,7 @@
 id: 6733689f9f31dd31e7d9c789
 title: How Do DOM Nodes Exist Relative to Each Other in the DOM Tree?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5G2ZQrgrBYU
 dashedName: how-do-dom-nodes-exist-relative-to-each-other-in-the-dom-tree
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
index 6ec55e771b..4c895162b4 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
@@ -2,7 +2,7 @@
 id: 673368b1cf26253212a3cfb2
 title: What Is the querySelectorAll() Method, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: F4WZUBQL9Js
 dashedName: what-is-the-queryselectorall-method-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
index 265c328c08..4a54c53466 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
@@ -2,7 +2,7 @@
 id: 673368c0161e6b326a7e03f0
 title: How Do You Create New Nodes Using innerHTML() and createElement()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WypY2jRcCe0
 dashedName: how-do-you-create-new-nodes-using-innerhtml-and-createelement
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
index 9e62c66aba..a6d1db635e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
@@ -2,7 +2,7 @@
 id: 673368ccf52205329b729378
 title: What Is the Difference Between innerText, textContent, and innerHTML?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: A94NbhbAows
 dashedName: what-is-the-difference-between-innertext-textcontent-and-innerhtml
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
index cbe6a12eeb..e351964522 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
@@ -2,7 +2,7 @@
 id: 673368d97e8ce232cdcd6b68
 title: How Do You Add and Remove Nodes from the DOM with appendChild() and removeChild()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8xXQxXlvY8A
 dashedName: how-do-you-add-and-remove-nodes-from-the-dom-with-appendchild-and-removechild
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
index 74922f6a9b..74f45f28a3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
@@ -2,7 +2,7 @@
 id: 673368e7bd043f331919514d
 title: How Do the Navigator, Window, and Document Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: O0SWih5pv9U
 dashedName: how-do-the-navigator-window-and-document-work
 ---
 
@@ -86,7 +86,7 @@ This property helps you find out where the browser is currently navigating.
 
 ## --text--
 
-How can you access the document interface properties without explicitly using the document object?
+How can you access the `document` interface properties without explicitly using the `window` object?
 
 ## --answers--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
index 8cd8e5a377..7629627226 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
@@ -2,7 +2,7 @@
 id: 673368f272706633516e4873
 title: How Do You Add Attributes with setAttribute()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ciq88lYTHUc
 dashedName: how-do-you-add-attributes-with-setattribute
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
index 29685e3f0c..43297a9d9c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
@@ -2,7 +2,7 @@
 id: 673368fbe12a2b337645053d
 title: What Is the Event Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UVBsIxxvgBg
 dashedName: what-is-the-event-object
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
index 9ee0cbff26..4edba2d484 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
@@ -2,7 +2,7 @@
 id: 673369067f824d33a90a0534
 title: How Does the addEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XxKBdnCPtoU
 dashedName: how-does-the-addeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
index a1a328af6e..e9b250c03d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
@@ -2,7 +2,7 @@
 id: 673369101e5c4a33db0e8a02
 title: How Does the removeEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 59HUIkhJqnc
 dashedName: how-does-the-removeeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
index 649e029b5a..5c6f0e783d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
@@ -2,7 +2,7 @@
 id: 6733691d88e3053414689276
 title: What Are Inline Event Handlers, and Why Is It Best Practice to Use addEventListener Instead?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JbTSvver-y8
 dashedName: what-are-inline-event-handlers-and-why-is-it-best-practice-to-use-addeventlistener-instead
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
index 96b1b97410..f7243586c2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
@@ -2,7 +2,7 @@
 id: 6733692ffe1da034469f7917
 title: How Do You Manipulate Styles Using Element.style and Element.classList?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i07QkMVN15o
 dashedName: how-do-you-manipulate-styles-using-elementstyle-and-elementclasslist
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which property would you use to directly change the color of an element’s text using JavaScript?
+Which property would you use to directly change the color of an element's text using JavaScript?
 
 ## --answers--
 
@@ -94,7 +94,7 @@ The menu will be permanently visible.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ---
 
@@ -102,7 +102,7 @@ The menu will be permanently hidden.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ---
 
@@ -114,7 +114,7 @@ The menu will display an error message.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
index 7a7f0eacd8..974cade79d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
@@ -2,7 +2,7 @@
 id: 6733693bfce9a43489a355db
 title: What Is the DOMContentLoaded Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sEsyYH_SAb8
 dashedName: what-is-the-domcontentloaded-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
index f91118e250..621c1e59e7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
@@ -2,7 +2,7 @@
 id: 6733694805a85d34ced08a9b
 title: How Do the setTimeout and setInterval Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GSWSPc2SGTg
 dashedName: how-do-the-settimeout-and-setinterval-methods-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
index aac8cb2b93..5c5aef01fc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
@@ -2,7 +2,7 @@
 id: 67336956340e8a34fbd5d9f3
 title: What Is the requestAnimationFrame() API, and How Can It Be Used to Set Up an Animation Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mfnow4GWCo4
 dashedName: what-is-the-requestanimationframe-api-and-how-can-it-be-used-to-set-up-an-animation-loop
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
index d208cf6666..71deddcef0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
@@ -2,7 +2,7 @@
 id: 6733696567d2273540aa6033
 title: What Is the Web Animations API, and How Does It Relate to CSS Animation Properties?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pVVcaDEIzvs
 dashedName: what-is-the-web-animations-api-and-how-does-it-relate-to-css-animation-properties
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
index c9790ec773..35c21edee9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
@@ -2,7 +2,7 @@
 id: 6733697661182d357fc643d2
 title: What Is the Canvas API, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EbfxtG26HR0
 dashedName: what-is-the-canvas-api-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
index 68be5ca416..a347ece764 100644
--- a/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
+++ b/curriculum/challenges/japanese/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
@@ -2,7 +2,7 @@
 id: 673369829e232835c2732656
 title: How Do You Open and Close Dialog Elements Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: W6gusPmPGo4
 dashedName: how-do-you-open-and-close-dialog-elements-using-javascript
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md b/curriculum/challenges/japanese/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
index f3cf1121c0..0f867d3ad9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
@@ -237,23 +237,23 @@ Which selector is correct to target all siblings of an `img`?
 
 #### --text--
 
-What statement is TRUE about `block` elements?
+What statement is TRUE about block-level elements?
 
 #### --distractors--
 
-Blockline elements don't start on new lines.
+Block-level elements don't start on new lines.
 
 ---
 
-Blockline elements only takes up as much as it needs.
+Block-level elements only takes up as much as it needs.
 
 ---
 
-Blockline elements come with no margin.
+Block-level elements come with no margin.
 
 #### --answer--
 
-Blockline elements start on a new line with margin before and after the element.
+Block-level elements start on a new line with margin before and after the element.
 
 ### --question--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md b/curriculum/challenges/japanese/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
index 5f185147da..6102eaa31d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
@@ -61,23 +61,23 @@ An element without child nodes or an end tag.
 
 #### --text--
 
-What is an inline level element?
+Which of the following is a correct value for the `id` attribute?
 
 #### --distractors--
 
-An element that takes up the entire horizontal space and always starts a new line.
+`id="main@content"`
 
 ---
 
-An element used to display images.
+`id="main content"`
 
 ---
 
-An element used to embedding videos on the page.
+`id="123content"`
 
 #### --answer--
 
-An element that only takes up the width and height of its inner content.
+`id="main-content"`
 
 ### --question--
 
@@ -369,23 +369,23 @@ Which of the following is an example of a boolean attribute?
 
 #### --text--
 
-What is a block level element?
+Which of the following is a correct syntax for the `img` element?
 
 #### --distractors--
 
-An element used to display tables.
+`<img src="image.jpg" alt="Description of the image"></img>`
 
 ---
 
-An element used to display modals.
+`<img source="image.jpg" desc="Description of the image"></img>`
 
 ---
 
-An element that only takes up the width and height of its inner content.
+`<img src="image.jpg" desc="Description of the image">`
 
 #### --answer--
 
-An element that takes up the entire horizontal space and always starts a new line.
+`<img src="image.jpg" alt="Description of the image">`
 
 ### --question--
 
@@ -525,23 +525,23 @@ HTML represents the content and structure for a web page.
 
 #### --text--
 
-What is the difference between inline and block level elements?
+Which image license works for the public domain?
 
 #### --distractors--
 
-Block-level elements are used to group images only, while inline elements group list items.
+JPG
 
 ---
 
-Inline elements are always larger in size compared to block-level elements.
+Creative Commons
 
 ---
 
-Block-level elements flow within the content of a line, while inline elements start on a new line.
+BSD
 
 #### --answer--
 
-Block-level elements occupy the full width available, while inline elements only occupy as much width as necessary.
+CC0
 
 ### --question--
 
@@ -679,23 +679,23 @@ Which element is used to add audio to your HTML document?
 
 #### --text--
 
-What does the `required` attribute do?
+Where is the content represented on the page placed in an HTML document?
 
 #### --distractors--
 
-It specifies the `width` for a form.
+In between the `head` and the `body` elements.
 
 ---
 
-It specifies the `color` of a form input.
+Within the `repr` element.
 
 ---
 
-It specifies the `type` for the input.
+Within the `script` element.
 
 #### --answer--
 
-It specifies that an input must be filled out before a form submission.
+Within the `body` element.
 
 ### --question--
 
@@ -855,23 +855,23 @@ Which of the following is the correct syntax for a paragraph element?
 
 #### --text--
 
-What does the `iframe` element stand for?
+What does the name of the `iframe` element stand for?
 
 #### --distractors--
 
-The `Inline Framing component`.
+Inline Framing
 
 ---
 
-The `Inner Frame element`.
+Inner Frame
 
 ---
 
-The `Inline video element`.
+Inline video
 
 #### --answer--
 
-The `Inline Frame element`.
+Inline Frame
 
 ### --question--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md b/curriculum/challenges/japanese/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
index 4e2b1a0dfb..8e578e4f09 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
@@ -475,7 +475,7 @@ ol[type~="1"] { font-weight: bold; }
 
 #### --text--
 
-Suppose, on freeCodeCamp’s forum, each discussion has a `data-status` attribute that could be `"open"` or `"closed"`. You want to highlight all open discussions. How would you select these discussions?
+Suppose, on freeCodeCamp's forum, each discussion has a `data-status` attribute that could be `"open"` or `"closed"`. You want to highlight all open discussions. How would you select these discussions?
 
 #### --distractors--
 
@@ -535,7 +535,7 @@ textarea[maxlength] { border-color: darkred; }
 
 #### --text--
 
-Suppose, on freeCodeCamp’s course catalog, each course has a `data-completion` attribute representing the percentage completed. You want to style courses where this attribute ends with `"100"`, indicating full completion. Which selector would work?
+Suppose, on freeCodeCamp's course catalog, each course has a `data-completion` attribute representing the percentage completed. You want to style courses where this attribute ends with `"100"`, indicating full completion. Which selector would work?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md b/curriculum/challenges/japanese/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
index 81c35bbb28..7558dd38a0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
@@ -69,7 +69,7 @@ Which of the following is NOT a valid value for the `list-style-type` property?
 
 ---
 
-`lower-greek`
+`disc`
 
 ---
 
@@ -193,23 +193,23 @@ The background stays fixed while the content scrolls
 
 #### --text--
 
-Which of the following is NOT a valid `border-style` value?
+Which of the following is a valid `border-style` value?
 
 #### --distractors--
 
-`solid`
+`wave`
 
 ---
 
-`dotted`
+`triple`
 
 ---
 
-`groove`
+`zig zag`
 
 #### --answer--
 
-`triple`
+`dotted`
 
 ### --question--
 
@@ -237,23 +237,23 @@ Use the `:active` pseudo-class
 
 #### --text--
 
-Which property is used to define the width of a border?
+What is the correct CSS property to create an outline around an element, besides using the `border` property?
 
 #### --distractors--
 
-`border-size`
+`border-wide`
 
 ---
 
-`border-thickness`
+`box-shadow`
 
 ---
 
-`border-spacing`
+`border-img`
 
 #### --answer--
 
-`border-width`
+`outline`
 
 ### --question--
 
@@ -281,7 +281,7 @@ Which value for the `background-repeat` property ensures the image repeats horiz
 
 #### --text--
 
-What’s the purpose of the `border-radius` property?
+What's the purpose of the `border-radius` property?
 
 #### --distractors--
 
@@ -391,29 +391,29 @@ Which of these is NOT a valid border value?
 
 #### --text--
 
-What does the `border-collapse` property do when applied to table elements?
+How can you ensure that gradients used in web design are accessible?
 
 #### --distractors--
 
-It removes the table borders
+Use only two colors in the gradient
 
 ---
 
-It adds spacing between borders
+Use gradients only for decorative purposes
 
 ---
 
-It makes the border invisible
+Avoid using gradients in the background
 
 #### --answer--
 
-It merges adjacent table cell's borders into one
+Ensure sufficient contrast between the gradient and any text.
 
 ### --question--
 
 #### --text--
 
-Which value for the `background-size` property will resize the background image to fit within the container while preserving the image’s aspect ratio?
+Which value for the `background-size` property will resize the background image to fit within the container while preserving the image's aspect ratio?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md b/curriculum/challenges/japanese/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
index b020872416..0ee4e9ffcf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
@@ -43,7 +43,7 @@ What does `100vw` cover in terms of screen width?
 
 #### --distractors--
 
-100% of the screen width answer
+100% of the screen width
 
 ---
 
@@ -149,7 +149,7 @@ On a typical screen with 96 DPI resolution, how many points (`pt`) are in 1 pixe
 
 #### --text--
 
-If the screen height is `800px`, what would `50vh` be?
+If the viewport height is `800px`, what would `50vh` be?
 
 #### --distractors--
 
@@ -175,19 +175,19 @@ What does setting an element's width to `100%` mean?
 
 #### --distractors--
 
-It takes up the full width of the document
+It takes up the full width of the document.
 
 ---
 
-It takes up the full width of the screen
+It takes up the full width of the screen.
 
 ---
 
-It takes up `100px`
+It takes up `100px`.
 
 #### --answer--
 
-It takes up the full width of its parent
+It takes up the full width of its parent.
 
 ### --question--
 
@@ -197,19 +197,19 @@ What happens with `calc(10px + 20%)` in CSS?
 
 #### --distractors--
 
-Adds `10px` to `10%` of the document width
+It adds `10px` to `10%` of the document width.
 
 ---
 
-Always equals `30px`
+It always equals `30px`.
 
 ---
 
-Adds `10px` to `20%` of the screen width
+It adds `10px` to `20%` of the screen width.
 
 #### --answer--
 
-Adds `10px` to `20%` of the parent's width
+It adds `10px` to `20%` of the parent's width.
 
 ### --question--
 
@@ -285,19 +285,19 @@ How does `calc(10vh + 50px)` work for height?
 
 #### --distractors--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport width.
 
 ---
 
-Adds `10px` to `50%` of the parent's height
+It adds `10px` to 50% of the parent's height.
 
 ---
 
-Adds `10vh` to `50%` of the document
+It adds `10vh` to 50% of the document width.
 
 #### --answer--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport height.
 
 ### --question--
 
@@ -351,19 +351,19 @@ What does `calc(50% + 20px)` do for width?
 
 #### --distractors--
 
-Adds `50%` of the screen width plus `20px`
+It adds `20px` to 50% of the screen width.
 
 ---
 
-Adds `50px` to the screen width
+It adds `50px` to the screen width.
 
 ---
 
-Adds `50%` of the height plus `20px`
+It adds `50%` of the height to `20px`.
 
 #### --answer--
 
-Adds `50%` of the parent's width plus `20px`
+It adds `50%` of the parent's width to `20px`.
 
 ### --question--
 
@@ -373,19 +373,19 @@ What's the key difference between `rem` and `em` in CSS?
 
 #### --distractors--
 
-`rem` is only used for fonts
+`rem` is only used for fonts.
 
 ---
 
-`rem` is for width, em is for fonts
+`rem` is for width, `em` is for fonts.
 
 ---
 
-`rem` is always smaller than `em`
+`rem` is always smaller than `em`.
 
 #### --answer--
 
-`rem` is based on the root font size, `em` is based on the parent's font size
+`rem` is based on the root font size, `em` is based on the parent's font size.
 
 ### --question--
 
@@ -395,19 +395,19 @@ How does `calc(100px + 10%)` work for width?
 
 #### --distractors--
 
-Adds `10%` of the screen width to `100px`
+It adds `10%` of the screen width to `100px`.
 
 ---
 
-Adds `10%` of the height to `100px`
+It adds `10%` of the height to `100px`.
 
 ---
 
-Adds `100px` to `10%` of the document
+It adds `100px` to `10%` of the document.
 
 #### --answer--
 
-Adds `10%` of the parent's width to `100px`
+It adds `10%` of the parent's width to `100px`.
 
 ### --question--
 
@@ -417,19 +417,19 @@ What does setting an element's width to auto do in CSS?
 
 #### --distractors--
 
-Sets the width to `100%`
+It sets the width to `100%`.
 
 ---
 
-Sets the width to `50%` of the viewport
+It sets the width to `50%` of the viewport.
 
 ---
 
-Sets the width to `0px`
+It sets the width to `0px`.
 
 #### --answer--
 
-Allows the browser to determine the width based on the content and container
+It allows the browser to determine the width based on the content and container.
 
 ### --question--
 
@@ -439,17 +439,17 @@ What happens when you use `calc(30vh - 10px)` for height?
 
 #### --distractors--
 
-Subtracts `10px` from the parent's height
+It subtracts `10px` from the parent's height.
 
 ---
 
-Subtracts `30px` from the screen height
+It subtracts `30px` from the screen height.
 
 ---
 
-Adds `30%` of the parent's height minus `10px`
+It adds `30%` of the parent's height minus `10px`.
 
 #### --answer--
 
-Subtracts `10px` from `30%` of the viewport height
+It subtracts `10px` from `30%` of the viewport height.
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md b/curriculum/challenges/japanese/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
index 042848b722..6c8140bf6d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
@@ -83,7 +83,7 @@ The space between individual letters
 
 #### --text--
 
-What’s the most common way to add Google Fonts to a website?
+What's the most common way to add Google Fonts to a website?
 
 #### --distractors--
 
@@ -209,7 +209,7 @@ It gives the page more visual variety
 
 #### --answer--
 
-It ensures a consistent experience in case the custom font doesn’t load
+It ensures a consistent experience in case the custom font doesn't load
 
 ### --question--
 
@@ -329,11 +329,11 @@ In the `text-shadow` property, how do the horizontal and vertical offsets affect
 
 #### --distractors--
 
-They control the shadow’s color
+They control the shadow's color
 
 ---
 
-They define the shadow’s blur radius
+They define the shadow's blur radius
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md b/curriculum/challenges/japanese/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
index bcc7ed4e71..eab6ee36ca 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
@@ -285,7 +285,7 @@ What does the `finally` block do in a `try...catch` statement?
 
 #### --distractors--
 
-Only executes if there’s an error
+Only executes if there's an error
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md b/curriculum/challenges/japanese/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
index 00c53dd4a5..e3ab555833 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
@@ -61,23 +61,23 @@ Scale
 
 #### --text--
 
-What design tool in Figma would you use to combine multiple elements together without flattening the layers of the elements?
+Which of the following sites would most likely benefit from using breadcrumbs?
 
 #### --distractors--
 
-Frames
+A single-page portfolio site.
 
 ---
 
-Blocks
+A complex e-commerce site with multiple categories and subcategories.
 
 ---
 
-Class
+A simple blog with only a few posts.
 
 #### --answer--
 
-Groups
+A complex e-commerce site with multiple categories and subcategories.
 
 ### --question--
 
@@ -193,23 +193,23 @@ Making the headline of the page larger than other text that comprise the body or
 
 #### --text--
 
-Which Figma tools allows users to specify a region on the screen they would like to export?
+What is a common goal of conducting exit interviews in user research?
 
 #### --distractors--
 
-Frames
+To increase the number of new users.
 
 ---
 
-Section
+To test new features with existing users
 
 ---
 
-Blocks
+To gather data for A/B testing.
 
 #### --answer--
 
-Slice
+To understand the factors causing user churn.
 
 ### --question--
 
@@ -281,45 +281,45 @@ Dark colors and muted light colors for contrast in dim lighting conditions
 
 #### --text--
 
-What is one good design practice when considering color palettes for a design?
+How can user research impact user requirements?
 
 #### --distractors--
 
-Using a variety of colors with strong saturation and contrast
+It has no impact on user requirements.
 
 ---
 
-Focus on vibrancy and saturation and place many non complementary hues
+It only affects non-functional requirements.
 
 ---
 
-Using many complementary colors together
+It only affects functional requirements.
 
 #### --answer--
 
-Limit colors and focus on using shades, tones, and tints of one color and add another hue three spaces away from that color
+It can help define and refine user requirements based on user feedback.
 
 ### --question--
 
 #### --text--
 
-What is one reason why the rule of thirds is important?
+Why is it important for a design brief to be reviewed and approved by all stakeholders before the project begins?
 
 #### --distractors--
 
-Creates symmetry in the composition by dividing it equally
+To ensure everyone is aware of the project's social media strategy.
 
 ---
 
-By dividing up the composition, it eliminates visual hierarchy
+To finalize the color palette and design elements.
 
 ---
 
-Objects at the edge of the composition get more focus
+To determine the project's marketing budget.
 
 #### --answer--
 
-Breaks the composition apart into 9 equal parts, where objects placed on the dividing lines provide focus and hierarchy to the composition
+To confirm that all stakeholders agree on the project's objectives and requirements.
 
 ### --question--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md b/curriculum/challenges/japanese/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
index d3615d14e9..6a20dd01ac 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
@@ -395,7 +395,7 @@ What does the submit event do by default?
 
 #### --distractors--
 
-It validates the form but doesn’t submit it
+It validates the form but doesn't submit it
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md b/curriculum/challenges/japanese/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
index f89abcae04..bad816f377 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
@@ -157,7 +157,7 @@ When we work on an open-source repository, it becomes easy to detract from the p
 
 ---
 
-By using GitHub or any other repository management tool, it’s easy to develop robust ignorance of the project.
+By using GitHub or any other repository management tool, it's easy to develop robust ignorance of the project.
 
 ---
 
@@ -197,11 +197,11 @@ What is the correct way to contribute to other people's repositories?
 
 #### --distractors--
 
-`git add -> git commit -> git clone -> git push`
+`git add`, `git commit`, `git clone`, `git push`
 
 ---
 
-`git clone -> git commit -> git add -> git push`
+`git clone`, `git commit`, `git add`, `git push`
 
 ---
 
@@ -209,7 +209,7 @@ None of the options
 
 #### --answer--
 
-`git clone -> git add -> git commit -> git push`
+`git clone`, `git add`, `git commit`, `git push`
 
 ### --question--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md b/curriculum/challenges/japanese/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
index ae72f3b4c0..0b7b3e0703 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
@@ -173,7 +173,7 @@ To add tabs.
 
 #### --answer--
 
-To control keyboard navigation order and allow programmatic focus on elements that aren’t accessible via keyboard.
+To control keyboard navigation order and allow programmatic focus on elements that aren't accessible via keyboard.
 
 ### --question--
 
@@ -205,7 +205,7 @@ What is the difference between the attributes `aria-label` and `aria-labelledby`
 
 #### --distractors--
 
-The `aria-label`and `aria-labelledby` attributes serve the same purpose.
+The `aria-label` and `aria-labelledby` attributes serve the same purpose.
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md b/curriculum/challenges/japanese/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md
index 672d12ac25..9333d52145 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md
@@ -17,29 +17,29 @@ To pass the quiz, you must correctly answer at least 17 of the 20 questions belo
 
 #### --text--
 
-Which html element allows a two-dimensional table with columns and rows?
+Which of the following attributes is used to specify the URL where the form data should be sent?
 
 #### --distractors--
 
-`row`
+`capture`
 
 ---
 
-`matrix`
+`accept`
 
 ---
 
-`table` using attributes `r="3" c="4"`
+`lang`
 
 #### --answer--
 
-`table`
+`action`
 
 ### --question--
 
 #### --text--
 
-What elements are used to specify a row and a row header?
+Which two elements are used to specify a row and a row header in a table?
 
 #### --distractors--
 
@@ -105,49 +105,23 @@ It merges cells across multiple columns.
 
 #### --text--
 
-```html
-<table>
-    <tr>
-        <td colspan="3">This cell spans across three rows</td>
-    </tr>
-</table>
-```
-
-How to make the `td` above span across three rows only?
+What is the role of the `placeholder` attribute?
 
 #### --distractors--
 
-```html
-<table>
-    <tr>
-        <td row="3">This cell spans across three rows</td>
-    </tr>
-</table>
-```
+used to send data to the server when the form is submitted
 
 ---
 
-```html
-<table>
-    <tr rowspan="3">
-        <td colspan="3">This cell spans across three rows</td>
-    </tr>
-</table>
-```
+used to associate a `label` element with an `input` element
 
 ---
 
-It's not possible.
+used to specify that an input field is read-only to the user
 
 #### --answer--
 
-```html
-<table>
-    <tr>
-        <td rowspan="3">This cell spans across three rows</td>
-    </tr>
-</table>
-```
+used to show a hint to the user
 
 ### --question--
 
@@ -157,69 +131,85 @@ What is the purpose of the `thead` element?
 
 #### --distractors--
 
-It can be used interchangeably with `th`.
+it is used to group the rows in an HTML table
 
 ---
 
-It defines a single header cell.
+it is used to group the columns in an HTML table
 
 ---
 
-It is essential for marking table headers
+it is used to group the footer content in an HTML table
 
 #### --answer--
 
-It groups table header rows.
+it is used to group the header content in an HTML table
 
 ### --question--
 
 #### --text--
 
-Can the `tfoot` element be placed before or after `tbody` element?
+Which of the following is an example of explicit form association between labels and inputs?
 
 #### --distractors--
 
-Neither before nor after.
+```html
+<label connect="age">Age:</label>
+
+<input type="number" id="age" name="age">
+```
 
 ---
 
-Only Before.
+```html
+<label associate="age">Age:</label>
+
+<input type="number" id="age" name="age">
+```
 
 ---
 
-Only After.
+```html
+<label explicit="age">Age:</label>
+
+<input type="number" id="age" name="age">
+```
 
 #### --answer--
 
-Both before and after.
+```html
+<label for="age">Age:</label>
+
+<input type="number" id="age" name="age">
+```
 
 ### --question--
 
 #### --text--
 
-If the `tfoot` element is written before the `tbody` element then where will it be rendered?
+What is an HTML validator used for?
 
 #### --distractors--
 
-Before `tbody`.
+A validator is a tool that automatically formats your HTML code.
 
 ---
 
-It will show an error.
+A validator is a tool that applies styles to your HTML.
 
 ---
 
-Within the `tbody` element.
+A validator is a tool that makes your HTML code run faster.
 
 #### --answer--
 
-Always at the bottom of the table.
+A validator is a tool that checks the syntax of HTML code to ensure it is valid.
 
 ### --question--
 
 #### --text--
 
-What element is used to define a new cell in a table?
+Which element is used to define a new cell in a table?
 
 #### --distractors--
 
@@ -241,81 +231,67 @@ What element is used to define a new cell in a table?
 
 #### --text--
 
-What defines the cell of a header and improves accessibility?
+Which of the following is a tool that allows you to inspect and modify the HTML structure of a web page?
 
 #### --distractors--
 
-`colspan`
+pyCharm
 
 ---
 
-`style`
+Jest
 
 ---
 
-`table` with attribute `style = " "`
+ChatGPT
 
 #### --answer--
 
-`scope`
+DOM inspector
 
 ### --question--
 
 #### --text--
 
-What does the `<input>` tag do?
+Which of the following attributes is used to specify the maximum number of characters allowed in an input field?
 
 #### --distractors--
 
-It allows users to enter any type of data.
+`getMaxLength`
 
 ---
 
-It is a pop-up box that asks user to enter data.
+`max`
 
 ---
 
-It can be only used inside a form to enter user input.
+`maximumLen`
 
 #### --answer--
 
-It defines a single line text field by default.
+`maxlength`
 
 ### --question--
 
 #### --text--
 
-Which one of these uses `<input>` inside a form to properly submit data?
+Which of the following is used to specify that an input field is read-only?
 
 #### --distractors--
 
-```html
-<form>
-    <input type="text" name="username" placeholder="Enter your username"></input>
-    <input type="submit" value="Submit"></input>
-</form>
-```
+`readInputOnly`
 
 ---
 
-```html
-<form>
-    <input type="text" name="username" placeholder="Enter your username" type="submit" value="Submit">
-</form>
-```
+`read-only`
 
 ---
 
-All of the other choices are correct.
+`only-read`
 
 #### --answer--
 
-```html
-<form>
-    <input type="text" name="username" placeholder="Enter your username">
-    <input type="submit" value="Submit">
-</form>
-```
+`readonly`
 
 ### --question--
 
@@ -329,11 +305,11 @@ Which attribute specifies that an input must be filled out before submitting the
 
 ---
 
-`imp`
+`obligatory`
 
 ---
 
-It is not possible via HTML only.
+`essential`
 
 #### --answer--
 
@@ -343,153 +319,185 @@ It is not possible via HTML only.
 
 #### --text--
 
-How can you hide an input from the user?
+What are Devtools used for?
 
 #### --distractors--
 
-`<hidden></hidden>`
+These tools are built directly into the browser and they are used to spot any linting issues in your code.
 
 ---
 
-`<input type="text" hidden>`
+These tools are built directly into the browser and are used to automatically format your code.
 
 ---
 
-It is not possible via HTML.
+These tools are built directly into the browser and are used to help you ensure 100% test coverage for your code.
 
 #### --answer--
 
-`<input type="hidden" name="inputName" value="inputValue">`
+These tools are built directly into the browser and are used to help you debug, profile, and analyze web pages.
 
 ### --question--
 
 #### --text--
 
-What does the `target` attribute of a form do?
+Which of the following is the correct way to disable an input?
 
 #### --distractors--
 
-It specifies the variable we intend to change.
+```html
+<input type="checkbox" disabling /> 
+```
 
 ---
 
-It specifies different ways to store the response of the form.
+```html
+<input type="checkbox" inputDisabled /> 
+```
 
 ---
 
-It specifies different keyword searches.
+```html
+<input type="checkbox" disabledInput /> 
+```
 
 #### --answer--
 
-It indicates where to display the response after submitting the form.
+```html
+<input type="checkbox" disabled /> 
+```
 
 ### --question--
 
 #### --text--
 
-Which of the following `type` attributes for the `input` element is correct??
+Which of the following is a valid value for the `type` attribute?
 
 #### --distractors--
 
-`<input type="search">`
+```html
+<input type="time">
+```
 
 ---
 
-`<input type="range" min="" max="">`
+```html
+<input type="action">
+```
 
 ---
 
-`<input type="email">`
+```html
+<input type="capture">
+```
 
 #### --answer--
 
-All of the other choices.
+```html
+<input type="email">
+```
 
 ### --question--
 
 #### --text--
 
-What does the `action` attribute do?
+Which of the following is the correct use of the `size` attribute?
 
 #### --distractors--
 
-It works as the `submit` attribute.
+```html
+<input id="fullName" type="text" size=".001" />
+```
 
 ---
 
-It is used to collect data from the user.
+```html
+<input id="fullName" type="text" size="large" />
+```
 
 ---
 
-It defines the next steps to be taken.
+```html
+<input id="fullName" type="text" size="10vh" />
+```
 
 #### --answer--
 
-It defines where the form's response is sent.
+```html
+<input id="fullName" type="text" size="10" />
+```
 
 ### --question--
 
 #### --text--
 
-How can you define the length of an input?
+Which of the following attributes is used to specify the minimum number of characters required in an input field?
 
 #### --distractors--
 
-It is not possible.
+`minlen`
 
 ---
 
-`<input length="15">`
+`Mlength`
 
 ---
 
-`<input len="15">`
+`minimumLen`
 
 #### --answer--
 
-`<input minlength="3" maxlength="15">`
+`minlength`
 
 ### --question--
 
 #### --text--
 
-How can you remove form validation?
+Which of the following button examples does **NOT** use a correct value for the `type` attribute?
 
 #### --distractors--
 
-`<input type="button" formnovalidate>`
+```html
+<button type="submit">Submit</button>
+```
 
 ---
 
-`<button type="button" formnovalidate></button>`
+```html
+<button type="button">Example Button</button>
+```
 
 ---
 
-`<input type="text" formnovalidate>`
+```html
+<button type="reset">Reset</button>
+```
 
 #### --answer--
 
-`<button type="submit" formnovalidate></button>`
+```html
+<button type="btn">Example Btn</button>
+```
 
 ### --question--
 
 #### --text--
 
-Which attribute is used to associate a label with an input?
+Which attribute is used to specify the value for a button?
 
 #### --distractors--
 
-`des`
+`buttonValue`
 
 ---
 
-`to`
+`val`
 
 ---
 
-`describe`
+`btnVal`
 
 #### --answer--
 
-`for`
+`value`
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
index 9cfe16961e..0dfe06296f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
@@ -460,7 +460,7 @@ The subclass cannot create new instances.
 
 #### --answer--
 
-The superclass’s constructor will be used by default.
+The superclass's constructor will be used by default.
 
 ### --question--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
index 1f529807fd..04ccf94347 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
@@ -117,7 +117,7 @@ const person = {
 
 #### --text--
 
-Which of the following property key can only be used with a bracket notation as opposed to dot notation?
+Which of the following property keys can only be used with a bracket notation as opposed to dot notation?
 
 #### --distractors--
 
@@ -425,19 +425,19 @@ Which of the following is true for an object sealed with `Object.seal`?
 
 #### --distractors--
 
-Values of existing properties cannot be changed
+Values of existing properties cannot be changed.
 
 ---
 
-Values of existing properties can be changed but doing this will unseal the object
+Values of existing properties can be changed but doing this will unseal the object.
 
 ---
 
-New properties can be added but existing properties can not be removed
+New properties can be added but existing properties can not be removed.
 
 #### --answer--
 
-New properties cannot be added and existing properties cannot be removed
+New properties cannot be added and existing properties cannot be removed.
 
 ### --question--
 
@@ -447,19 +447,19 @@ Which of the following is true for an object frozen with `Object.freeze`?
 
 #### --distractors--
 
-New properties can be added but existing properties can not be removed
+New properties can be added but existing properties can not be removed.
 
 ---
 
-New properties can be added but doing this will unfreeze the object
+New properties can be added but doing this will unfreeze the object.
 
 ---
 
-Values of existing properties can be changed but doing this will unfreeze the object
+Values of existing properties can be changed but doing this will unfreeze the object.
 
 #### --answer--
 
-Values of existing properties cannot be changed
+Values of existing properties cannot be changed.
 
 ### --question--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
index 7128948cae..3ba595809d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
@@ -89,7 +89,7 @@ An object containing information about the (sub)string the regular expression ma
 
 ---
 
-Null, the method `test` only validates if the given regular expression is valid.
+`null`, the method `test` only validates if the given regular expression is valid.
 
 #### --answer--
 
@@ -305,7 +305,7 @@ The lookbehind should be placed to the left of the main pattern of the regular e
 
 #### --text--
 
-Which quantifier matches preceding element zero or one times?
+Which quantifier matches the preceding element zero or one times?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
index f678caf28f..b8c343bfbe 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
@@ -21,19 +21,19 @@ What is the return value for the `includes()` method?
 
 #### --distractors--
 
-If the substring is found within the string, the method returns the string otherwise, it returns `undefined`.
+If the substring is found within the string, the method returns the string. Otherwise, it returns `undefined`.
 
 ---
 
-If the substring is found within the string, the method returns `true` otherwise, it returns and empty string.
+If the substring is found within the string, the method returns `true`. Otherwise, it returns an empty string.
 
 ---
 
-If the substring is found within the string, the method returns the string otherwise, it returns `null`.
+If the substring is found within the string, the method returns the string. Otherwise, it returns `null`.
 
 #### --answer--
 
-If the substring is found within the string, the method returns `true` otherwise, it returns `false`.
+If the substring is found within the string, the method returns `true`. Otherwise, it returns `false`.
 
 ### --question--
 
@@ -165,7 +165,7 @@ It displays a confirmation box with a message.
 
 #### --answer--
 
-It displays a dialog box that prompts the user for input.
+It displays a dialog box that waits for the user input.
 
 ### --question--
 
@@ -205,7 +205,7 @@ developer[2];
 
 #### --text--
 
-How can you obtain the ASCII index of a character in a string?
+How can you obtain the ASCII value of a character in a string?
 
 #### --distractors--
 
@@ -309,23 +309,23 @@ How can you check if the string `"JavaScript"` contains a specific substring?
 
 #### --text--
 
-Which method extracts a substring from the string `"JavaScript"`?
+Which of the following extracts the substring `"Script"` from the string `"JavaScript"`?
 
 #### --distractors--
 
-`"JavaScript".remove()`
+`"JavaScript".remove(3)`
 
 ---
 
-`"JavaScript".extract()`
+`"JavaScript".extract(4)`
 
 ---
 
-`"JavaScript".cut()`
+`"JavaScript".cut(3)`
 
 #### --answer--
 
-`"JavaScript".slice()`
+`"JavaScript".slice(4)`
 
 ### --question--
 
@@ -463,7 +463,7 @@ How do you remove whitespace from the beginning and end of a string?
 
 #### --text--
 
-Which of the following is the correct syntax for escaping strings?
+Which of the following is the correct syntax for escaping quotes?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
index 9d37ab0df0..26f2f65df7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
@@ -51,7 +51,7 @@ Which of the following is NOT a JavaScript data type?
 
 ---
 
-`bigint`
+`bigInt`
 
 #### --answer--
 
@@ -87,19 +87,19 @@ Which of the following is a conventional variable name in JavaScript?
 
 #### --distractors--
 
-`let my_var;`
+`my_var;`
 
 ---
 
-`let my-var;`
+`my-var;`
 
 ---
 
-`let MyVar;`
+`MyVar;`
 
 #### --answer--
 
-`let myVar;`
+`myVar;`
 
 ### --question--
 
@@ -109,11 +109,11 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --distractors--
 
-`let` is block scoped, `const` is not.
+`const` cannot be re-assigned nor re-declared. `let` can be re-assigned and re-declared.
 
 ---
 
-`const` is block scoped, `let` is not.
+`const` can be re-assigned and re-declared. `let` cannot be re-assigned nor re-declared.
 
 ---
 
@@ -127,23 +127,28 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --text--
 
-What is the difference between local and global scope in JavaScript?
+What would be the outcome of the following code?
+
+```js
+let name = "Andy";
+name[0] = "M";
+```
 
 #### --distractors--
 
-Variables declared in local scope can be accessed from anywhere in the program.
+The value of `name` would be `"MAndy"`.
 
 ---
 
-Variables declared in global scope can only be accessed from inside a function.
+The value of `name` would be `"Mndy"`.
 
 ---
 
-Variables declared in global scope cannot be re-declared.
+The value of `name` would still be `"Andy"`.
 
 #### --answer--
 
-Variables declared in global scope can be accessed from anywhere in the program.
+It would throw an error.
 
 ### --question--
 
@@ -193,7 +198,7 @@ Adds the string `world` to the variable `hello`, and prints it out in the consol
 
 #### --answer--
 
-Creates a third empty string, copies the values of both strings to it, and finally reassigns the `hello` variable to the third string and prints it out in the console.
+Creates a new string that is made of the values of `hello` and `" world"` combined together, and assigns this new string back to `hello` and then prints it out in the console.
 
 ### --question--
 
@@ -375,32 +380,23 @@ Which of the following declares a variable in JavaScript that cannot be changed?
 
 #### --text--
 
-In the code below, which variable is in the global scope in JavaScript:
-
-```js
-let a = 0;
-
-if (a < 10) {
-  let b = 1;
-  return a + b;
-}
-```
+Which of the following is a valid variable name in JavaScript?
 
 #### --distractors--
 
-Variable `b` is in the global scope.
+`tart@n`
 
 ---
 
-Both variables `a` and `b` are in the global scope.
+`4cats`
 
 ---
 
-None of the variables are in the global scope.
+`!!dogs`
 
 #### --answer--
 
-Variable `a` is in the global scope, and can be accessed from anywhere in the program.
+`$number`
 
 ### --question--
 
@@ -428,79 +424,65 @@ Which of the following is NOT a valid string concatenation method in JavaScript?
 
 #### --text--
 
-What will be the output of the following code:
-
-```js
-let hello = "hello";
-if (true) {
-  let world = "world";
-}
-console.log(hello + " " + world);
-```
+Which of the following variable names uses camelCase correctly?
 
 #### --distractors--
 
-`hello world`
+`a_long_variable_name`
 
 ---
 
-`helloworld`
+`alongvariableName`
 
 ---
 
-`hello`
+`ALongVariableName`
 
 #### --answer--
 
-`ReferenceError: world is not defined`
+`aLongVariableName`
 
 ### --question--
 
 #### --text--
 
-What will be the output of the code below:
-
-```js
-const x = 0;
-while (x < 10) x++;
-console.log(x);
-```
+Which chatacter JavaScript uses to mark the end of a statement?
 
 #### --distractors--
 
-`10`
+`:`
 
 ---
 
-`0`
+`,`
 
 ---
 
-`1 2 3 4 5 6 7 8 9 10`
+`.`
 
 #### --answer--
 
-`TypeError: Assignment to constant variable.`
+`;`
 
 ### --question--
 
 #### --text--
 
-Given the string `freeCodeLamp`, which JavaScript string method can be used to turn it into `freeCodeCamp`?
+Which of the following is NOT a JavaScript data type?
 
 #### --distractors--
 
-`"freeCodeLamp"[8] = "C";`
+`Symbol`
 
 ---
 
-`"freeCodeLamp".charAt(8) = "C";`
+`Boolean`
 
 ---
 
-`"freeCodeLamp".indexOf("L") = "C";`
+`Null`
 
 #### --answer--
 
-`"freeCodeLamp".replace("L", "C");`
+`Float`
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md b/curriculum/challenges/japanese/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
index 7579004a67..9ea0ef0e53 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
@@ -153,7 +153,7 @@ What is a typical use case of the `ruby` element?
 
 #### --distractors--
 
-It specifies the document’s character encoding.
+It specifies the document's character encoding.
 
 ---
 
@@ -201,7 +201,7 @@ It styles text with custom fonts.
 
 ---
 
-It specifies the document’s character encoding.
+It specifies the document's character encoding.
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md b/curriculum/challenges/japanese/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
index 19470e6d1b..9e01e081b0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
+++ b/curriculum/challenges/japanese/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
@@ -47,7 +47,7 @@ It makes the text input focusable with a keyboard.
 
 ---
 
-It hides the input’s placeholder text.
+It hides the input's placeholder text.
 
 ---
 
@@ -55,7 +55,7 @@ It removes the default browser styling for inputs.
 
 #### --answer--
 
-It ensures padding and borders are included in the element’s width and height.
+It ensures padding and borders are included in the element's width and height.
 
 ### --question--
 
@@ -77,7 +77,7 @@ It automatically adjusts the font size.
 
 #### --answer--
 
-It ensures the input doesn’t stretch too wide on larger screens.
+It ensures the input doesn't stretch too wide on larger screens.
 
 ### --question--
 
@@ -87,7 +87,7 @@ Why should you add `:focus` styles to text inputs?
 
 #### --distractors--
 
-It hides the input’s border.
+It hides the input's border.
 
 ---
 
@@ -289,7 +289,7 @@ When you want to fully customize the form control's style.
 
 ---
 
-When the browser’s default styles are hard to override.
+When the browser's default styles are hard to override.
 
 ---
 
@@ -417,7 +417,7 @@ What issue can arise when using `overflow: hidden;` on form elements?
 
 #### --distractors--
 
-It improves the form’s overall accessibility.
+It improves the form's overall accessibility.
 
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md b/curriculum/challenges/japanese/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
index 516dc86d30..e9e7d19999 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
@@ -13,12 +13,28 @@ Review the concepts below to prepare for the upcoming quiz.
 
 - **What is CSS?**: Cascading Style Sheets (CSS) is a markup language used to apply styles to HTML elements. CSS is used for colors, background images, layouts and more.
 - **Basic Anatomy of a CSS Rule**: A CSS rule is made up of two main parts: a selector and a declaration block. A selector is a pattern used in CSS to identify and target specific HTML elements for styling. A declaration block applies a set of styles for a given selector, or selectors.
+
+Here is the general syntax of a CSS rule:
+
+```css
+selector {
+    property: value;
+}
+```
+
 - **`meta name="viewport"` Element**: This `meta` element gives the browser instructions on how to control the page's dimensions and scaling on different devices, particularly on mobile phones and tablets.
 - **Default Browser Styles**: Each HTML element will have default browser styles applied to them. This usually includes items like default margins and paddings.
 
 ## Inline, Internal, and External CSS
 
 - **Inline CSS**: These styles are written directly within an HTML element using the `style` attribute. Most of the time you will not be using inline CSS due to separation of concerns.
+
+Here is an example of inline CSS:
+
+```html
+<p style="color: red;">This is a red paragraph.</p>
+```
+
 - **Internal CSS**: These styles are written within the `<style>` tags inside the `<head>` section of an HTML document. This can be useful for creating short code examples, but usually you will not need be using internal CSS.
 - **External CSS**: These styles are written in a separate CSS file and linked to the HTML document using the `<link>` element in the `<head>` section. For most projects, you will use an external CSS file over internal or inline CSS.
 
@@ -68,7 +84,7 @@ ul li {
 }
 ```
 
-- **Next-sibling Combinator (`+`)**: This combinator selects an element that immediately follows a specified sibling element. The following example will select the paragraph element that immediately follow the `h2` element.
+- **Next-sibling Combinator (`+`)**: This combinator selects an element that immediately follows a specified sibling element. The following example will select the paragraph element that immediately follows the `h2` element.
 
 ```html
 <h2>I am a sub heading</h2>
@@ -113,6 +129,8 @@ ul ~ p {
 
 - **`margin` Property**: This property is used to apply space outside the element, between the element's border and the surrounding elements.
 - **`padding` Property**: This property is used to apply space inside the element, between the content and its border.
+- **`margin` Shorthand**: The `margin` property can be set using the shorthand syntax, which allows you to set the margin for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
+- **`padding` Shorthand**: The `padding` property can also be set using the shorthand syntax, which allows you to set the padding for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
 
 ## CSS Specificity
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md b/curriculum/challenges/japanese/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
index 07d30165b2..874ee70ae2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
@@ -12,7 +12,9 @@ Review the concepts below to prepare for the upcoming quiz.
 ## HTML Basics
 
 - **Role of HTML**: Foundation of web structure.
-- **Block-level elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold over HTML elements.
+- **HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
+- **`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold over HTML elements.
+- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
 - **Attributes**: Adding metadata and behavior to elements.
 
 ## Identifiers and Grouping
@@ -28,12 +30,12 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: Basic structure of a webpage.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
 
-- **Meta tags (`description`)**: How it impacts SEO.
+- **Meta tags (`description`)**: Providing a short description for the web page and impacting SEO.
 - **Open Graph tags**: Enhancing social media sharing.
 
 ## Media Elements and Optimization
@@ -54,7 +56,6 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Absolute vs. relative paths**: Navigating directories.
 - **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
 - **Link states**: Managing different link interactions (hover, active).
-- **Inline vs. block-level links**: Layout and behavior differences.
 
 # --assignment--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md b/curriculum/challenges/japanese/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
index a2beaedae0..6c425c284b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
@@ -16,7 +16,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Best Practices With CSS and Accessibility
 
-- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won’t be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
+- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won't be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
 - **`visibility: hidden;`**: This property and value hides the content visually but keeps it in the document flow, meaning it still occupies space on the page. These elements will also no longer be read by screen readers because they will have been removed from the accessibility tree.
 - **`.sr-only` CSS class**: This is a common technique used to visually hide content while keeping it accessible to screen readers.
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md b/curriculum/challenges/japanese/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
index 17aab21604..24c85a1f04 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
@@ -1,6 +1,6 @@
 ---
 id: 671a88d636cebc5fbd407b78
-title: CSS Backgrounds and Borders Review
+title: Lists, Links, CSS Background and Borders Review
 challengeType: 24
 dashedName: review-css-backgrounds-and-borders
 ---
@@ -16,6 +16,12 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`list-style-position` Property**: This property is used to set the position for the list marker. The only two acceptable values are inside and outside.
 - **`list-style-image` Property**: This property is used to use an image for the list item marker. A common use case is to use the `url` function with a value set to a valid image location.
 
+## Spacing list items using `margin`
+
+- Apart from `line-height`, margins can also be used in CSS to enhance the spacing and readability of list items.
+- Margins create space outside each `<li>` element, allowing control over the gap between list items.
+- `margin-bottom` is used to create space below each list item. For example, `margin-bottom: 10px;` will create a 10-pixel gap below each list item.
+
 ## Styling Links
 
 - **`pseudo-class`**: This is a keyword added to a selector that allows you to select elements based on a particular state. Common states would include the `:hover`, `:visited` and `:focus` states.
@@ -27,10 +33,10 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Working with Backgrounds and Borders
 
-- **`background-size` Property**: This property is used to set the background size for an element.
-- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. You can also specify that there should be no repeat by using the `no-repeat` property.
-- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword value.
-- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place.
+- **`background-size` Property**: This property is used to set the background size for an element. Some common values include `cover` for the background image to cover the entire element and `contain` for the background image to fit within the element.
+- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. The default value for `background-repeat` is `repeat` meaning the image will repeat both horizontally and vertically. You can also specify that there should be no repeat by using the `no-repeat` property.
+- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword values like `top`, `bottom`, `left`, `right`, and `center`.
+- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place. The main values are `scroll` (default), where the background image scrolls with the content, and `fixed`, where the background image stays in the same position on the screen.
 - **`background-image` Property**: This property is used to set the background image of an element. You can set multiple background images at the same time and use either the `url`, `radial-gradient` or `linear-gradient` functions as values.
 - **`background` Property**: This is the shorthand property for setting all background properties in one declaration. Here is an example of setting the background image and setting it to not repeat: `background: no-repeat url("example-url-goes-here");`
 - **Good Contrast for Background and Foreground Colors**: It is important to ensure that the background and foreground colors have good contrast to make the text readable. The Web Content Accessibility Guidelines (WCAG) recommend a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.
@@ -43,6 +49,7 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`border-left` Property**: This property is used to set the styles for the left border of an element. `border-left: 4px dotted orange;` sets a 4-pixel-wide dotted orange border on the left side of the element.
 - **`border` Property**: This is the shorthand property for setting the width, style, and color of an element's border. `border: 1px solid black;` sets a 1-pixel-wide solid black border.
 - **`border-radius` Property**: This property is used to create rounded corners for an element's border.
+- **`border-style` Property**: This property is used to set the style of an element's border. Some accepted values include `solid`, `dashed`, `dotted`, and `double`.
 
 ## Gradients
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md b/curriculum/challenges/japanese/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
index f96930b45c..a14acbae2c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
@@ -16,7 +16,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## The `flex-direction` Property
 
-- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser’s default language (left to right or right to left).
+- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser's default language (left to right or right to left).
 - **`flex-direction: row-reverse;`**: This reverses the items in the row.
 - **`flex-direction: column;`**: This will align the flex items vertically instead of horizontally.
 - **`flex-direction: column-reverse;`**: This reverses the order of the flex items vertically.
@@ -24,7 +24,7 @@ Review the concepts below to prepare for the upcoming quiz.
 ## The `flex-wrap` Property
 
 - **Definition**: This property determines how flex items are wrapped within a flex container to fit the available space. `flex-wrap` can take three possible values: `nowrap`, `wrap`, and `wrap-reverse`.
-- **`flex-wrap: nowrap;`**: This is the default value. Flex items won’t be wrapped onto a new line, even if their width exceed the container's width.
+- **`flex-wrap: nowrap;`**: This is the default value. Flex items won't be wrapped onto a new line, even if their width exceed the container's width.
 - **`flex-wrap: wrap;`**: This property will wrap the items when they exceed the width of their container.
 - **`flex-wrap: wrap-reverse;`**: This property will wrap flex items in reverse order.
 - **`flex-flow` Property**: This property is a shorthand property for `flex-direction` and `flex-wrap`. In this example, we set `flex-direction` to `column` and `flex-wrap` to `wrap-reverse`.
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md b/curriculum/challenges/japanese/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
index 41467db42f..5fb9d6edf0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
@@ -34,7 +34,7 @@ Review the concepts below to prepare for the upcoming quiz.
 ## Location Pseudo-classes
 
 - **Location Pseudo-classes**: These pseudo-classes are used for styling links and elements that are targeted within the current document.
-- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it’s visited or not.
+- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it's visited or not.
 - **`:link` Pseudo-class**: This pseudo-class allows you to target all unvisited links on a webpage. You can use it to style links differently before the user clicks on them.
 - **`:local-link` Pseudo-class**: This pseudo-class targets links that point to the same document. It can be useful when you want to differentiate internal links from external ones.
 - **`:visited` Pseudo-class**: This pseudo-class targets a link the user has visited.
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md b/curriculum/challenges/japanese/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
index 3d30ed302e..ca255cbb7d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
@@ -35,7 +35,7 @@ Review the concepts below to prepare for the upcoming exam.
 
 - **Descendant Combinator**: This combinator is used to target elements that are descendants of a specified parent element. The following example will target all `li` items inside `ul` elements.
 - **Child Combinator (`>`)**: This combinator is used to select elements that are direct children of a specified parent element. The following example will target all `p` elements that are direct children of the `container` class.
-- **Next-sibling Combinator (`+`)**: This combinator selects an element that immediately follows a specified sibling element. The following example will select the paragraph element that immediately follow the `h2` element.
+- **Next-sibling Combinator (`+`)**: This combinator selects an element that immediately follows a specified sibling element. The following example will select the paragraph element that immediately follows the `h2` element.
 
 - **Subsequent-sibling Combinator (`~`)**: This combinator selects all siblings of a specified element that come after it. The following example will style only the second paragraph element because it is the only one that is a sibling of the `ul` element and share the same parent.
 
@@ -157,7 +157,7 @@ Review the concepts below to prepare for the upcoming exam.
 ## Location Pseudo-classes
 
 - **Location Pseudo-classes**: These pseudo-classes are used for styling links and elements that are targeted within the current document.
-- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it’s visited or not.
+- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it's visited or not.
 - **`:link` Pseudo-class**: This pseudo-class allows you to target all unvisited links on a webpage. You can use it to style links differently before the user clicks on them.
 - **`:local-link` Pseudo-class**: This pseudo-class targets links that point to the same document. It can be useful when you want to differentiate internal links from external ones.
 - **`:visited` Pseudo-class**: This pseudo-class targets a link the user has visited.
@@ -285,7 +285,7 @@ Review the concepts below to prepare for the upcoming exam.
 
 ## The `flex-direction` Property
 
-- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser’s default language (left to right or right to left).
+- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser's default language (left to right or right to left).
 - **`flex-direction: row-reverse;`**: This reverses the items in the row.
 - **`flex-direction: column;`**: This will align the flex items vertically instead of horizontally.
 - **`flex-direction: column-reverse;`**: This reverses the order of the flex items vertically.
@@ -293,7 +293,7 @@ Review the concepts below to prepare for the upcoming exam.
 ## The `flex-wrap` Property
 
 - **Definition**: This property determines how flex items are wrapped within a flex container to fit the available space. `flex-wrap` can take three possible values: `nowrap`, `wrap`, and `wrap-reverse`.
-- **`flex-wrap: nowrap;`**: This is the default value. Flex items won’t be wrapped onto a new line, even if their width exceed the container's width.
+- **`flex-wrap: nowrap;`**: This is the default value. Flex items won't be wrapped onto a new line, even if their width exceed the container's width.
 - **`flex-wrap: wrap;`**: This property will wrap the items when they exceed the width of their container.
 - **`flex-wrap: wrap-reverse;`**: This property will wrap flex items in reverse order.
 - **`flex-flow` Property**: This property is a shorthand property for `flex-direction` and `flex-wrap`. In this example, we set `flex-direction` to `column` and `flex-wrap` to `wrap-reverse`.
@@ -373,7 +373,7 @@ Review the concepts below to prepare for the upcoming exam.
 
 ## Best Practices With CSS and Accessibility
 
-- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won’t be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
+- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won't be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
 - **`visibility: hidden;`**: This property and value hides the content visually but keeps it in the document flow, meaning it still occupies space on the page. These elements will also no longer be read by screen readers because they will have been removed from the accessibility tree.
 - **`.sr-only` CSS class**: This is a common technique used to visually hide content while keeping it accessible to screen readers.
 - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md b/curriculum/challenges/japanese/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
index d0820b9388..5bf0e7b4f4 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
@@ -36,7 +36,7 @@ const developerObj = {
 developerObj.map()
 ```
 
-- **RangeError**: These errors happen when your code tries to use a value that’s outside the range of what JavaScript can handle.
+- **RangeError**: These errors happen when your code tries to use a value that's outside the range of what JavaScript can handle.
 
 ```js
 const arr = [];
@@ -58,7 +58,7 @@ function validateNumber(input) {
 
 ## `try...catch...finally`
 
-- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It’s commonly used for cleanup tasks, such as closing files or releasing resources.
+- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It's commonly used for cleanup tasks, such as closing files or releasing resources.
 
 ```js
 function processInput(input) {
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md b/curriculum/challenges/japanese/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
index 021d0ab750..bce084bcbb 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
@@ -15,7 +15,7 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs.
 - **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript.
 - **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website.
-- **DOM**: The DOM stands for Document Object Model. It’s a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It’s the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
+- **DOM**: The DOM stands for Document Object Model. It's a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It's the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
 - **`navigator` Interface**: This provides information about the browser environment, such as the user agent string, the platform, and the version of the browser. A user agent string is a text string that identifies the browser and operating system being used.
 - **`window` Interface**: This represents the browser window that contains the DOM document. It provides methods and properties for interacting with the browser window, such as resizing the window, opening new windows, and navigating to different URLs.
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md b/curriculum/challenges/japanese/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
index 023f056019..9c220360ea 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
@@ -11,7 +11,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Validating Forms with JavaScript
 
-- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user’s provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
+- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
 - **`checkValidity()` method**: This method returns `true` if the element matches all HTML validation (based on its attributes), and `false` if it fails.
 
 ```js
@@ -63,7 +63,7 @@ button.addEventListener('click',(event) => {
 ## Submitting Forms
 
 - **Definition**: There are three ways a form can be submitted. The first is when the user clicks a button in the form which has the `type` attribute set to `submit`. The second is when the user presses the `Enter` key on any editable `input` field in the form. The third is through a JavaScript call to the `requestSubmit()` or `submit()` methods of the `form` element.
-- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page’s URL.
+- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page's URL.
 
 ```js
 <form action="https://freecodecamp.org">
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md b/curriculum/challenges/japanese/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
index c8acd9c2f3..1d5d0cda92 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
@@ -15,11 +15,11 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -27,26 +27,26 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using screen readers and other assistive technologies understand the purpose of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps people using screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps people using assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
 - **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
 - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps people using screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps people using assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
 
 # --assignment--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-html/671a883163d5ab5d47145880.md b/curriculum/challenges/japanese/25-front-end-development/review-html/671a883163d5ab5d47145880.md
index fac86631c6..441b546c86 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-html/671a883163d5ab5d47145880.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-html/671a883163d5ab5d47145880.md
@@ -11,8 +11,10 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## HTML Basics
 
-- **Role of HTML**: HTML represents the content and structure of a webpage.
-- **`div` Element**: The `div` element is a block-level element used for grouping content.
+- **Role of HTML**: Foundation of web structure.
+- **HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
+- **`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold other HTML elements.
+- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
 - **Attributes**: Adding metadata and behavior to elements.
 
 ## Identifiers and Grouping
@@ -28,12 +30,12 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: This boilerplate includes the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements. It should be used as the starting point for an HTML document.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
 
-- **Meta tags (`description`)**: Describing page content.
+- **Meta tags (`description`)**: Providing a short description for the web page and impacting SEO.
 - **Open Graph tags**: Enhancing social media sharing.
 
 ## Media Elements and Optimization
@@ -45,8 +47,8 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Multimedia Integration
 
-- **HTML audio and video elements**: The `audio` element is used to embed audio content in a webpage, while the `video` element is used to embed video content.
-- **Embedding with `<iframe>`**: If you want to embed content from another site, like YouTube, you can use the `iframe` element.
+- **HTML audio and video elements**: Embedding multimedia.
+- **Embedding with `<iframe>`**: Integrating external video content.
 
 ## Paths and Link Behavior
 
@@ -54,7 +56,6 @@ Review the concepts below to prepare for the upcoming prep exam.
 - **Absolute vs. relative paths**: Navigating directories.
 - **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
 - **Link states**: Managing different link interactions (hover, active).
-- **Inline vs. block-level links**: Links by default are inline elements. You can turn a link into a block-level link by placing it inside a block-level element like a paragraph element.
 
 ## Importance of Semantic HTML
 
@@ -64,62 +65,62 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Semantic HTML Elements
 
-- **Emphasis (`em`) element**: marks text that has stress emphasis.
-- **Idiomatic Text (`i`) element**: used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
-- **Strong Importance (`strong`) element**: marks text that has strong importance.
-- **Bring Attention To (`b`) element**: used to bring attention to text that is not important for the meaning of the content.
-- **Description List (`dl`) element**: used to represent a list of term-description groupings.
-- **Description Term (`dt`) element**: used to represent the term being defined.
-- **Description Details (`dd`) element**: used to represent the description of the term.
-- **Block Quotation (`blockquote`) element**: used to represent a section that is quoted from another source.
-- **Inline Quotation (`q`) element**: used to represent a short inline quotation.
-- **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
-- **Contact Address (`address`) element**: used to represent the contact information.
-- **(Date) Time (`time`) element**: used to represent a date and/or time.
-- **Superscript (`sup`) element**: used to represent superscript text.
-- **Subscript (`sub`) element**: used to represent subscript text.
-- **Inline Code (`code`) element**: used to represent a fragment of computer code.
-- **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
-- **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
+- **Emphasis (`em`) element**: Marks text that has stress emphasis.
+- **Idiomatic Text (`i`) element**: Used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
+- **Strong Importance (`strong`) element**: Marks text that has strong importance.
+- **Bring Attention To (`b`) element**: Used to bring attention to text that is not important for the meaning of the content.
+- **Description List (`dl`) element**: Used to represent a list of term-description groupings.
+- **Description Term (`dt`) element**: Used to represent the term being defined.
+- **Description Details (`dd`) element**: Used to represent the description of the term.
+- **Block Quotation (`blockquote`) element**: Used to represent a section that is quoted from another source.
+- **Inline Quotation (`q`) element**: Used to represent a short inline quotation.
+- **Abbreviation (`abbr`) element**: Used to represent an abbreviation or acronym.
+- **Contact Address (`address`) element**: Used to represent the contact information.
+- **(Date) Time (`time`) element**: Used to represent a date and/or time.
+- **Superscript (`sup`) element**: Used to represent superscript text.
+- **Subscript (`sub`) element**: Used to represent subscript text.
+- **Inline Code (`code`) element**: Used to represent a fragment of computer code.
+- **Unarticulated Annotation (`u`) element**: Used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
+- **Ruby Annotation (`ruby`) element**: Used to represent the text of a ruby annotation.
+- **Strikethrough (`s`) element**: Used to represent content that is no longer accurate or relevant.
 
 ## HTML form elements and attributes
 
-- **`form` element**: used to create an HTML form for user input.
-- **`action` attribute**: used to specify the URL where the form data should be sent.
-- **`input` element**: used to create an input field for user input.
-- **`type` attribute**: used to specify the type of input field. Ex. text, password, email, etc.
-- **`label` element**: used to create a label for an input field.
-- **`for` attribute**: used to specify which input field the label is for.
-- **Implicit form association**: inputs can be associated with labels by wrapping the input field inside the `label` element.
-- **Explicit form association**: inputs can be associated with labels by using the `for` attribute on the `label` element.
-- **`placeholder` attribute**: used to specify a short hint that describes the expected value of an input field.
-- **`button` element**: used to create a clickable button. Ex. submit, reset, button.
-- **`value` attribute**: used to specify the value of the button.
-- **`required` attribute**: used to specify that an input field must be filled out before submitting the form.
-- **`size` attribute**: used to specify the width of an input field.
-- **`minlength` attribute**: used to specify the minimum number of characters required in an input field.
-- **`maxlength` attribute**: used to specify the maximum number of characters allowed in an input field.
-- **`disabled` attribute**: used to specify that an input field should be disabled.
-- **`readonly` attribute**: used to specify that an input field is read-only.
-- **Focused state**: this is the state of an input field when it is selected by the user.
+- **`form` element**: Used to create an HTML form for user input.
+- **`action` attribute**: Used to specify the URL where the form data should be sent.
+- **`input` element**: Used to create an input field for user input.
+- **`type` attribute**: Used to specify the type of input field. Ex. text, password, email, etc.
+- **`label` element**: Used to create a label for an input field.
+- **`for` attribute**: Used to specify which input field the label is for.
+- **Implicit form association**: Inputs can be associated with labels by wrapping the input field inside the `label` element.
+- **Explicit form association**: Inputs can be associated with labels by using the `for` attribute on the `label` element.
+- **`placeholder` attribute**: Used to specify a short hint that describes the expected value of an input field.
+- **`button` element**: Used to create a clickable button. Ex. submit, reset, button.
+- **`value` attribute**: Used to specify the value of the button.
+- **`required` attribute**: Used to specify that an input field must be filled out before submitting the form.
+- **`size` attribute**: Used to specify the width of an input field.
+- **`minlength` attribute**: Used to specify the minimum number of characters required in an input field.
+- **`maxlength` attribute**: Used to specify the maximum number of characters allowed in an input field.
+- **`disabled` attribute**: Used to specify that an input field should be disabled.
+- **`readonly` attribute**: Used to specify that an input field is read-only.
+- **Focused state**: This is the state of an input field when it is selected by the user.
 
 ## HTML Table elements and attributes
 
-- **Table element**: used to create an HTML table.
-- **Table Head (`thead`) element**: used to group the header content in an HTML table.
-- **Table Row (`tr`) element**: used to create a row in an HTML table.
-- **Table Header (`th`) element**: used to create a header cell in an HTML table.
-- **`colspan` attribute**: used to specify the number of columns a header cell should span.
-- **Table body (`tbody`) element**: used to group the body content in an HTML table.
-- **Table Data Cell (`td`) element**: used to create a data cell in an HTML table.
-- **Table Foot (`tfoot`) element**: used to group the footer content in an HTML table.
+- **Table element**: Used to create an HTML table.
+- **Table Head (`thead`) element**: Used to group the header content in an HTML table.
+- **Table Row (`tr`) element**: Used to create a row in an HTML table.
+- **Table Header (`th`) element**: Used to create a header cell in an HTML table.
+- **`colspan` attribute**: Used to specify the number of columns a header cell should span.
+- **Table body (`tbody`) element**: Used to group the body content in an HTML table.
+- **Table Data Cell (`td`) element**: Used to create a data cell in an HTML table.
+- **Table Foot (`tfoot`) element**: Used to group the footer content in an HTML table.
 
 ## HTML Tools
 
-- **HTML validator**: a tool that checks the syntax of HTML code to ensure it is valid.
-- **DOM inspector**: a tool that allows you to inspect and modify the HTML structure of a web page.
-- **Devtools**: a set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
+- **HTML validator**: A tool that checks the syntax of HTML code to ensure it is valid.
+- **DOM inspector**: A tool that allows you to inspect and modify the HTML structure of a web page.
+- **Devtools**: A set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
 
 ## Introduction to Accessibility
 
@@ -127,11 +128,11 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -139,26 +140,26 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps screen readers and other assistive technologies understand the content of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
-- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
-- **`aria-hidden` attribute**: Used to hide an element from assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to associate an element with another element that describes it. This helps screen readers and other assistive technologies understand the purpose of the element.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
+- **`aria-hidden` attribute**: Used to hide an element from assistive technologies such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This helps assistive technologies understand the purpose of the element.
 
 # --assignment--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
index e84ae23c5c..8c3f6af11a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
@@ -76,7 +76,7 @@ console.log(second); // "banana"
 console.log(third); // "orange"
 ```
 
-- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven’t been destructured into a new array.
+- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven't been destructured into a new array.
 
 ```js
 const fruits = ["apple", "banana", "orange", "mango", "kiwi"];
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
index 425c938655..0ba5228a9d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
@@ -36,9 +36,9 @@ function pauseAudio() {
 ## Different Audio and Video Formats
 
 - **MIME type**: A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type. The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
-- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user’s current environment.
+- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user's current environment.
 - **MP3**: This is a type of digital file format used to store music, audio, or sound. It's a compressed version of a sound recording that makes the file size smaller, so it's easier to store and share. An MP3 file has the MIME type audio/mp3
-- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it’s a video file or audio-only.
+- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it's a video file or audio-only.
 
 ## codecs
 
@@ -50,7 +50,7 @@ function pauseAudio() {
 
 ## Media Capture and Streams API
 
-- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user’s hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
+- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
 
 ```js
 window.navigator.mediaDevices.getUserMedia({
@@ -72,7 +72,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Screen Capture API
 
-- **Definition**: The Screen Capture API is used to record a user’s screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+- **Definition**: The Screen Capture API is used to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
 
 ## MediaStream Recording API
 
@@ -80,7 +80,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Media Source Extensions API
 
-- **topic**: The Media Source Extensions API is what allows you to directly pass a user’s webcam feed to a video element with the `srcObject` property.
+- **topic**: The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property.
 
 ## Web Audio API
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
index 497f523801..bac65e3eef 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
@@ -38,7 +38,7 @@ selectEl.addEventListener("change", (e) => {
 
 ## Event Bubbling
 
-- **Definition**: Event bubbling, or propagation, refers to how an event “bubbles up” to parent objects when triggered.
+- **Definition**: Event bubbling, or propagation, refers to how an event "bubbles up" to parent objects when triggered.
 
 ## Event Delegation
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
index 6af2aefde7..2852de734d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
@@ -152,7 +152,7 @@ const num = 4;
 console.log(-num); // -4
 ```
 
-- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it’s `false`, it becomes `true`. 
+- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it's `false`, it becomes `true`. 
 
 ## Bitwise Operators
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
index 9b25149e70..d401947daf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
@@ -11,7 +11,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Regular Expressions and Common Methods
 
-- **Definition**: Regular Expressions, or Regex, are used to create a “pattern”, which you can then use to check against a string, extract text, and more.
+- **Definition**: Regular Expressions, or Regex, are used to create a "pattern", which you can then use to check against a string, extract text, and more.
 
 ```js
 const regex = /freeCodeCamp/;
@@ -65,7 +65,7 @@ for (let match of iterator) {
 
 ## Regular Expression Modifiers
 
-- **Definition**: Modifiers, often referred to as “flags”, modify the behavior of a regular expression.
+- **Definition**: Modifiers, often referred to as "flags", modify the behavior of a regular expression.
 - **`i` Flag**: This flag makes a regex ignore case.
 
 ```js
@@ -82,7 +82,7 @@ console.log(regex.test("freeCodeCamp")); // true
 console.log(regex.test("freeCodeCamp is great")); // false
 ```
 
-- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says “match the start of the string”. The `$` anchor, at the end of the regular expression, says “match the end of the string”.
+- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says "match the start of the string". The `$` anchor, at the end of the regular expression, says "match the end of the string".
 
 ```js
 const start = /^freeCodeCamp/i;
@@ -194,7 +194,7 @@ const regex = /^\d{4}$/;
 
 ## Capturing Groups and Backreferences
 
-- **Capturing Groups**: A capturing group allows you to “capture” a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+- **Capturing Groups**: A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
 
 ```js
 const regex = /free(code)camp/i;
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
index 562fab5a8f..b1519c457b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
@@ -62,7 +62,7 @@ console.log(char);  // A
 ## Other Common String Methods
 
 - **The `indexOf` Method**: This method is used to search for a substring within a string. If the substring is found, `indexOf` returns the index (or position) of the first occurrence of that substring. If the substring is not found, `indexOf` returns -1, which indicates that the search was unsuccessful.
-- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true otherwise, it returns false.
+- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true. Otherwise, it returns false.
 - **The `slice()` Method**: This method extracts a portion of a string and returns a new string, without modifying the original string. It takes two parameters: the starting index and the optional ending index.
 - **The `toUpperCase()` Method**: This method converts all the characters to uppercase letters and returns a new string with all uppercase characters.
 - **The `toLowerCase()` Method**: This method converts all characters in a string to lowercase.
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
index a43eadb8af..27b76f9cce 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
@@ -15,7 +15,7 @@ While HTML and CSS provide website structure, JavaScript brings interactivity to
 
 ## Data Types in JavaScript
 
-Data types help the program understand the kind of data it’s working with, whether it's a number, text, or something else.
+Data types help the program understand the kind of data it's working with, whether it's a number, text, or something else.
 
 - **Number**: A number represents both integers and floating-point values. Examples of integers include 7, 19, and 90.
 - **Floating point**: A floating point number is a number with a decimal point. Examples include 3.14, 0.5, and 0.0001.
@@ -80,7 +80,7 @@ const cityName = 'New York';
 cityName = 'Los Angeles'; // TypeError: Assignment to constant variable.
 ```
 
-- Variables declared using `const` find uses in declaring constants, that are not allowed to change through out the code, such as `PI` or `MAX_SIZE`.
+- Variables declared using `const` find uses in declaring constants, that are not allowed to change throughout the code, such as `PI` or `MAX_SIZE`.
 
 ## Variable Naming Conventions
 
@@ -201,7 +201,7 @@ let isLoggedin = true;
 console.log(typeof isLoggedin); // boolean
 ```
 
-- However, there’s a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
+- However, there's a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
 
 ```js
 let user = null;
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md b/curriculum/challenges/japanese/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
index a7e99d583a..3343a69ca7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
@@ -16,7 +16,7 @@ While HTML and CSS provide website structure, JavaScript brings interactivity to
 
 ## Data Types in JavaScript
 
-Data types help the program understand the kind of data it’s working with, whether it's a number, text, or something else.
+Data types help the program understand the kind of data it's working with, whether it's a number, text, or something else.
 
 - **Number**: A number represents both integers and floating-point values. Examples of integers include 7, 19, and 90.
 - **Floating point**: A floating point number is a number with a decimal point. Examples include 3.14, 0.5, and 0.0001.
@@ -202,7 +202,7 @@ let isLoggedin = true;
 console.log(typeof isLoggedin); // boolean
 ```
 
-- However, there’s a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
+- However, there's a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
 
 ```js
 let user = null;
@@ -262,7 +262,7 @@ console.log(char);  // A
 ## Other Common String Methods
 
 - **The `indexOf` Method**: This method is used to search for a substring within a string. If the substring is found, `indexOf` returns the index (or position) of the first occurrence of that substring. If the substring is not found, `indexOf` returns -1, which indicates that the search was unsuccessful.
-- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true otherwise, it returns false.
+- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true. Otherwise, it returns false.
 - **The `slice()` Method**: This method extracts a portion of a string and returns a new string, without modifying the original string. It takes two parameters: the starting index and the optional ending index.
 - **The `toUpperCase()` Method**: This method converts all the characters to uppercase letters and returns a new string with all uppercase characters.
 - **The `toLowerCase()` Method**: This method converts all characters in a string to lowercase.
@@ -416,7 +416,7 @@ const num = 4;
 console.log(-num); // -4
 ```
 
-- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it’s `false`, it becomes `true`. 
+- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it's `false`, it becomes `true`. 
 
 ## Bitwise Operators
 
@@ -669,7 +669,7 @@ console.log(second); // "banana"
 console.log(third); // "orange"
 ```
 
-- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven’t been destructured into a new array.
+- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven't been destructured into a new array.
 
 ```js
 const fruits = ["apple", "banana", "orange", "mango", "kiwi"];
@@ -1381,7 +1381,7 @@ console.log(hasSomeEvenNumbers); // true
 - **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs.
 - **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript.
 - **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website.
-- **DOM**: The DOM stands for Document Object Model. It’s a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It’s the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
+- **DOM**: The DOM stands for Document Object Model. It's a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It's the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
 - **`navigator` Interface**: This provides information about the browser environment, such as the user agent string, the platform, and the version of the browser. A user agent string is a text string that identifies the browser and operating system being used.
 - **`window` Interface**: This represents the browser window that contains the DOM document. It provides methods and properties for interacting with the browser window, such as resizing the window, opening new windows, and navigating to different URLs.
 
@@ -1746,7 +1746,7 @@ selectEl.addEventListener("change", (e) => {
 
 ## Event Bubbling
 
-- **Definition**: Event bubbling, or propagation, refers to how an event “bubbles up” to parent objects when triggered.
+- **Definition**: Event bubbling, or propagation, refers to how an event "bubbles up" to parent objects when triggered.
 
 ## Event Delegation
 
@@ -1779,7 +1779,7 @@ const developerObj = {
 developerObj.map()
 ```
 
-- **RangeError**: These errors happen when your code tries to use a value that’s outside the range of what JavaScript can handle.
+- **RangeError**: These errors happen when your code tries to use a value that's outside the range of what JavaScript can handle.
 
 ```js
 const arr = [];
@@ -1801,7 +1801,7 @@ function validateNumber(input) {
 
 ## `try...catch...finally`
 
-- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It’s commonly used for cleanup tasks, such as closing files or releasing resources.
+- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It's commonly used for cleanup tasks, such as closing files or releasing resources.
 
 ```js
 function processInput(input) {
@@ -1848,7 +1848,7 @@ console.dir(document);
 
 ## Regular Expressions and Common Methods
 
-- **Definition**: Regular Expressions, or Regex, are used to create a “pattern”, which you can then use to check against a string, extract text, and more.
+- **Definition**: Regular Expressions, or Regex, are used to create a "pattern", which you can then use to check against a string, extract text, and more.
 
 ```js
 const regex = /freeCodeCamp/;
@@ -1902,7 +1902,7 @@ for (let match of iterator) {
 
 ## Regular Expression Modifiers
 
-- **Definition**: Modifiers, often referred to as “flags”, modify the behavior of a regular expression.
+- **Definition**: Modifiers, often referred to as "flags", modify the behavior of a regular expression.
 - **`i` Flag**: This flag makes a regex ignore case.
 
 ```js
@@ -1919,7 +1919,7 @@ console.log(regex.test("freeCodeCamp")); // true
 console.log(regex.test("freeCodeCamp is great")); // false
 ```
 
-- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says “match the start of the string”. The `$` anchor, at the end of the regular expression, says “match the end of the string”.
+- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says "match the start of the string". The `$` anchor, at the end of the regular expression, says "match the end of the string".
 
 ```js
 const start = /^freeCodeCamp/i;
@@ -2031,7 +2031,7 @@ const regex = /^\d{4}$/;
 
 ## Capturing Groups and Backreferences
 
-- **Capturing Groups**: A capturing group allows you to “capture” a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+- **Capturing Groups**: A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
 
 ```js
 const regex = /free(code)camp/i;
@@ -2046,7 +2046,7 @@ console.log("freecoooooooodecamp".replace(regex, "paid$1world"));
 
 ## Validating Forms with JavaScript
 
-- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user’s provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
+- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
 - **`checkValidity()` method**: This method returns `true` if the element matches all HTML validation (based on its attributes), and `false` if it fails.
 
 ```js
@@ -2098,7 +2098,7 @@ button.addEventListener('click',(event) => {
 ## Submitting Forms
 
 - **Definition**: There are three ways a form can be submitted. The first is when the user clicks a button in the form which has the `type` attribute set to `submit`. The second is when the user presses the `Enter` key on any editable `input` field in the form. The third is through a JavaScript call to the `requestSubmit()` or `submit()` methods of the `form` element.
-- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page’s URL.
+- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page's URL.
 
 ```js
 <form action="https://freecodecamp.org">
@@ -2219,9 +2219,9 @@ function pauseAudio() {
 ## Different Audio and Video Formats
 
 - **MIME type**: A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type. The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
-- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user’s current environment.
+- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user's current environment.
 - **MP3**: This is a type of digital file format used to store music, audio, or sound. It's a compressed version of a sound recording that makes the file size smaller, so it's easier to store and share. An MP3 file has the MIME type audio/mp3
-- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it’s a video file or audio-only.
+- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it's a video file or audio-only.
 
 ## codecs
 
@@ -2233,7 +2233,7 @@ function pauseAudio() {
 
 ## Media Capture and Streams API
 
-- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user’s hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
+- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
 
 ```js
 window.navigator.mediaDevices.getUserMedia({
@@ -2255,7 +2255,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Screen Capture API
 
-- **Definition**: The Screen Capture API is used to record a user’s screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+- **Definition**: The Screen Capture API is used to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
 
 ## MediaStream Recording API
 
@@ -2263,7 +2263,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Media Source Extensions API
 
-- **topic**: The Media Source Extensions API is what allows you to directly pass a user’s webcam feed to a video element with the `srcObject` property.
+- **topic**: The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property.
 
 ## Web Audio API
 
@@ -2335,9 +2335,9 @@ console.log(map); // Map(3) { 'flower' => 'rose', 'fruit' => 'apple', 'vegetable
 ## Create, Read, Update, Delete (CRUD)
 
 - **Create**: This refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
-- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you're performing a read operation to fetch and display data stored in the database.
 - **Update**: This involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
-- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you're performing a delete operation.
 
 ## HTTP Methods
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md b/curriculum/challenges/japanese/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
index b8d05c1f1f..57a3a0c8e2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
@@ -16,9 +16,9 @@ Review the concepts below to prepare for the upcoming quiz.
 ## Create, Read, Update, Delete (CRUD)
 
 - **Create**: This refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
-- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you're performing a read operation to fetch and display data stored in the database.
 - **Update**: This involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
-- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you're performing a delete operation.
 
 ## HTTP Methods
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md b/curriculum/challenges/japanese/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
index 9b2c7e68ff..8ccd73190c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
@@ -138,7 +138,7 @@ function Child(props) {
 }
 ```
 
-You can pass multiple props using the spread operator `(...)`, after converting them to an object. Here’s an example:
+You can pass multiple props using the spread operator `(...)`, after converting them to an object. Here's an example:
 
 ```jsx
 // Parent component
diff --git a/curriculum/challenges/japanese/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md b/curriculum/challenges/japanese/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
index 8ee1918a05..22f275bcb5 100644
--- a/curriculum/challenges/japanese/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
+++ b/curriculum/challenges/japanese/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
@@ -17,6 +17,10 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Semantic HTML Elements
 
+- **Header element**: used to define the header of a document or section.
+- **Main element**: used to contain the main content of the web page.
+- **Navigation Section (`nav`) element**: represents a section with navigation links.
+- **Figure element**: used to contain illustrations and diagrams.
 - **Emphasis (`em`) element**: marks text that has stress emphasis.
 - **Idiomatic Text (`i`) element**: used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
 - **Strong Importance (`strong`) element**: marks text that has strong importance.
@@ -24,16 +28,18 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Description List (`dl`) element**: used to represent a list of term-description groupings.
 - **Description Term (`dt`) element**: used to represent the term being defined.
 - **Description Details (`dd`) element**: used to represent the description of the term.
-- **Block Quotation (`blockquote`) element**: used to represent a section that is quoted from another source.
+- **Block Quotation (`blockquote`) element**: used to represent a section that is quoted from another source. This element has a `cite` attribute. The value of the `cite` attribute is the URL of the source.
 - **Inline Quotation (`q`) element**: used to represent a short inline quotation.
 - **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
 - **Contact Address (`address`) element**: used to represent the contact information.
-- **(Date) Time (`time`) element**: used to represent a date and/or time.
+- **(Date) Time (`time`) element**: used to represent a date and/or time. The `datetime` attribute is used to translate dates and times into a machine-readable format.
+- **ISO 8601 Date (`datetime`) attribute**: used to represent dates and times in a machine-readable format. The standard format is `YYYY-MM-DDThh:mm:ss`.
 - **Superscript (`sup`) element**: used to represent superscript text.
 - **Subscript (`sub`) element**: used to represent subscript text.
 - **Inline Code (`code`) element**: used to represent a fragment of computer code.
+- **Preformatted Text (`pre`) element**: represents preformatted text
 - **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
+- **Ruby Annotation (`ruby`) element**: used for annotating text with pronunciation or meaning explanations. An example usage is for East Asian typography.
 - **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
 
 # --assignment--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md b/curriculum/challenges/japanese/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
index 87572fae4a..73a73354bf 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
@@ -7,7 +7,7 @@ dashedName: step-29
 
 # --description--
 
-It’s looking good. Time to start adding some menu items. Add an empty `article` element under the `Coffee` heading. It will contain a flavor and price of each coffee you currently offer.
+It's looking good. Time to start adding some menu items. Add an empty `article` element under the `Coffee` heading. It will contain a flavor and price of each coffee you currently offer.
 
 # --hints--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
index 65223d73bb..6ab42100a2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
@@ -65,7 +65,7 @@ You should assign the `#output` element to `output`.
 ```js
 // assert.deepEqual(output, document.getElementById('output')); cannot be used,
 // as browser defines `output` variable on it own for `#output`.
-assert.match(code, /const\s+output\s*=\s*document.getElementById\(('|")output\1\)/);
+assert.match(code, /const\s+output\s*=\s*document\.getElementById\(('|")output\1\)/);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63c9e8fe3a6f022a05a04675.md b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63c9e8fe3a6f022a05a04675.md
index e0db1f9357..b74f722f58 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63c9e8fe3a6f022a05a04675.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/63c9e8fe3a6f022a05a04675.md
@@ -13,66 +13,205 @@ Using the same interpolation syntax, add a second `p` element with the text `con
 
 You should add a second `p` element to your template literal.
 
+
 ```js
-assert.isAtLeast(getTemplateContents(code)?.match(/<p>[^<]*<\/p>/g)?.length, 2);
+
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
+
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
+
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
+
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+
+const output = document.getElementById('output');
+assert.isAtLeast(output.children.length, 4);
 ```
 
 Your second `p` element should be on a new line.
 
+
 ```js
-assert.match(getTemplateContents(code), /<hr>\s*<p>[^<]*<\/p>\n\s*<p>[^<]*<\/p>/);
-```
 
-Your second `p` element should come after your existing `p` element.
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
 
-```js
-assert.match(getTemplateContents(code), /<p>\$\{budgetCalories\}\s*Calories\s*Budgeted<\/p>\s*<p>/);
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
+
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
+
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+assert.strictEqual(output.children[3].innerText,"1800 Calories Consumed"); 
+
+dinnerValueElement.value = 300;
+calculateCalories(fakeEvent); 
+assert.strictEqual(output.children[3].innerText,"1400 Calories Consumed"); 
 ```
 
 Your second `p` element should have the text `${consumedCalories} Calories Consumed`.
 
 ```js
-const secondP = getTemplateContents(code)?.split(/<p>/)?.[2];
-assert.match(secondP, /\$\{consumedCalories\}\s*Calories\s*Consumed<\/p>/);
+
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
+
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
+
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
+
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+assert.strictEqual(output.children[3].innerText,"1800 Calories Consumed"); 
+
+dinnerValueElement.value = 300;
+calculateCalories(fakeEvent); 
+assert.strictEqual(output.children[3].innerText,"1400 Calories Consumed"); 
+
 ```
 
 You should add a third `p` element to your template literal.
 
 ```js
-assert.lengthOf(getTemplateContents(code)?.match(/<p>[^<]*<\/p>/g), 3);
-```
 
-Your third `p` element should be on a new line.
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
 
-```js
-assert.match(getTemplateContents(code), /<hr>\s*<p>[^<]*<\/p>\s*<p>[^<]*<\/p>\n\s*<p>[^<]*<\/p>/);
-```
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
 
-Your third `p` element should come after your second existing `p` element.
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
 
-```js
-assert.match(getTemplateContents(code), /<p>\$\{consumedCalories\}\s*Calories\s*Consumed<\/p>\s*<p>/);
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+assert.lengthOf(output.children,5);
 ```
 
 Your third `p` element should have the text `${exerciseCalories} Calories Burned`.
 
 ```js
-const thirdP = getTemplateContents(code)?.split(/<p>/)?.[3];
-assert.match(thirdP, /\$\{exerciseCalories\}\s*Calories\s*Burned<\/p>/);
-```
 
-# --seed--
+const entryDropdownElement = document.getElementById('entry-dropdown');
+budgetNumberInput.value = 2000; 
+addEntry(); 
 
-## --after-user-code--
+const breakfastValueElement = document.getElementById("breakfast-1-calories");
+breakfastValueElement.value = 300; 
+entryDropdownElement.value = "lunch";
+addEntry(); 
+
+const lunchValueElement = document.getElementById("lunch-1-calories");
+lunchValueElement.value = 600;
+entryDropdownElement.value = "dinner";
+addEntry(); 
+
+const dinnerValueElement = document.getElementById("dinner-1-calories");
+dinnerValueElement.value = 700;
+entryDropdownElement.value = "snacks";
+addEntry();
+
+const snacksValueElement = document.getElementById("snacks-1-calories");
+snacksValueElement.value = 200;
+entryDropdownElement.value = "exercise";
+addEntry(); 
+
+const exerciseValueElement = document.getElementById("exercise-1-calories");
+exerciseValueElement.value = 300;
+const fakeEvent = { preventDefault: () => {} };
+calculateCalories(fakeEvent); 
+
+assert.strictEqual(output.children[4].innerText,"300 Calories Burned"); 
+
+exerciseValueElement.value = Math.floor(Math.random() * 500);
+
+calculateCalories(fakeEvent); 
+assert.strictEqual(output.children[4].innerText, exerciseValueElement.value.toString() + " Calories Burned");
 
-```js
-function getTemplateContents(code) {
-  return code
-    .split(/output\s*\.\s*innerHTML\s*=\s*/)?.[1]
-    ?.split(/`/)?.[1];
-}
 ```
 
+# --seed--
+
 ## --seed-contents--
 
 ```html
@@ -270,7 +409,7 @@ function addEntry() {
   targetInputContainer.insertAdjacentHTML('beforeend', HTMLString);
 }
 
---fcc-editable-region--
+
 function calculateCalories(e) {
   e.preventDefault();
   isError = false;
@@ -292,6 +431,7 @@ function calculateCalories(e) {
     return;
   }
 
+--fcc-editable-region--
   const consumedCalories = breakfastCalories + lunchCalories + dinnerCalories + snacksCalories;
   const remainingCalories = budgetCalories - consumedCalories + exerciseCalories;
   const surplusOrDeficit = remainingCalories < 0 ? 'Surplus' : 'Deficit';
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
index 203947b61e..936462caf7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
@@ -18,13 +18,13 @@ Open up the console to see the result. In the next step, you will learn more abo
 You should have a `console.log` below your `isInvalidInput` function.
 
 ```js
-assert.match(code, /console.log\(/);
+assert.match(code, /console\.log\(/);
 ```
 
 Your console statement should have the value of `isInvalidInput("1e3")`.
 
 ```js
-assert.match(code, /console.log\(isInvalidInput\(('|")1e3\s*\1\);?\)/);
+assert.match(code, /console\.log\(isInvalidInput\(('|")1e3\s*\1\);?\)/);
 
 ```
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
index b1f808ba93..08a71268db 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
@@ -31,13 +31,13 @@ Open up the console to see the result. You will learn more about what this resul
 You should have a `console.log` below your `isInvalidInput` function.
 
 ```js
-assert.match(code, /console.log\(/);
+assert.match(code, /console\.log\(/);
 ```
 
 Your console statement should have the value of `isInvalidInput("10")`.
 
 ```js
-assert.match(code, /console.log\(isInvalidInput\(('|")10\s*\1\);?\)/);
+assert.match(code, /console\.log\(isInvalidInput\(('|")10\s*\1\);?\)/);
 
 ```
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
index cc6ce6d01e..d9080dfe2d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
@@ -18,7 +18,7 @@ Now that you have finished testing your `isInvalidInput` function, you can remov
 You should remove your `console.log(isInvalidInput("10"));`.
 
 ```js
-assert.notMatch(code, /console.log\(isInvalidInput\("10"\)\);?/g)
+assert.notMatch(code, /console\.log\(isInvalidInput\("10"\)\);?/g)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646ceb843412c74edee27a79.md b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646ceb843412c74edee27a79.md
index 28446c8578..910f201646 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646ceb843412c74edee27a79.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646ceb843412c74edee27a79.md
@@ -14,49 +14,49 @@ Using a class selector, give the `.cat-right-ear` element `height` and `width` p
 You should have a `.cat-right-ear` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document)?.getStyle('.cat-head'))
+assert.exists(new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear'))
 ```
 
 Your `.cat-right-ear` selector should have a `height` property set to `100px`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height === '100px')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height, '100px')
 ```
 
 Your `.cat-right-ear` selector should have a `width` property set to `100px`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width === '100px')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width, '100px')
 ```
 
 Your `.cat-right-ear` selector should have a `background-color` property set to `white`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.backgroundColor === 'white')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.backgroundColor, 'white')
 ```
 
 Your `.cat-right-ear` selector should have a `border-left` property set to `35px solid blue`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft === '35px solid blue')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft, '35px solid blue')
 ```
 
 Your `.cat-right-ear` selector should have a `border-right` property set to `35px solid blue`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight === '35px solid blue')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight, '35px solid blue')
 ```
 
 Your `.cat-right-ear` selector should have a `border-top` property set to `35px solid red`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop === '35px solid red')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop, '35px solid red')
 ```
 
 Your `.cat-right-ear` selector should have a `border-bottom` property set to `35px solid red`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom === '35px solid red')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom, '35px solid red')
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646cf2249f02ca5233d9af7c.md b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646cf2249f02ca5233d9af7c.md
index b37aa9386b..ef3f32fb5e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646cf2249f02ca5233d9af7c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/646cf2249f02ca5233d9af7c.md
@@ -16,25 +16,25 @@ Using a class selector, give the `.cat-right-ear` element a left and right borde
 You should have a `.cat-right-ear` selector.
 
 ```js 
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear'))
+assert.exists(new __helpers.CSSHelp(document).getStyle('.cat-right-ear'))
 ```
 
 Your `.cat-right-ear` selector should have a `border-left` property set to `35px solid transparent`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft === '35px solid transparent')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft, '35px solid transparent')
 ```
 
 Your `.cat-right-ear` selector should have a `border-right` property set to `35px solid transparent`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight === '35px solid transparent')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight, '35px solid transparent')
 ```
 
 Your `.cat-right-ear` selector should have a `border-bottom` property set to `70px solid #5e5e5e`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom === '70px solid rgb(94, 94, 94)')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom, '70px solid rgb(94, 94, 94)')
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/6676a8b01e56ec1a1e07c202.md b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/6676a8b01e56ec1a1e07c202.md
index 26922a2a3c..c71c0d6eda 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/6676a8b01e56ec1a1e07c202.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-painting/6676a8b01e56ec1a1e07c202.md
@@ -19,50 +19,50 @@ Remove the `background-color` property, and you should see a triangle.
 You should have a `.cat-right-ear` selector.
 
 ```js
-assert(new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear'))
+assert.exists(new __helpers.CSSHelp(document)?.getStyle('.cat-right-ear'))
 ```
 
 Your `.cat-right-ear` selector should have a `height` property set to `0`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height == '0px')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.height, '0px')
 ```
 
 Your `.cat-right-ear` selector should have a `width` property set to `0`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width === '0px')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.width, '0px')
 ```
 
 Your `.cat-right-ear` selector should have a `border-left` property set to `35px solid transparent`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft === '35px solid transparent')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderLeft, '35px solid transparent')
 ```
 
 Your `.cat-right-ear` selector should have a `border-right` property set to `35px solid transparent`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight === '35px solid transparent')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderRight, '35px solid transparent')
 ```
 
 Your `.cat-right-ear` selector should have a `border-top` property set to `35px solid transparent`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop === '35px solid transparent')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderTop, '35px solid transparent')
 ```
 
 
 Your `.cat-right-ear` selector should have a `border-bottom` property set to `35px solid red`. Don't forget to add a semi-colon.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom === '35px solid red')
+assert.strictEqual(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.borderBottom, '35px solid red')
 ```
 
 Your `.cat-right-ear` selector should not have a `background-color` property.
 
 ```js
-assert(!new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.backgroundColor)
+assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.cat-right-ear')?.backgroundColor)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc174fcf86c76b9248c6eb2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc174fcf86c76b9248c6eb2.md
index c1e8b49834..2d15027842 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc174fcf86c76b9248c6eb2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc174fcf86c76b9248c6eb2.md
@@ -49,9 +49,11 @@ assert.equal(document.querySelector('h1').innerText.toLowerCase(), 'catphotoapp'
 You appear to be using a browser extension that is modifying the page. Be sure to turn off all browser extensions.
 
 ```js
-assert.isAtMost(document.querySelectorAll('script').length, 2);
-assert.equal(document.querySelectorAll('style').length, 1);
-assert.equal(document.querySelectorAll('link').length, 0);
+if(__checkForBrowserExtensions){
+  assert.isAtMost(document.querySelectorAll('script').length, 2);
+  assert.equal(document.querySelectorAll('style').length, 1);
+  assert.equal(document.querySelectorAll('link').length, 0);
+}
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
index b8e42b9307..6751691733 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
@@ -15,7 +15,7 @@ Here is an example linking to `https://www.freecodecamp.org`:
 <a href="https://www.freecodecamp.org"></a>
 ```
 
-Add an anchor element after the paragraph that links to `https://freecatphotoapp.com`. At this point, the link won’t show up in the preview.
+Add an anchor element after the paragraph that links to `https://freecatphotoapp.com`. At this point, the link won't show up in the preview.
 
 # --hints--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
index b25a8cbdd9..e2018d6612 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
@@ -28,7 +28,8 @@ assert.match(code, /<\/ul>/);
 The `ul` element should be above the second `section` element's closing tag.
 
 ```js
-const secondSectionLastElemNode = $('main > section')[1].lastElementChild;
+const secondSectionLastElemNode =
+  document.querySelectorAll('main > section')[1].lastElementChild;
 assert.equal(secondSectionLastElemNode.nodeName, 'UL');
 ```
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md b/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
index fc6529131a..c13f28167a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
@@ -7,7 +7,7 @@ dashedName: step-11
 
 # --description--
 
-To give the markers different colors, you’ll need to add a unique class to each one. You can add multiple classes to an element by listing them in the `class` attribute and separating them with a space. For example, the following code adds both the `animal` and `dog` classes to a `div` element:
+To give the markers different colors, you'll need to add a unique class to each one. You can add multiple classes to an element by listing them in the `class` attribute and separating them with a space. For example, the following code adds both the `animal` and `dog` classes to a `div` element:
 
 ```html
 <div class="animal dog">
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md b/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
index 75f886d201..fd00f7b450 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
@@ -7,7 +7,7 @@ dashedName: step-26
 
 # --description--
 
-Now that you've practiced with secondary colors, let’s review how to create <dfn>tertiary colors</dfn>. Tertiary colors are created by combining a primary color with a nearby secondary color.
+Now that you've practiced with secondary colors, let's review how to create <dfn>tertiary colors</dfn>. Tertiary colors are created by combining a primary color with a nearby secondary color.
 
 To create the tertiary color orange, update the `rgb` function in the `.one` CSS rule by setting red to its maximum value (`255`) and green to `127`.
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61a49d15bdbb5e57cc6fd280.md b/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61a49d15bdbb5e57cc6fd280.md
index c01ff418d3..b1b5000288 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61a49d15bdbb5e57cc6fd280.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-colored-markers/61a49d15bdbb5e57cc6fd280.md
@@ -7,7 +7,7 @@ dashedName: step-49
 
 # --description--
 
-Color-stops allow you to fine-tune where colors are placed along the gradient line. They are a length unit like `px` or percentages that follow a color in the `linear-gradient` function.
+Color-stops allow you to fine-tune where colors are placed along the gradient line. They are used in the `linear-gradient` function to specify where a color ends and the transition to the next color begins. Either a percentage or a length value can be used to define the color-stop position.
 
 For example, in this red-black gradient, the transition from red to black takes place at the 90% point along the gradient line, so red takes up most of the available space:
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md b/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
index 68c7140938..a3b21beb34 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
@@ -7,13 +7,13 @@ dashedName: step-15
 
 # --description--
 
-Add a new selector that targets the pseudoelement `::before` of the `h1` element,
+You can add an emoji in front of the title using the pseudo-element `::before` of the `h1` element.
 
-Use the `content` property to put the emoji 🥳 in front of the title: give it a value of `"🥳 "` (note there is a space after the emoji).
+Create an `h1::before` selector, give it a `content` property and set its value to `"🥳 "` (note there is a space after the emoji).
 
 # --hints--
 
-You should have a `h1::before` selector.
+You should have an `h1::before` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::before"));
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md b/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
index d0d04e7815..62eb6a5184 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
@@ -7,11 +7,13 @@ dashedName: step-16
 
 # --description--
 
-Now you can do something similar to add the emoji also after the title: create a `h1::after` selector, give it a `content` property and set the value to `" 🥳"` (note there is a space before the emoji).
+Now you can do something similar to add the emoji also after the title.
+
+Create a selector that targets the pseudo-element `::after` of the `h1` element. Give it a `content` property and set its value to `" 🥳"` (note there is a space before the emoji).
 
 # --hints--
 
-You should have a `h1::after` selector.
+You should have an `h1::after` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::after"));
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
index 06646952e3..32121ed47d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
@@ -27,7 +27,7 @@ Your `label` element should have a `for` attribute set to `"age"`.
 assert.isNotNull(document.querySelector('label[for="age"]'));
 ```
 
-You `label` element should have the text `Age (optional):`.
+Your `label` element should have the text `Age (optional):`.
 
 ```js
 assert.strictEqual(document.querySelector('label[for="age"]').textContent, "Age (optional):");
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579bf.md b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579bf.md
index 1dfbc1497d..3d446000e1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579bf.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579bf.md
@@ -66,7 +66,7 @@ Your object should have a `pages` property.
 assert.property(library[0], "pages")
 ```
 
-The value of yoour `pages` property should be a number.
+The value of your `pages` property should be a number.
 
 ```js
 assert.isNumber(library[0]?.pages)
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
index ac6bae6794..cc598c8c5c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
@@ -11,7 +11,7 @@ The rest of the objects representing the books have been filled in for you. You
 
 Now, you should start working on getting several common parts of the books.
 
-Start by displaying all the books. Create a `displayBooks` function with a `catalog` parameter. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the `library` array.
+Start by displaying all the books. Create a `displayBooks` function with a parameter accepting an array with book objects. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the array passed to function.
 
 # --hints--
 
@@ -21,10 +21,10 @@ You should create a `displayBooks` function.
 assert.isFunction(displayBooks)
 ```
 
-Your `displayBooks` function should have a `catalog` parameter.
+Your `displayBooks` function should have one parameter.
 
 ```js
-assert.match(displayBooks.toString(), /catalog/)
+assert.lengthOf(displayBooks, 1)
 ```
 
 Your `displayBooks` function should use a higher order function. Ex. (`filter`, `map`, `reduce`)
@@ -39,24 +39,42 @@ Your `displayBooks` function should return a string.
 assert.isString(displayBooks(library))
 ```
 
-Your `displayBooks` function should have each book title, author and pages in it.
+Your `displayBooks` function should return each book title, author and number of pages, for all books in the array passed to it.
 
 ```js
+const libraryBooks = displayBooks(library);
 library.forEach((book) => {
-  assert.include(displayBooks(library), book.title);
-  assert.include(displayBooks(library), book.author);
-  assert.include(displayBooks(library), book.pages.toString());
+  assert.include(libraryBooks, book.title);
+  assert.include(libraryBooks, book.author);
+  assert.include(libraryBooks, book.pages.toString());
 });
-```
-
-Your `displayBooks` function should contain the total of `8` books avaialble in the library.
-
-```js
-function getNumOfBooks(catalog) {
-  return catalog.map(book => `${book.title} by ${book.author}`);
-}
 
-assert.lengthOf(getNumOfBooks(library), 8);
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+const _differentBooks = displayBooks(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(_differentBooks, book.title);
+  assert.include(_differentBooks, book.author);
+  assert.include(_differentBooks, book.pages.toString());
+});
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
index 4c5530c6d5..29ead98bb3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
@@ -9,7 +9,7 @@ dashedName: step-5
 
 To display the book summaries, you can use the `about` property of each book.
 
-Create a `getBookSummaries` function with a `catalog` parameter. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
+Create a `getBookSummaries` function with a single parameter, accepting an array with book objects. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
 
 # --hints--
 
@@ -19,10 +19,10 @@ You should create a `getBookSummaries` function.
 assert.isFunction(getBookSummaries)
 ```
 
-Your `getBookSummaries` function should have a `catalog` parameter.
+Your `getBookSummaries` function should have one parameter.
 
 ```js
-assert.match(getBookSummaries.toString(), /catalog/)
+assert.lengthOf(getBookSummaries, 1)
 ```
 
 Your `getBookSummaries` function should return an array.
@@ -37,17 +37,59 @@ Your `getBookSummaries` function should use a higher order function. Ex. (`filte
 assert.match(getBookSummaries.toString(), /filter|map|reduce|forEach/);
 ```
 
-Your `getBookSummaries` function should contain the total of `8` books avaialble in the library.
+Your `getBookSummaries` function should return an array with the same length as the array passed to it.
 
 ```js
 assert.lengthOf(getBookSummaries(library), 8);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBookSummaries(_differentLibrary), 3);
 ```
 
-Your `getBookSummaries` function should have the `about` property of each book in the library.
+Your `getBookSummaries` function should return an array with the `about` property of each book from the array passed to it.
 
 ```js
+const summaries = getBookSummaries(library);
 library.forEach((book) => {
-  assert.include(getBookSummaries(library), book.about);
+  assert.include(summaries, book.about);
+});
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+];
+const differentSummaries = getBookSummaries(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(differentSummaries, book.about);
 });
 ```
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
index 21f88904bf..da8f4aa2b4 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
@@ -9,7 +9,7 @@ dashedName: step-6
 
 Another useful thing to do is to get the books by their author.
 
-Create a `getBooksByAuthor` function with a `catalog` and `author` parameters.
+Create a `getBooksByAuthor` function with two parameters - an array with book objects and a string with the author.
 
 The function must return an array that contains the books by a particular author.
 
@@ -21,10 +21,10 @@ You should create a `getBooksByAuthor` function.
 assert.isFunction(getBooksByAuthor)
 ```
 
-Your `getBooksByAuthor` function should have a `catalog` and `author` parameters.
+Your `getBooksByAuthor` function should have two parameters.
 
 ```js
-assert.match(getBooksByAuthor.toString(), /catalog,\s*author|author,\s*catalog/)
+assert.lengthOf(getBooksByAuthor, 2)
 ```
 
 Your `getBooksByAuthor` function should return an array.
@@ -57,6 +57,29 @@ assert.lengthOf(pbdBook, 1);
 assert.lengthOf(johnGordon, 1);
 assert.lengthOf(jamesClearBook, 1);
 assert.lengthOf(JDAndSDBook, 1);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author B',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author B'), 2);
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author A'), 1);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
index 3b201fdda8..4825c1b615 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
@@ -7,7 +7,7 @@ dashedName: step-7
 
 # --description--
 
-Finally, create a `getTotalPages` function with a `catalog` parameter. The function should return the total number of all the pages of the books in the `library` array.
+Finally, create a `getTotalPages` function with a single parameter, accepting an array with book objects. The function should return the total number of pages in the books from the array passed to the function.
 
 # --hints--
 
@@ -18,10 +18,10 @@ You should create a `getTotalPages` function.
 assert.isFunction(getTotalPages)
 ```
 
-Your `getTotalPages` function should have a `catalog` parameter.
+Your `getTotalPages` function should have one parameter.
 
 ```js
-assert.match(getTotalPages.toString(), /catalog/)
+assert.lengthOf(getTotalPages, 1)
 ```
 
 Your `getTotalPages` function should return a number.
@@ -30,10 +30,32 @@ Your `getTotalPages` function should return a number.
 assert.isNumber(getTotalPages(library))
 ```
 
-Your `getTotalPages` function should return the number `2512`.
+Your `getTotalPages` function should return the total number of pages in the books from the array passed to it.
 
 ```js
-assert.equal(getTotalPages(library), 2512);
+assert.strictEqual(getTotalPages(library), 2512);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+]
+assert.strictEqual(getTotalPages(_differentLibrary), 944);
 ```
 
 Your `getTotalPages` function should use a higher order function. Ex. (`filter`, `map`, `reduce`).
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md b/curriculum/challenges/japanese/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
index cf9f8efffd..3f314c806b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
@@ -9,9 +9,9 @@ dashedName: step-3
 
 To check which loan a user is qualified for based on the `annualIncome` and `creditScore`, you have to use `if/else if` statement or a ternary right inside the `getLoanMessage` function. You'll then return the appropriate message in the block of each condition.
 
-Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than `minCreditScoreForDuplex`.
+Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than or equal to `minCreditScoreForDuplex`.
 
-If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a car, duplex and Condo loan."`
+If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a duplex, condo, and car loan."`
 
 # --hints--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67471d60ce8e6268fe9e12f6.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67471d60ce8e6268fe9e12f6.md
new file mode 100644
index 0000000000..adb3c8b8cf
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67471d60ce8e6268fe9e12f6.md
@@ -0,0 +1,604 @@
+---
+id: 67471d60ce8e6268fe9e12f6
+title: Step 1
+challengeType: 0
+dashedName: step-1
+demoType: onLoad
+---
+
+# --description--
+
+In this workshop you will create a music player app capable of playing, pausing, and skipping songs from a playlist.
+
+The HTML and CSS of this project have been provided for you, so you can focus on the JavaScript.
+
+Start by accessing the `#playlist-songs`, `#play`, and `#pause` elements and assign them to the variables `playlistSongs`, `playButton` and `pauseButton`, respectively.
+
+
+# --hints--
+
+You should have a variable called `playlistSongs`.
+
+```js
+assert.isDefined(playlistSongs);
+```
+
+You should assign the `#playlist-songs` element to the variable `playlistSongs`.
+
+```js
+assert.equal(playlistSongs, document.getElementById('playlist-songs'));
+```
+
+You should have a variable called `playButton`.
+
+```js
+assert.isDefined(playButton);
+```
+
+You should assign the `#play` element to the variable `playButton`.
+
+```js
+assert.equal(playButton, document.getElementById('play'));
+```
+
+You should have a variable called `pauseButton`.
+
+```js
+assert.isDefined(pauseButton);
+```
+
+You should assign the `#pause` element to the variable `pauseButton`.
+
+```js
+assert.equal(pauseButton, document.getElementById('pause'));
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747237371f13173c9f6c27e.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747237371f13173c9f6c27e.md
new file mode 100644
index 0000000000..30f83c65df
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747237371f13173c9f6c27e.md
@@ -0,0 +1,591 @@
+---
+id: 6747237371f13173c9f6c27e
+title: Step 2
+challengeType: 0
+dashedName: step-2
+---
+
+# --description--
+
+Access the `#next` and `#previous` elements from the HTML file.
+
+Assign them to variables named `nextButton`, and `previousButton`, respectively.
+
+# --hints--
+
+You should have a variable called `nextButton`.
+
+```js
+assert.isDefined(nextButton);
+```
+
+You should assign the `#next` element to the variable `nextButton`.
+
+```js
+assert.equal(nextButton, document.getElementById('next'));
+```
+
+You should have a variable called `previousButton`.
+
+```js
+assert.isDefined(previousButton);
+```
+
+You should assign the `#previous` element to the variable `previousButton`.
+
+```js
+assert.equal(previousButton, document.getElementById('previous'));
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+--fcc-editable-region--
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674724ff8af92f7733e6d980.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674724ff8af92f7733e6d980.md
new file mode 100644
index 0000000000..94809445c6
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674724ff8af92f7733e6d980.md
@@ -0,0 +1,585 @@
+---
+id: 674724ff8af92f7733e6d980
+title: Step 3
+challengeType: 0
+dashedName: step-3
+---
+
+# --description--
+
+Next, create an ampty array named `allSongs` to store all the songs.
+
+# --hints--
+
+You should have a variable called `allSongs`.
+
+```js
+assert.isDefined(allSongs)
+```
+
+You should assign an array to your `allSongs` variable.
+
+```js
+assert.isArray(allSongs)
+```
+
+Your array should be empty.
+
+```js
+assert.isEmpty(allSongs)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747257cdf5412781e138bb2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747257cdf5412781e138bb2.md
new file mode 100644
index 0000000000..03f55f6703
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747257cdf5412781e138bb2.md
@@ -0,0 +1,619 @@
+---
+id: 6747257cdf5412781e138bb2
+title: Step 4
+challengeType: 0
+dashedName: step-4
+---
+
+# --description--
+
+Inside the `allSongs` array, create an object with the following properties and values:
+
+```js
+id: 0,
+title: "Scratching The Surface",
+artist: "Quincy Larson",
+duration: "4:25",
+src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+```
+
+# --hints--
+
+Your `allSongs` array should have one value.
+
+```js
+assert.equal(allSongs.length, 1);
+```
+
+Your `allSongs` array should have an object as its first value.
+
+```js
+assert.isObject(allSongs[0]);
+```
+
+Your `allSongs` array should have an object with an `id` property set to the number `0`.
+
+```js
+assert.strictEqual(allSongs[0].id, 0);
+```
+
+Your `allSongs` array should have an object with a `title` property set to the string `"Scratching The Surface"`.
+
+```js
+assert.equal(allSongs[0].title, "Scratching The Surface");
+```
+
+Your `allSongs` array should have an object with an `artist` property set to the string `"Quincy Larson"`.
+
+```js
+assert.equal(allSongs[0].artist, "Quincy Larson");
+```
+
+Your `allSongs` array should have an object with a `duration` property set to the string `"4:25"`.
+
+```js
+assert.equal(allSongs[0].duration, "4:25");
+```
+
+Your `allSongs` array should have an object with a `src` property set to the string `"https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3"`.
+
+```js
+assert.equal(allSongs[0].src, "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3");
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+--fcc-editable-region--
+const allSongs = [
+
+]
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747274264e8a5799fb3e0b5.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747274264e8a5799fb3e0b5.md
new file mode 100644
index 0000000000..5660a8dedd
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747274264e8a5799fb3e0b5.md
@@ -0,0 +1,626 @@
+---
+id: 6747274264e8a5799fb3e0b5
+title: Step 5
+challengeType: 0
+dashedName: step-5
+---
+
+# --description--
+
+Add a second object with the following keys and values:
+
+```js
+id: 1,
+title: "Can't Stay Down",
+artist: "Quincy Larson",
+duration: "4:15",
+src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+```
+
+# --hints--
+
+Your `allSongs` array should have two values.
+
+```js
+assert.equal(allSongs.length, 2);
+```
+
+Your `allSongs` array should have an object as its second value.
+
+```js
+assert.isObject(allSongs[1]);
+```
+
+The second object in your `allSongs` array should have an `id` property set to the number `1`.
+
+```js
+assert.strictEqual(allSongs[1].id, 1);
+```
+
+The second object in your `allSongs` array should have a `title` property set to the string `"Can't Stay Down"`.
+
+```js
+assert.equal(allSongs[1].title, "Can't Stay Down");
+```
+
+The second object in your `allSongs` array should have an `artist` property set to the string `"Quincy Larson"`.
+
+```js
+assert.equal(allSongs[1].artist, "Quincy Larson");
+```
+
+The second object in your `allSongs` array should have a `duration` property set to the string `"4:15"`.
+
+```js
+assert.equal(allSongs[1].duration, "4:15");
+```
+
+The second object in your `allSongs` array should have a `src` property set to the string `"https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3"`.
+
+```js
+assert.equal(allSongs[1].src, "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3");
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+--fcc-editable-region--
+
+--fcc-editable-region--
+];
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674728eda5829d7b4c360643.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674728eda5829d7b4c360643.md
new file mode 100644
index 0000000000..d4725a42a5
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674728eda5829d7b4c360643.md
@@ -0,0 +1,629 @@
+---
+id: 674728eda5829d7b4c360643
+title: Step 6
+challengeType: 0
+dashedName: step-6
+---
+
+# --description--
+
+Add a third object with the following properties and values:
+
+```js
+id: 2,
+title: "Still Learning",
+artist: "Quincy Larson",
+duration: "3:51",
+src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+```
+
+# --hints--
+
+Your `allSongs` array should have an object as its third value.
+
+```js
+assert.isObject(allSongs[2]);
+```
+
+The third object in your `allSongs` array should have an `id` property set to the number `2`.
+
+```js
+assert.equal(allSongs[2].id, 2);
+```
+
+The third object in your `allSongs` array should have a `title` property set to the string `"Still Learning"`.
+
+```js
+assert.equal(allSongs[2].title, "Still Learning");
+```
+
+The third object in your `allSongs` array should have an `artist` property set to the string `"Quincy Larson"`.
+
+```js
+assert.equal(allSongs[2].artist, "Quincy Larson");
+```
+
+The third object in your `allSongs` array should have a `duration` property set to the string `"3:51"`.
+
+```js
+assert.equal(allSongs[2].duration, "3:51");
+```
+
+The third object in your `allSongs` array should have a `src` property set to the string `"https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3"`.
+
+```js
+assert.equal(allSongs[2].src, "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3");
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+];
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747299cbed5107c6a00d64c.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747299cbed5107c6a00d64c.md
new file mode 100644
index 0000000000..d2ac453312
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6747299cbed5107c6a00d64c.md
@@ -0,0 +1,656 @@
+---
+id: 6747299cbed5107c6a00d64c
+title: Step 7
+challengeType: 0
+dashedName: step-7
+---
+
+# --description--
+
+The rest of the songs has been added to the `allSongs` array for you.
+
+In the previous lecture video, you learned about the <dfn>Web Audio API</dfn> and how to use it to play songs. All modern browsers support the Web Audio API, which lets you generate and process audio in web applications.
+
+Create a variable named `audio` and set it equal to `new Audio()`. This will create a new HTML5 `audio` element.
+
+# --hints--
+
+You should have a variable named `audio`.
+
+```js
+assert.isDefined(audio);
+```
+
+You should assign a new instance of the `Audio` object to the variable named `audio`.
+
+```js
+assert.instanceOf(audio, Audio)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67472ab9f570797dbb01568a.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67472ab9f570797dbb01568a.md
new file mode 100644
index 0000000000..c2fa6984fa
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67472ab9f570797dbb01568a.md
@@ -0,0 +1,656 @@
+---
+id: 67472ab9f570797dbb01568a
+title: Step 8
+challengeType: 0
+dashedName: step-8
+---
+
+# --description--
+
+Your music player should keep track of the songs, the current song playing, and the time of the current song. To do this, you will need to create an object to store this information.
+
+Start by declaring a new variable called `userData` and assign it an empty object.
+
+# --hints--
+
+You should have a variable named `userData`.
+
+```js
+assert.isDefined(userData);
+```
+
+You should assign an empty object to your `userData` variable.
+
+```js
+assert.deepEqual(userData, {});
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67472eef7b4b7ba77b50929b.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67472eef7b4b7ba77b50929b.md
new file mode 100644
index 0000000000..11e4adee44
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67472eef7b4b7ba77b50929b.md
@@ -0,0 +1,664 @@
+---
+id: 67472eef7b4b7ba77b50929b
+title: Step 9
+challengeType: 0
+dashedName: step-9
+---
+
+# --description--
+
+In your `userData` object, create a `songs` property and set its value to the `allSongs` array.
+
+Then, to handle the current song's information and track its playback time, create a `currentSong` and `songCurrentTime` properties. Set the values to `null` and `0`, respectively.
+
+# --hints--
+
+Your `userData` object should have a `songs` key set to the `allSongs` array.
+
+```js
+assert.propertyVal(userData, "songs", allSongs);
+```
+
+Your `userData` object should have a `currentSong` key set to `null`.
+
+```js
+assert.propertyVal(userData, "currentSong", null);
+```
+
+Your `userData` object should have a `songCurrentTime` key set to `0`.
+
+```js
+assert.propertyVal(userData, "songCurrentTime", 0);
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+--fcc-editable-region--
+const userData = {
+
+}
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67473042e8751eac62fafc82.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67473042e8751eac62fafc82.md
new file mode 100644
index 0000000000..0cde6737d9
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67473042e8751eac62fafc82.md
@@ -0,0 +1,661 @@
+---
+id: 67473042e8751eac62fafc82
+title: Step 10
+challengeType: 0
+dashedName: step-10
+---
+
+# --description--
+
+It's time to begin implementing the functionality for playing the displayed songs.
+
+Define a `playSong` function that takes an single parameter which will represent the unique identifier of the song you want to play.
+
+# --hints--
+
+You should have an empty function named `playSong`.
+
+```js
+assert.isFunction(playSong);
+```
+
+Your `playSong` function should take a single parameter.
+
+```js
+assert.lengthOf(playSong, 1);
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674735e3b28351b8b8f05807.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674735e3b28351b8b8f05807.md
new file mode 100644
index 0000000000..c2cb8ceec2
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674735e3b28351b8b8f05807.md
@@ -0,0 +1,709 @@
+---
+id: 674735e3b28351b8b8f05807
+title: Step 11
+challengeType: 0
+dashedName: step-11
+---
+
+# --description--
+
+The `find()` method retrieves the first element within an array that fulfills the conditions specified in the provided callback function. If no element satisfies the condition, the method returns `undefined`.
+
+In the example below, the `find()` method is used to find the first number greater than 25:
+
+```js
+const numbers = [10, 20, 30, 40, 50];
+
+// Find the first number greater than 25
+const foundNumber = numbers.find((number) => number > 25);
+console.log(foundNumber); // Output: 30
+```
+
+Within your `playSong` function, use the `find()` method on the `userData.songs` array to search for a song which has an `id` strictly equal to the `id` passed into the `playSong` function. Assign the `find` call to a variable named `song`.
+
+# --hints--
+
+Your `playSong` function should call the `find` method on `userData.songs`.
+
+```js
+let flag = false;
+const temp = userData.songs.find;
+userData.songs.find = foo => {flag = true};
+try {
+  playSong(0);
+  assert.isTrue(flag);
+} finally {
+  userData.songs.find = temp;
+}
+```
+
+Your `find` call should return a song whose `id` is strictly equal to the `id` passed into the `playSong` function.
+
+```js
+const testArr = [
+  {id: 0},
+  {id: 1},
+  {id: 2},
+]
+let callback;
+const testFind = id => testArr.find(callback);
+const temp = userData.songs.find;
+userData.songs.find = foo => {callback = foo};
+try {
+  playSong(0);
+  assert.deepEqual(testFind(0), {id: 0});
+  playSong(1);
+  assert.deepEqual(testFind(1), {id: 1});
+  playSong(2);
+  assert.deepEqual(testFind(2), {id: 2});
+  playSong(3);
+  assert.isUndefined(testFind(3));
+  playSong("0");
+  assert.isUndefined(testFind("0"));
+} finally {
+  userData.songs.find = temp;
+}
+```
+
+You should assign your `find` call to a variable named `song`.
+
+```js
+assert.match(__helpers.removeJSComments(code), /(const|let)\s+song\s*=\s*userData\s*\.\s*songs\s*\.\s*find\s*\(.+\)/)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+--fcc-editable-region--
+const playSong = id => {
+
+}
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674757668684f9deaa6ac3c0.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674757668684f9deaa6ac3c0.md
new file mode 100644
index 0000000000..cd1ecd5530
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674757668684f9deaa6ac3c0.md
@@ -0,0 +1,676 @@
+---
+id: 674757668684f9deaa6ac3c0
+title: Step 12
+challengeType: 0
+dashedName: step-12
+---
+
+# --description--
+
+Still inside the `playSong` function, set the `audio.src` property equal to `song.src`. This tells the audio element where to find the audio data for the selected song.
+
+Also, set the `audio.title` property equal to `song.title`. This tells the audio element what to display as the title of the song.
+
+# --hints--
+
+You should set the `audio.src` property equal to `song.src` inside your `playSong` function.
+
+```js
+const temp = audio;
+try {
+  playSong(2);
+  assert.equal(audio.src, "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3");
+} finally {
+  audio = temp;
+}
+```
+
+You should set the `audio.title` property equal to `song.title` inside your `playSong` function.
+
+```js
+const temp = audio;
+try {
+  playSong(2);
+  assert.equal(audio.title, "Still Learning");
+} finally {
+  audio = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+--fcc-editable-region--
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+
+}
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674836ba82e9057dfee1849c.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674836ba82e9057dfee1849c.md
new file mode 100644
index 0000000000..1a6d3945d3
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674836ba82e9057dfee1849c.md
@@ -0,0 +1,690 @@
+---
+id: 674836ba82e9057dfee1849c
+title: Step 15
+challengeType: 0
+dashedName: step-15
+---
+
+# --description--
+
+Next, use the `classList` property and the `add()` method to add the `playing` class to the `playButton` element. This will look for the class `playing` in the CSS file and add it to the `playButton` element.
+
+Then, set `userData.currentSong` to `song`, and to finally play the song, use the `play()` method on the `audio` variable. `play()` is a method from the web audio API for playing an mp3 file.
+
+# --hints--
+
+You should add the `playing` class to the `playButton` element within your `playSong` function.
+
+```js
+playButton.classList.remove("playing");
+playSong(0);
+assert.isTrue(playButton.classList.contains("playing"));
+```
+
+You should set `userData.currentSong` to `song` within your `playSong` function.
+
+```js
+userData.currentSong = null;
+playSong(0);
+assert.deepEqual(userData.currentSong, {id: 0, title: "Scratching The Surface", artist: "Quincy Larson", duration: "4:25", src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3"});
+```
+
+You should call the `play()` method on the `audio` variable within your `playSong` function.
+
+```js
+let flag = false;
+const temp = audio.play;
+audio.play = () => {flag = true};
+try {
+  playSong(0);
+  assert.isTrue(flag);
+} finally {
+  audio.play = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+--fcc-editable-region--
+
+--fcc-editable-region--  
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674850b437668dd08edddbe2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674850b437668dd08edddbe2.md
new file mode 100644
index 0000000000..b473bbbd8c
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674850b437668dd08edddbe2.md
@@ -0,0 +1,687 @@
+---
+id: 674850b437668dd08edddbe2
+title: Step 16
+challengeType: 0
+dashedName: step-16
+---
+
+# --description--
+
+In previous steps you built out the functionality for playing a song. Now you need to add the functionality to the play button.
+
+Use the `addEventListener()` method on `playButton` and pass in a `"click"` event for the first argument. For now, use a callback that calls `playSong(0)` as the second argument.
+
+Then, test it by clicking the play button.
+
+
+# --hints--
+
+You should add an event listener for the `click` event to the `playButton` and pass a callback function that calls `playSong(0)` as the second argument to the `addEventListener` method.
+
+```js
+let flag;
+const testArr = [];
+const temp = playSong;
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  assert.isUndefined(flag);
+  assert.isEmpty(testArr);
+  playButton.click();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [0]);
+} finally {
+  playSong = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing")
+  audio.play()
+}
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6748567229cc8fe3f706de02.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6748567229cc8fe3f706de02.md
new file mode 100644
index 0000000000..4c491a7de2
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6748567229cc8fe3f706de02.md
@@ -0,0 +1,698 @@
+---
+id: 6748567229cc8fe3f706de02
+title: Step 21
+challengeType: 0
+dashedName: step-21
+---
+
+# --description--
+
+Now you need to work on pausing the currently playing song.
+
+Define a `pauseSong` function that takes no parameters. Within your new function, to store the current time of the song when it is paused, set the `songCurrentTime` of the `userData` object to the `currentTime` of the `audio` variable.
+
+
+# --hints--
+
+You should have a `pauseSong` function.
+
+```js
+assert.isFunction(pauseSong);
+```
+
+Yor `pauseSong` function should set the `songCurrentTime` of the `userData` object to the `currentTime` of the `audio` variable.
+
+```js
+userData.songCurrentTime = 0;
+audio.currentTime = 10;
+pauseSong()
+assert.equal(userData.songCurrentTime, 10);
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing")
+  audio.play()
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6748bab9827a356c39559214.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6748bab9827a356c39559214.md
new file mode 100644
index 0000000000..365b3f5e13
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6748bab9827a356c39559214.md
@@ -0,0 +1,707 @@
+---
+id: 6748bab9827a356c39559214
+title: Step 22
+challengeType: 0
+dashedName: step-22
+---
+
+# --description--
+
+Use `classList` and `remove()` method to remove the `playing` class from the `playButton`, since the song will be paused at this point.
+
+To finally pause the song, use the `pause()` method on the `audio` variable. `pause()` is a method of the Web Audio API for pausing music files.
+
+# --hints--
+
+Your `pauseSong` function should remove the `playing` class from the `playButton`.
+
+```js
+playButton.classList.add("playing");
+pauseSong();
+assert.isFalse(playButton.classList.contains("playing"));
+```
+
+Your `pauseSong` function should call the `pause()` method on `audio`.
+
+```js
+let flag;
+const temp = audio.pause;
+audio.pause = () => {flag = true};
+try {
+  pauseSong();
+  assert.isTrue(flag);
+} finally {
+  audio.pause = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+--fcc-editable-region--
+
+--fcc-editable-region--
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674dda6c6ae8bb538678e125.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674dda6c6ae8bb538678e125.md
new file mode 100644
index 0000000000..9e2345c817
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674dda6c6ae8bb538678e125.md
@@ -0,0 +1,671 @@
+---
+id: 674dda6c6ae8bb538678e125
+title: Step 13
+challengeType: 0
+dashedName: step-13
+---
+
+# --description--
+
+Before playing the song, you need to make sure it starts from the beginning. This can be achieved by the use of the `currentTime` property on the `audio` object.
+
+Add an `if` statement to check if no current song is playing by verifying that `userData.currentSong` is falsy. Inside `if` block, set the `currentTime` property of the `audio` object to `0`.
+
+# --hints--
+
+Your `playSong` function should set the `currentTime` property of the `audio` object to `0` when no current song is playing.
+
+```js
+const temp1 = audio.currentTime;
+const temp2 = userData.currentSong;
+audio.currentTime = 10;
+userData.currentSong = null;
+try {
+  playSong(0);
+  assert.strictEqual(audio.currentTime, 0);
+} finally {
+  audio.currentTime = temp1;
+  userData.currentSong =  temp2;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+--fcc-editable-region--
+
+--fcc-editable-region--
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674de4ee2039496c30a31b71.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674de4ee2039496c30a31b71.md
new file mode 100644
index 0000000000..dc4ea3f5a2
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674de4ee2039496c30a31b71.md
@@ -0,0 +1,693 @@
+---
+id: 674de4ee2039496c30a31b71
+title: Step 14
+challengeType: 0
+dashedName: step-14
+---
+
+# --description--
+
+Add an `else` block to handle the song's current playback time. This allows you to resume the current song at the point where it was paused.
+
+Within the `else` block, set the `currentTime` property of the `audio` object to the value stored in `userData.songCurrentTime`.
+
+# --hints--
+
+Your `playSong` function should set the `currentTime` property of the `audio` object to the value stored in `userData.songCurrentTime` when there's a current song playing.
+
+```js
+const temp1 = audio.currentTime;
+const temp2 = userData.currentSong;
+const temp3 = userData.songCurrentTime;
+audio.currentTime = 10;
+userData.currentSong = allSongs[2];
+userData.songCurrentTime = 15;
+try {
+  playSong(0);
+  assert.strictEqual(audio.currentTime, 15);
+} finally {
+  audio.currentTime = temp1;
+  userData.currentSong =  temp2;
+  userData.songCurrentTime = temp3;
+}
+```
+
+You should not modify the existing `if` statement and its content.
+
+```js
+const temp1 = audio.currentTime;
+const temp2 = userData.currentSong;
+audio.currentTime = 10;
+userData.currentSong = null;
+try {
+  playSong(0);
+  assert.strictEqual(audio.currentTime, 0);
+} finally {
+  audio.currentTime = temp1;
+  userData.currentSong =  temp2;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+--fcc-editable-region--
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } 
+
+--fcc-editable-region--
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e2e4e04eb381ccfe92e15.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e2e4e04eb381ccfe92e15.md
new file mode 100644
index 0000000000..a0e5c54bd9
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e2e4e04eb381ccfe92e15.md
@@ -0,0 +1,708 @@
+---
+id: 674e2e4e04eb381ccfe92e15
+title: Step 23
+challengeType: 0
+dashedName: step-23
+---
+
+# --description--
+
+Now it is time to test out the pause button.
+
+Add a `"click"` event listener to the `pauseButton` element, then pass in `pauseSong` as the second argument of the event listener. This is the function the event listener will run.
+
+Test out your app by first clicking on the play button followed by the pause button. You should see that everything is working as expected.
+
+# --hints--
+
+You should call the `addEventListener()` method on your `pauseButton` variable.
+
+```js
+assert.match(__helpers.removeJSComments(code), /pauseButton\.addEventListener\(/)
+```
+
+Your event listener should listen for a `"click"` event.
+
+```js
+assert.match(__helpers.removeJSComments(code), /pauseButton\.addEventListener\(\s*('|"|`)click\1/)
+```
+
+You should pass in `pauseSong` as the second argument of your `addEventListener` method.
+
+```js
+assert.match(__helpers.removeJSComments(code), /pauseButton\.addEventListener\(\s*('|"|`)click\1\s*,\s*pauseSong\s*\)/)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e305b7bda7c1f4f37a930.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e305b7bda7c1f4f37a930.md
new file mode 100644
index 0000000000..5512907279
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e305b7bda7c1f4f37a930.md
@@ -0,0 +1,719 @@
+---
+id: 674e305b7bda7c1f4f37a930
+title: Step 24
+challengeType: 0
+dashedName: step-24
+---
+
+# --description--
+
+Before you start working on playing the next and previous song, you need to get the index of each song in the `songs` property of `userData`. To do that you can use the `indexOf()` array method, which returns the first index at which a given element can be found in the array, or `-1` if the element is not present.
+
+```js
+const animals = ["dog", "cat", "horse"];
+animals.indexOf("cat") // 1
+```
+
+Create a function named `getCurrentSongIndex` that returns the index at which `userData.currentSong` can be found in `userData.songs` and `-1` when the current song is `null`.
+
+# --hints--
+
+You should have a function named `getCurrentSongIndex`.
+
+```js
+assert.isFunction(getCurrentSongIndex);
+```
+
+Your `getCurrentSongIndex` function should return the index at which `userData.currentSong` can be found in `userData.songs`.
+
+```js
+userData.currentSong = allSongs[2]
+assert.strictEqual(getCurrentSongIndex(), 2);
+
+userData.currentSong = allSongs[4]
+assert.strictEqual(getCurrentSongIndex(), 4);
+```
+
+Your `getCurrentSongIndex` function should return `-1` when `userData.currentSong` is `null`.
+
+```js
+userData.currentSong = null
+assert.strictEqual(getCurrentSongIndex(), -1);
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e316e3892d32108ad2bb9.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e316e3892d32108ad2bb9.md
new file mode 100644
index 0000000000..f505ac3ea7
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e316e3892d32108ad2bb9.md
@@ -0,0 +1,692 @@
+---
+id: 674e316e3892d32108ad2bb9
+title: Step 17
+challengeType: 0
+dashedName: step-17
+---
+
+# --description--
+
+Anytime you click the play button, the first song of your playlist will always play. To fix this, within the arrow function of the event listener, replace `playSong(0)` with an `if` statement that checks if `userData.currentSong` is `null`.
+
+Inside the `if` block, call the `playSong` function with the `id` of the first song in the `userData.songs` array.
+
+# --hints--
+
+You should modify the callback of the event listener to call the `playSong` function with the `id` of the first song in the `userData.songs` array when `userData.currentSong` is `null`.
+
+```js
+let flag;
+const testArr = [];
+const temp1 = playSong;
+const temp2 = userData.currentSong;
+userData.currentSong = allSongs[3];
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  playButton.click();
+  assert.isUndefined(flag);
+  assert.isEmpty(testArr);
+
+  userData.currentSong = null;
+  playButton.click();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [0]);
+} finally {
+  playSong = temp1;
+  userData.currentSong = temp2;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing")
+  audio.play()
+}
+--fcc-editable-region--
+playButton.addEventListener("click", () => {
+  playSong(0);
+});
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e34c42ee8f1237e4623cc.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e34c42ee8f1237e4623cc.md
new file mode 100644
index 0000000000..f2d054e966
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674e34c42ee8f1237e4623cc.md
@@ -0,0 +1,712 @@
+---
+id: 674e34c42ee8f1237e4623cc
+title: Step 18
+challengeType: 0
+dashedName: step-18
+---
+
+# --description--
+
+Add an `else` block. Inside the `else` block, call the `playSong` function with the `id` of the currently playing song as an argument.
+
+This ensures that the currently playing song will continue to play when the play button is clicked.
+
+# --hints--
+
+When the `playButton` is clicked and `userData.currentSong` is not `null`, you should call the `playSong` function with the `id` of the currently playing song.
+
+```js
+let flag;
+const testArr = [];
+const temp1 = playSong;
+const temp2 = userData.currentSong;
+userData.currentSong = allSongs[3];
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  playButton.click();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [3]);
+} finally {
+  playSong = temp1;
+  userData.currentSong = temp2;
+}
+```
+
+You should still call the `playSong` function with the `id` of the first song in your playlist when the `playButton` is clicked and `userData.currentSong` is `null`,
+
+```js
+let flag;
+const testArr = [];
+const temp1 = playSong;
+const temp2 = userData.currentSong;
+userData.currentSong = null;
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  playButton.click();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [0]);
+} finally {
+  playSong = temp1;
+  userData.currentSong = temp2;
+}
+```
+
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing")
+  audio.play()
+}
+--fcc-editable-region--
+playButton.addEventListener("click", () => {
+    if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  }
+});
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f489bf617af2bea9b92b5.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f489bf617af2bea9b92b5.md
new file mode 100644
index 0000000000..ca606f0d40
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f489bf617af2bea9b92b5.md
@@ -0,0 +1,729 @@
+---
+id: 674f489bf617af2bea9b92b5
+title: Step 25
+challengeType: 0
+dashedName: step-25
+---
+
+# --description--
+
+Now, create a function named `getNextSong`. Make it return the song that can be found at `getCurrentSongIndex()` plus one in `userData.songs`, or `undefined` if the current song is the last one in the playlist.
+
+# --hints--
+
+You should have a function named `getNextSong`.
+
+```js
+assert.isFunction(getNextSong);
+```
+
+Your `getNextSong` function should call `getCurrentSongIndex`.
+
+```js
+let flag;
+const temp = getCurrentSongIndex;
+getCurrentSongIndex = () => {flag = true};
+try {
+  getNextSong();
+  assert.isTrue(flag);
+} finally {
+  getCurrentSongIndex = temp;
+}
+```
+
+Your `getNextSong` function should return the song next to the current song.
+
+```js
+userData.currentSong = allSongs[2]
+assert.equal(getNextSong(), allSongs[3]);
+
+userData.currentSong = allSongs[4]
+assert.equal(getNextSong(), allSongs[5]);
+```
+
+Your `getNextSong` function should return `undefined` when the current song is the last one in the playlist.
+
+```js
+userData.currentSong = allSongs[9]
+assert.isUndefined(getNextSong());
+```
+
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f50cce486fb404751a29c.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f50cce486fb404751a29c.md
new file mode 100644
index 0000000000..73a63b1ce9
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f50cce486fb404751a29c.md
@@ -0,0 +1,729 @@
+---
+id: 674f50cce486fb404751a29c
+title: Step 26
+challengeType: 0
+dashedName: step-26
+---
+
+# --description--
+
+Now that you know how to find the next song to play, create a function named `playNextSong`. Inside the `playNextSong` function, create an `if` statement to check if the `currentSong` of `userData` is strictly equal to `null`. This will check if there's no current song playing in the `userData` object.
+
+If the condition is true, call the `playSong` function with the `id` of the first song in the `userData.songs` array as an argument.
+
+# --hints--
+
+You should have a function named `playNextSong`.
+
+```js
+assert.isFunction(playNextSong);
+```
+
+When the `currentSong` of `userData` is strictly equal to `null`, your `playNextSong` function should call the `playSong` function with the `id` of the first song in the `userData.songs` array as an argument.
+
+```js
+let flag;
+const testArr = [];
+const temp = playSong;
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  userData.currentSong = allSongs[2];
+  playNextSong();
+  assert.isUndefined(flag);
+  assert.isEmpty(testArr);
+  userData.currentSong = undefined;
+  playNextSong();
+  assert.isUndefined(flag);
+  assert.isEmpty(testArr);
+  userData.currentSong = null;
+  playNextSong();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [0]);
+} finally {
+  playSong = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f534fa181f64a789ffcf9.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f534fa181f64a789ffcf9.md
new file mode 100644
index 0000000000..4ea90ee238
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/674f534fa181f64a789ffcf9.md
@@ -0,0 +1,787 @@
+---
+id: 674f534fa181f64a789ffcf9
+title: Step 27
+challengeType: 0
+dashedName: step-27
+---
+
+# --description--
+
+If `userData.currentSong` is not `null` you need to find the next song to play. Remember that you can use `getNextSong` for that.
+
+Complete your `playNextSong` function so that can play the next song in the playlist. If the current song is the last one, set `userData.currentSong` to `null`, `userData.songCurrentTime` to zero and call the `pauseSong` function.
+
+# --hints--
+
+When the `currentSong` of `userData` is truthy and not the last song of the playlist, the `playNextSong` function should play the song next to the current song.
+
+```js
+let flag;
+const testArr = [];
+const temp1 = userData.currentSong;
+userData.currentSong = allSongs[3];
+const temp2 = playSong;
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  playNextSong();
+  assert.isTrue(flag);
+  userData.currentSong = allSongs[4];
+  playNextSong();
+  assert.deepEqual(testArr, [4, 5]);
+} finally {
+  userData.currentSong = temp1;
+  playSong = temp2;
+}
+```
+
+When the `currentSong` of `userData` is the last song of the playlist, the `playNextSong` function should set `userData.currentSong` to `null`.
+
+```js
+const temp = userData.currentSong;
+userData.currentSong = allSongs[9];
+try {  
+  playNextSong();
+  assert.isNull(userData.currentSong);
+} finally {
+  userData.currentSong = temp;
+}
+```
+
+When the `currentSong` of `userData` is the last song of the playlist, the `playNextSong` function should set `userData.songCurrentTime` to `0`.
+
+```js
+const temp = userData.songCurrentTime;
+userData.songCurrentTime = 10;
+try {
+  userData.currentSong = allSongs[9];
+  playNextSong();
+  assert.strictEqual(userData.songCurrentTime, 0);
+} finally {
+  userData.songCurrentTime = temp;
+}
+```
+
+When the `currentSong` of `userData` is the last song of the playlist, the `playNextSong` function should call the `pauseSong` function.
+
+```js
+let flag;
+const temp = pauseSong;
+pauseSong = () => {flag = true};
+try {
+  userData.currentSong = allSongs[9];
+  playNextSong();
+  assert.isTrue(flag);
+} finally {
+  pauseSong = temp;
+}
+```
+
+When the `currentSong` of `userData` is equal to `null`, your `playNextSong` function should still call the `playSong` function with the `id` of the first song in the `userData.songs` array as an argument.
+
+```js
+let flag;
+const testArr = [];
+const temp = playSong;
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  userData.currentSong = null;
+  playNextSong();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [0]);
+} finally {
+  playSong = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+--fcc-editable-region--
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  }
+
+}
+--fcc-editable-region--
+
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67503cecd563135d4f27b38e.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67503cecd563135d4f27b38e.md
new file mode 100644
index 0000000000..ab71844ed4
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67503cecd563135d4f27b38e.md
@@ -0,0 +1,729 @@
+---
+id: 67503cecd563135d4f27b38e
+title: Step 28
+challengeType: 0
+dashedName: step-28
+---
+
+# --description--
+
+Now it is time to test out the `playNextSong` function.
+
+Add a `"click"` event listener to the `nextButton` element, then pass in `playNextSong` as the second argument of your event listener. This is the function the event listener will run.
+
+Test out your app by first clicking on the play button followed by the next button. You should see that everything is working as expected.
+
+# --hints--
+
+You should call the `addEventListener()` method on your `nextButton` variable.
+
+```js
+assert.match(__helpers.removeJSComments(code), /nextButton\.addEventListener\(/)
+```
+
+Your event listener should listen for a `"click"` event.
+
+```js
+assert.match(__helpers.removeJSComments(code), /nextButton\.addEventListener\(\s*('|"|`)click\1/)
+```
+
+You should pass in `playNextSong` as the second argument of your `addEventListener` method.
+
+```js
+assert.match(__helpers.removeJSComments(code), /nextButton\.addEventListener\(\s*('|"|`)click\1\s*,\s*playNextSong\s*\)/)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675057ce9acd418619127da4.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675057ce9acd418619127da4.md
new file mode 100644
index 0000000000..c5a4503eb2
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675057ce9acd418619127da4.md
@@ -0,0 +1,746 @@
+---
+id: 675057ce9acd418619127da4
+title: Step 29
+challengeType: 0
+dashedName: step-29
+---
+
+# --description--
+
+Now, create a function named `getPreviousSong`. Make it return the song that can be found at `getCurrentSongIndex()` minus one in `userData.songs`, or `undefined` if the current song is the first one in the playlist.
+
+# --hints--
+
+You should have a function named `getPreviousSong`.
+
+```js
+assert.isFunction(getPreviousSong);
+```
+
+Your `getPreviousSong` function should call `getCurrentSongIndex`.
+
+```js
+let flag;
+const temp = getCurrentSongIndex;
+getCurrentSongIndex = () => {flag = true};
+try {
+  getPreviousSong();
+  assert.isTrue(flag);
+} finally {
+  getCurrentSongIndex = temp;
+}
+```
+
+Your `getPreviousSong` function should return the song before the current song.
+
+```js
+userData.currentSong = allSongs[4]
+assert.equal(getPreviousSong(), allSongs[3]);
+
+userData.currentSong = allSongs[3]
+assert.equal(getPreviousSong(), allSongs[2]);
+```
+
+Your `getPreviousSong` function should return `undefined` when the current song is the first one in the playlist.
+
+```js
+userData.currentSong = allSongs[0]
+assert.isUndefined(getPreviousSong());
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67505d3a32d45997d2af4c0f.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67505d3a32d45997d2af4c0f.md
new file mode 100644
index 0000000000..c787318a4e
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67505d3a32d45997d2af4c0f.md
@@ -0,0 +1,770 @@
+---
+id: 67505d3a32d45997d2af4c0f
+title: Step 30
+challengeType: 0
+dashedName: step-30
+---
+
+# --description--
+
+Create a function named `playPreviousSong`. Inside your new function, use the value returned by the `getPreviousSong` function to find the song to play. When `getPreviousSong()` is `undefined`, play the first song in your playlist. Otherwise, play the song before the current song playing.
+
+# --hints--
+
+You should have a function named `playPreviousSong`.
+
+```js
+assert.isFunction(playPreviousSong);
+```
+
+The `playPreviousSong` function should play the song before the current song playing in the playlist.
+
+```js
+let flag;
+const testArr = [];
+const temp1 = userData.currentSong;
+userData.currentSong = allSongs[4];
+const temp2 = playSong;
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  playPreviousSong();
+  assert.isTrue(flag);
+  userData.currentSong = allSongs[3];
+  flag = false;
+  playPreviousSong();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [3, 2]);
+} finally {
+  userData.currentSong = temp1;
+  playSong = temp2;
+}
+```
+
+When `getPreviousSong()` is `undefined`, the `playPreviousSong` function should play the first song in the playlist.
+
+```js
+let flag;
+const testArr = [];
+const temp1 = userData.currentSong;
+userData.currentSong = allSongs[0];
+const temp2 = playSong;
+playSong = id => {
+  flag = true;
+  testArr.push(id);
+}
+try {
+  playPreviousSong();
+  assert.isTrue(flag);
+  userData.currentSong = null;
+  flag = false;
+  playPreviousSong();
+  assert.isTrue(flag);
+  assert.deepEqual(testArr, [0, 0]);
+} finally {
+  userData.currentSong = temp1;
+  playSong = temp2;
+}
+```
+
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675069b67b8267b36fa550b3.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675069b67b8267b36fa550b3.md
new file mode 100644
index 0000000000..d6c824ef5f
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675069b67b8267b36fa550b3.md
@@ -0,0 +1,738 @@
+---
+id: 675069b67b8267b36fa550b3
+title: Step 31
+challengeType: 0
+dashedName: step-31
+---
+
+# --description--
+
+Add a `"click"` event listener to the `previousButton` element, then pass in `playPreviousSong` as the second argument.
+
+# --hints--
+
+You should call the `addEventListener()` method on your `previousButton` variable.
+
+```js
+assert.match(__helpers.removeJSComments(code), /previousButton\.addEventListener\(/)
+```
+
+Your event listener should listen for a `"click"` event.
+
+```js
+assert.match(__helpers.removeJSComments(code), /previousButton\.addEventListener\(\s*('|"|`)click\1/)
+```
+
+You should pass in `playPreviousSong` as the second argument of your `addEventListener` method.
+
+```js
+assert.match(__helpers.removeJSComments(code), /previousButton\.addEventListener\(\s*('|"|`)click\1\s*,\s*playPreviousSong\s*\)/)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6750712ee950facad5edc203.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6750712ee950facad5edc203.md
new file mode 100644
index 0000000000..a7da8200c2
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6750712ee950facad5edc203.md
@@ -0,0 +1,727 @@
+---
+id: 6750712ee950facad5edc203
+title: Step 32
+challengeType: 0
+dashedName: step-32
+---
+
+# --description--
+
+If you play a bit with your player you'll notice a few bugs. First, when you play a song, pause it and then press either the previous button or next button, the song won't start from the beginning.
+
+To start fixing that, add second parameter named `start` to your `playSong` function. Give it the default value of `true`.
+
+# --hints--
+
+Your `playSong` function should have a second parameter named `start` with the default value of `true`.
+
+```js
+assert.match(__helpers.removeJSComments(code), /const\s+playSong\s*=\s*\(\s*id\s*,\s*start\s*\=\s*true\s*\)\s*=>\s*\{/);
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+--fcc-editable-region--
+const playSong = id => {
+--fcc-editable-region--
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516a431252ed30832fa7c6.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516a431252ed30832fa7c6.md
new file mode 100644
index 0000000000..ab14226258
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516a431252ed30832fa7c6.md
@@ -0,0 +1,727 @@
+---
+id: 67516a431252ed30832fa7c6
+title: Step 33
+challengeType: 0
+dashedName: step-33
+---
+
+# --description--
+
+Now, use the **OR** operator to add the `start` parameter as a second condition to the `if` statement after `userData.currentSong === null`.
+
+
+# --hints--
+
+You should use the **OR** operator to add the `start` parameter as a second condition to the `if` statement after `userData.currentSong === null`.
+
+```js
+assert.match(__helpers.removeJSComments(code), /if\s+\(\s*userData\s*\.\s*currentSong\s*===\s*null\s+\|\|\s+start(\s*\=\s*true\s*)?\)\s*\{/)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+--fcc-editable-region--
+  if (userData.currentSong === null) {
+--fcc-editable-region--
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516ca9b7fe6636208c5ab5.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516ca9b7fe6636208c5ab5.md
new file mode 100644
index 0000000000..11d12b14ce
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516ca9b7fe6636208c5ab5.md
@@ -0,0 +1,726 @@
+---
+id: 67516ca9b7fe6636208c5ab5
+title: Step 34
+challengeType: 0
+dashedName: step-34
+---
+
+# --description--
+
+Finally, pass `false` as the second argument to the `playSong(userData.currentSong.id)` function call. Then, test that everything works as expected by playing a song, pausing it and then pressing either the previous button or the next button.
+
+# --hints--
+
+You should pass `false` as the second argument to the `playSong(userData.currentSong.id)` function call.
+
+```js
+assert.match(__helpers.removeJSComments(code), /playSong\s*\(\s*userData\s*\.\s*currentSong\s*\.\s*id\s*,\s*false\s*\)/);
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+--fcc-editable-region--
+    playSong(userData.currentSong.id);
+--fcc-editable-region--
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516e888477083c31614dc7.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516e888477083c31614dc7.md
new file mode 100644
index 0000000000..701d0ca5c9
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67516e888477083c31614dc7.md
@@ -0,0 +1,743 @@
+---
+id: 67516e888477083c31614dc7
+title: Step 36
+challengeType: 0
+dashedName: step-36
+---
+
+# --description--
+
+If you check closely, you'd see the currently playing song is not highlighted in the playlist, so you don't really know which song is playing. You can fix this by creating a function to highlight any song that is being played.
+
+Create a function named `highlightCurrentSong`. Inside the function, check that a `.playlist-song` element with `aria-current="true"` exists. If so, use the `removeAttribute` method to remove the `aria-current` attribute from it.
+
+# --hints--
+
+You should have a function named `highlightCurrentSong`.
+
+```js
+assert.isFunction(highlightCurrentSong)
+```
+
+Your `highlightCurrentSong` function should use the `removeAttribute` method to remove the `aria-current` attribute from the `.playlist-song` element with `aria-current="true"` if that element exists.
+
+```js
+const songs = document.querySelectorAll(".playlist-song");
+songs.forEach(song => {song.removeAttribute("aria-current")});
+assert.doesNotThrow(highlightCurrentSong);
+songs[3].setAttribute("aria-current", "true");
+highlightCurrentSong();
+songs.forEach(song => {assert.isNull(song.getAttribute("aria-current"))});
+```
+
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67517ef2fae05b65108212db.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67517ef2fae05b65108212db.md
new file mode 100644
index 0000000000..30824527a3
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67517ef2fae05b65108212db.md
@@ -0,0 +1,754 @@
+---
+id: 67517ef2fae05b65108212db
+title: Step 37
+challengeType: 0
+dashedName: step-37
+---
+
+# --description--
+
+You need to get the `id` of the currently playing song. For this, you can use `userData.currentSong?.id`.
+
+Use `getElementById()` to select the currently playing song: pass a template literal to prefix the `id` with `song-`. Assign it to a variable named `songToHighlight`.
+
+# --hints--
+
+You should not modify the existing `highlightCurrentSong` function and its content.
+
+```js
+const songs = document.querySelectorAll(".playlist-song");
+songs.forEach(song => {song.removeAttribute("aria-current")});
+assert.doesNotThrow(highlightCurrentSong);
+songs[3].setAttribute("aria-current", "true");
+highlightCurrentSong();
+songs.forEach(song => {assert.isNull(song.getAttribute("aria-current"))});
+```
+
+You should use `document.getElementById()` and pass in `` `song-${userData.currentSong?.id}` ``.
+
+```js
+assert.match(__helpers.removeJSComments(code), /document\.getElementById\(\s*`song-\$\{userData\.currentSong\?\.id\}`\s*\)\s*;?\s*\}\s*;?/)
+```
+
+You should assign your `getElementById()` to a `songToHighlight` variable.
+
+```js
+assert.match(__helpers.removeJSComments(code), /(const|let)\s+songToHighlight\s*=\s*document\.getElementById\(\s*`song-\$\{userData\.currentSong\?\.id\}`\s*\)\s*;?\s*\}\s*;?/)
+```
+
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+--fcc-editable-region--
+
+--fcc-editable-region--  
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6751d5d32e58d065652e26a5.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6751d5d32e58d065652e26a5.md
new file mode 100644
index 0000000000..64a2fda8d9
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6751d5d32e58d065652e26a5.md
@@ -0,0 +1,747 @@
+---
+id: 6751d5d32e58d065652e26a5
+title: Step 38
+challengeType: 0
+dashedName: step-38
+---
+
+# --description--
+
+Now, you need to add the `aria-current` attribute to the currently playing song.
+
+Check if `songToHighlight` exists. If so, use the `setAttribute` method on `songToHighlight` and pass in `"aria-current"` and `"true"` as the first and second arguments.
+
+# --hints--
+
+`highlightCurrentSong` should add the `aria-current` attribute to the currently playing song and remove the attribute from the previously played song.
+
+```js
+const songs = document.querySelectorAll(".playlist-song");
+songs.forEach(song => {song.removeAttribute("aria-current")});
+userData.currentSong = null;
+assert.doesNotThrow(highlightCurrentSong);
+userData.currentSong = allSongs[9];
+highlightCurrentSong();
+for (let i = 0; i < 9; i++) {
+  assert.isNull(Array.from(songs)[i].getAttribute("aria-current"));
+}
+assert.strictEqual(songs[9].getAttribute("aria-current"), "true");
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+--fcc-editable-region--
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+--fcc-editable-region--
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6751e1c117350b7d3f356e1b.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6751e1c117350b7d3f356e1b.md
new file mode 100644
index 0000000000..72d1b2f02f
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6751e1c117350b7d3f356e1b.md
@@ -0,0 +1,749 @@
+---
+id: 6751e1c117350b7d3f356e1b
+title: Step 39
+challengeType: 0
+dashedName: step-39
+---
+
+# --description--
+
+Inside the `playSong` function, call the `highlightCurrentSong` function.
+
+After that, play around with the control buttons to see how the `highlightCurrentSong` function works.
+
+# --hints--
+
+You should call `highlightCurrentSong` inside the `playSong` function.
+
+```js
+const songs = document.querySelectorAll(".playlist-song");
+songs.forEach(song => {song.removeAttribute("aria-current")});
+userData.currentSong = allSongs[9];
+playSong(9);
+pauseSong();
+for (let i = 0; i < 9; i++) {
+  assert.isNull(Array.from(songs)[i].getAttribute("aria-current"));
+}
+assert.strictEqual(songs[9].getAttribute("aria-current"), "true");
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+--fcc-editable-region--
+
+--fcc-editable-region--
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752c62efa90554c01415e7b.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752c62efa90554c01415e7b.md
new file mode 100644
index 0000000000..b5f61b7194
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752c62efa90554c01415e7b.md
@@ -0,0 +1,768 @@
+---
+id: 6752c62efa90554c01415e7b
+title: Step 41
+challengeType: 0
+dashedName: step-41
+---
+
+# --description--
+
+Create a function named `setPlayerDisplay`. Inside the function, set the `textContent` of `playingSong` to the current song's title, if defined. Otherwise, set it to an empty string.
+
+Below that, set the `textContent` of `songArtist` to the current song's artist, if defined. Otherwise, set it to empty string.
+
+
+# --hints--
+
+You should have a function named `setPlayerDisplay`.
+
+```js
+assert.isFunction(setPlayerDisplay);
+```
+
+Your `setPlayerDisplay` function should set the `textContent` of `playingSong` to the current song's title, if defined, or to an empty string.
+
+```js
+userData.currentSong = null;
+setPlayerDisplay();
+assert.isEmpty(document.querySelector("#player-song-title").textContent);
+userData.currentSong = allSongs[3];
+setPlayerDisplay();
+assert.equal(document.querySelector("#player-song-title").textContent, "Cruising for a Musing");
+```
+
+Your `setPlayerDisplay` function should set the `textContent` of `songArtist` to the current song's artist, if defined, or to an empty string.
+
+```js
+userData.currentSong = null;
+setPlayerDisplay();
+assert.isEmpty(document.querySelector("#player-song-artist").textContent);
+userData.currentSong = allSongs[3];
+setPlayerDisplay();
+assert.equal(document.querySelector("#player-song-artist").textContent, "Quincy Larson");
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const playingSong = document.getElementById("player-song-title");
+const songArtist = document.getElementById("player-song-artist");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+
+  highlightCurrentSong();
+  audio.play();
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752ecd811c96d5dc33ae853.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752ecd811c96d5dc33ae853.md
new file mode 100644
index 0000000000..05a1c97013
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752ecd811c96d5dc33ae853.md
@@ -0,0 +1,760 @@
+---
+id: 6752ecd811c96d5dc33ae853
+title: Step 42
+challengeType: 0
+dashedName: step-42
+---
+
+# --description--
+
+To ensure the player's display updates whenever a new song begins playing, call the `setPlayerDisplay()` function within the `playSong()` function.
+
+Now you should see the song title and the artist show up in the display.
+
+# --hints--
+
+You should call `setPlayerDisplay` within your `playSong` function.
+
+```js
+let flag;
+const temp = setPlayerDisplay;
+setPlayerDisplay = () => {flag = true}
+try {
+  playSong(3);
+  pauseSong();
+  assert.isTrue(flag);
+} finally {
+ setPlayerDisplay = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const playingSong = document.getElementById("player-song-title");
+const songArtist = document.getElementById("player-song-artist");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+--fcc-editable-region--
+
+--fcc-editable-region--
+  highlightCurrentSong();
+  audio.play();
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+const setPlayerDisplay = () => {
+  const currentTitle = userData.currentSong?.title;
+  const currentArtist = userData.currentSong?.artist;
+
+  playingSong.textContent = currentTitle ? currentTitle : "";
+  songArtist.textContent = currentArtist ? currentArtist : "";
+};
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752edba757ff96404faf9e9.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752edba757ff96404faf9e9.md
new file mode 100644
index 0000000000..3feaeff1a8
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6752edba757ff96404faf9e9.md
@@ -0,0 +1,769 @@
+---
+id: 6752edba757ff96404faf9e9
+title: Step 43
+challengeType: 0
+dashedName: step-43
+---
+
+# --description--
+
+To make the application more accessible, it is important that the play button describes the current song or the first song in the playlist.
+
+Create a function named `setPlayButtonAccessibleText`. Inside the function, set the `aria-label` attribute of the play button to `Play` followed by a space and the current song's title. If `userData.currentSong` is `null`, set it to `Play`.
+
+# --hints--
+
+You should have a function named `setPlayButtonAccessibleText`.
+
+```js
+assert.isFunction(setPlayButtonAccessibleText);
+```
+
+Your `setPlayButtonAccessibleText` function should set the `aria-label` attribute of the play button to `Play` followed by a space and the current song's title.
+
+```js
+userData.currentSong = allSongs[3];
+setPlayButtonAccessibleText();
+assert.equal(playButton.getAttribute("aria-label"), "Play Cruising for a Musing");
+```
+
+ When `userData.currentSong` is `null`, `setPlayButtonAccessibleText` should set the `aria-label` attribute of the play button to `Play` followed by a space and title of the first song in your playlist.
+
+ ```js
+userData.currentSong = null;
+setPlayButtonAccessibleText();
+assert.equal(playButton.getAttribute("aria-label"), "Play");
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const playingSong = document.getElementById("player-song-title");
+const songArtist = document.getElementById("player-song-artist");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  setPlayerDisplay();
+  highlightCurrentSong();
+  audio.play();
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+const setPlayerDisplay = () => {
+  const currentTitle = userData.currentSong?.title;
+  const currentArtist = userData.currentSong?.artist;
+
+  playingSong.textContent = currentTitle ? currentTitle : "";
+  songArtist.textContent = currentArtist ? currentArtist : "";
+};
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675304e7937e62902e08a3ab.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675304e7937e62902e08a3ab.md
new file mode 100644
index 0000000000..3605b56ff4
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675304e7937e62902e08a3ab.md
@@ -0,0 +1,764 @@
+---
+id: 675304e7937e62902e08a3ab
+title: Step 44
+challengeType: 0
+dashedName: step-44
+---
+
+# --description--
+
+Now, call the `setPlayButtonAccessibleText` function inside the `playSong` function.
+
+# --hints--
+
+You should call the `setPlayButtonAccessibleText` function inside the `playSong` function.
+
+```js
+let flag;
+const temp = setPlayButtonAccessibleText;
+setPlayButtonAccessibleText = () => {flag = true}
+try {
+  playSong(3);
+  pauseSong();
+  assert.isTrue(flag);
+} finally {
+ setPlayButtonAccessibleText = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const playingSong = document.getElementById("player-song-title");
+const songArtist = document.getElementById("player-song-artist");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  setPlayerDisplay();
+  highlightCurrentSong();
+--fcc-editable-region--
+
+--fcc-editable-region--
+  audio.play();
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+const setPlayerDisplay = () => {
+  const currentTitle = userData.currentSong?.title;
+  const currentArtist = userData.currentSong?.artist;
+
+  playingSong.textContent = currentTitle ? currentTitle : "";
+  songArtist.textContent = currentArtist ? currentArtist : "";
+};
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+const setPlayButtonAccessibleText = () => {
+  const song = userData.currentSong;
+  playButton.setAttribute("aria-label", userData.currentSong ? `Play ${song.title}` : "Play");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675309b2795c2a9ae03b8812.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675309b2795c2a9ae03b8812.md
new file mode 100644
index 0000000000..323329e819
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675309b2795c2a9ae03b8812.md
@@ -0,0 +1,1442 @@
+---
+id: 675309b2795c2a9ae03b8812
+title: Step 46
+challengeType: 0
+dashedName: step-46
+---
+
+# --description--
+
+Notice that the album art in the HTML and songs in the `userData.songs` array have changed. We've swapped out the original songs for shorter ones that you can use to test your app.
+
+All the core functionalities are now in place. The only issue now is that the next song does not automatically play when the currently playing song ends.
+
+To fix that, you can set up an event listener which will detect when the currently playing song ends. The `"ended"` event listener is appropriate for this. It is fired when the playback of a media reaches the end.
+
+Add an event listener to the `audio` element which listens for the `"ended"` event and pass in a a reference to the `playNextSong` function. With that the music player project is complete!
+
+# --hints--
+
+You should chain the `addEventListener()` method to your `audio` variable.
+
+```js
+assert.match(__helpers.removeJSComments(code), /audio\.addEventListener\(/)
+```
+
+The event listener you used on on your `audio` variable should listen for an `"ended"` event.
+
+```js
+assert.match(__helpers.removeJSComments(code), /audio\.addEventListener\(\s*('|")ended\1/)
+```
+
+You should pass in a reference to `playNextSong` to your `"ended"` event listener.
+
+```js
+assert.match(__helpers.removeJSComments(code), /audio\.addEventListener\(\s*('|")ended\1\s*,\s*playNextSong\s*\)\s*;?/)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/digital-drift.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Hello World</span>
+            <span class="playlist-song-artist">Rafael</span>
+            <span class="playlist-song-duration">0:23</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">In the Zone</span>
+            <span class="playlist-song-artist">Rafael</span>
+            <span class="playlist-song-duration">0:11</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Camper Cat</span>
+            <span class="playlist-song-artist">Rafael</span>
+            <span class="playlist-song-duration">0:21</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Electronic</span>
+            <span class="playlist-song-artist">Rafael</span>
+            <span class="playlist-song-duration">0:15</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Sailing Away</span>
+            <span class="playlist-song-artist">Rafael</span>
+            <span class="playlist-song-duration">0:22</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const playingSong = document.getElementById("player-song-title");
+const songArtist = document.getElementById("player-song-artist");
+const allSongs = [
+  {
+    id: 0,
+    title: "Hello World",
+    artist: "Rafael",
+    duration: "0:23",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/hello-world.mp3",
+  },
+  {
+    id: 1,
+    title: "In the Zone",
+    artist: "Rafael",
+    duration: "0:11",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/in-the-zone.mp3",
+  },
+  {
+    id: 2,
+    title: "Camper Cat",
+    artist: "Rafael",
+    duration: "0:21",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/camper-cat.mp3",
+  },
+  {
+    id: 3,
+    title: "Electronic",
+    artist: "Rafael",
+    duration: "0:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/electronic.mp3",
+  },
+  {
+    id: 4,
+    title: "Sailing Away",
+    artist: "Rafael",
+    duration: "0:22",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/sailing-away.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  setPlayerDisplay();
+  highlightCurrentSong();
+  setPlayButtonAccessibleText();
+  audio.play();
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    setPlayerDisplay();
+    highlightCurrentSong();
+    setPlayButtonAccessibleText();
+    pauseSong();
+  }
+}
+
+const setPlayerDisplay = () => {
+  const currentTitle = userData.currentSong?.title;
+  const currentArtist = userData.currentSong?.artist;
+
+  playingSong.textContent = currentTitle ? currentTitle : "";
+  songArtist.textContent = currentArtist ? currentArtist : "";
+};
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+const setPlayButtonAccessibleText = () => {
+  const song = userData.currentSong;
+  playButton.setAttribute("aria-label", userData.currentSong ? `Play ${song.title}` : "Play");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  } 
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const playingSong = document.getElementById("player-song-title");
+const songArtist = document.getElementById("player-song-artist");
+
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  }
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  setPlayerDisplay();
+  highlightCurrentSong();
+  setPlayButtonAccessibleText();
+  audio.play();
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    setPlayerDisplay();
+    highlightCurrentSong();
+    setPlayButtonAccessibleText();
+    pauseSong();
+  }
+}
+
+const setPlayerDisplay = () => {
+  const currentTitle = userData.currentSong?.title;
+  const currentArtist = userData.currentSong?.artist;
+
+  playingSong.textContent = currentTitle ? currentTitle : "";
+  songArtist.textContent = currentArtist ? currentArtist : "";
+};
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+const setPlayButtonAccessibleText = () => {
+  const song = userData.currentSong;
+  playButton.setAttribute("aria-label", userData.currentSong ? `Play ${song.title}` : "Play");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+
+audio.addEventListener("ended", playNextSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67532282ab9b95d7083617ee.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67532282ab9b95d7083617ee.md
new file mode 100644
index 0000000000..9632fefd63
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67532282ab9b95d7083617ee.md
@@ -0,0 +1,795 @@
+---
+id: 67532282ab9b95d7083617ee
+title: Step 45
+challengeType: 0
+dashedName: step-45
+---
+
+# --description--
+
+Inside the `playNextSong` function, call the `setPlayerDisplay`, `highlightCurrentSong`, and `setPlayButtonAccessibleText` functions to correctly update the player when the playlist ends.
+
+# --hints--
+
+You should call `setPlayerDisplay` within the `else` statement of your `playNextSong` function.
+
+```js
+let flag;
+userData.currentSong = allSongs[9];
+const temp = setPlayerDisplay;
+setPlayerDisplay = () => {flag = true}
+try {
+  playNextSong();
+  assert.isTrue(flag);
+} finally {
+ setPlayerDisplay = temp;
+}
+```
+
+You should call `highlightCurrentSong` within the `else` statement of your `playNextSong` function.
+
+```js
+let flag;
+userData.currentSong = allSongs[9];
+const temp = highlightCurrentSong;
+highlightCurrentSong = () => {flag = true}
+try {
+  playNextSong();
+  assert.isTrue(flag);
+} finally {
+ highlightCurrentSong = temp;
+}
+```
+
+You should call `setPlayButtonAccessibleText` within the `else` statement of your `playNextSong` function.
+
+```js
+let flag;
+userData.currentSong = allSongs[9];
+const temp = setPlayButtonAccessibleText;
+setPlayButtonAccessibleText = () => {flag = true}
+try {
+  playNextSong();
+  assert.isTrue(flag);
+} finally {
+ setPlayButtonAccessibleText = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const playingSong = document.getElementById("player-song-title");
+const songArtist = document.getElementById("player-song-artist");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  setPlayerDisplay();
+  highlightCurrentSong();
+  setPlayButtonAccessibleText();
+  audio.play();
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+--fcc-editable-region--
+
+--fcc-editable-region--
+    pauseSong();
+  }
+}
+
+const setPlayerDisplay = () => {
+  const currentTitle = userData.currentSong?.title;
+  const currentArtist = userData.currentSong?.artist;
+
+  playingSong.textContent = currentTitle ? currentTitle : "";
+  songArtist.textContent = currentArtist ? currentArtist : "";
+};
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+const setPlayButtonAccessibleText = () => {
+  const song = userData.currentSong;
+  playButton.setAttribute("aria-label", userData.currentSong ? `Play ${song.title}` : "Play");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675340b809683f45cae96539.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675340b809683f45cae96539.md
new file mode 100644
index 0000000000..e9772447ea
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/675340b809683f45cae96539.md
@@ -0,0 +1,736 @@
+---
+id: 675340b809683f45cae96539
+title: Step 35
+challengeType: 0
+dashedName: step-35
+---
+
+# --description--
+
+If you press the previous button when no song is playing, the first song will play. To fix this, add an `if` statement at the beginning of the `playPreviousSong` function. Check if the current song is `null` and stop the function execution with a `return` statement.
+
+# --hints--
+
+You should add an `if` statement that checks if `userData.currentSong === null` and stops the function execution with a `return` statement inside your `playPreviousSong` function.
+
+```js
+let flag;
+userData.currentSong = null;
+const temp = playSong;
+playSong = id => {flag = true};
+try {
+  playPreviousSong();
+  assert.isUndefined(flag);
+} finally {
+  playSong = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+--fcc-editable-region--
+
+--fcc-editable-region--
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6757f2b25418da4f73e29eb6.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6757f2b25418da4f73e29eb6.md
new file mode 100644
index 0000000000..e0ac27e084
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6757f2b25418da4f73e29eb6.md
@@ -0,0 +1,760 @@
+---
+id: 6757f2b25418da4f73e29eb6
+title: Step 40
+challengeType: 0
+dashedName: step-40
+---
+
+# --description--
+
+Next, you need to display the current song title and artist in the player display.
+
+As a first step, access the `#player-song-title` and `#player-song-artist` elements, responsible for displaying the song title and artist, and store them into the variables `playingSong` and `songArtist`, respectively.
+
+# --hints--
+
+You should have a variable named `playingSong`.
+
+```js
+assert.isDefined(playingSong);
+```
+
+Your `playingSong` variable should have the value of the `#player-song-title` element.
+
+```js
+assert.equal(playingSong, document.getElementById("player-song-title"));
+```
+
+You should have a variable named `songArtist`.
+
+```js
+assert.isDefined(songArtist);
+```
+
+
+Your `songArtist` variable should have the value of the `#player-song-artist` element.
+
+```js
+assert.equal(songArtist, document.getElementById("player-song-artist"));
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+--fcc-editable-region--
+
+--fcc-editable-region--
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = (id, start=true) => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null || start) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing");
+  highlightCurrentSong();
+  audio.play()
+}
+
+const pauseSong = () => {
+  userData.songCurrentTime = audio.currentTime;
+  playButton.classList.remove("playing");
+  audio.pause();
+}
+
+const getCurrentSongIndex = () => userData.songs.indexOf(userData.currentSong);
+
+const getNextSong = () => userData.songs[getCurrentSongIndex() + 1];
+
+const getPreviousSong = () => userData.songs[getCurrentSongIndex() - 1];
+
+const playPreviousSong = () => {
+  if (userData.currentSong === null) return;
+  const previousSong = getPreviousSong();
+  if (previousSong) {
+    playSong(previousSong.id);
+  } else {
+    playSong(userData.songs[0].id);
+  }
+};
+
+const playNextSong = () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+    return
+  }
+  const nextSong = getNextSong();
+  if (nextSong) {
+    playSong(nextSong.id);
+  } else {
+    userData.currentSong = null;
+    userData.songCurrentTime = 0;
+    pauseSong();
+  }
+}
+
+const highlightCurrentSong = () => {
+  const previousCurrentSong = document.querySelector('.playlist-song[aria-current="true"]');
+  previousCurrentSong?.removeAttribute("aria-current");
+  const songToHighlight = document.getElementById(
+    `song-${userData.currentSong?.id}`
+  );
+
+  songToHighlight?.setAttribute("aria-current", "true");
+};
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id, false);
+  }
+});
+
+const songs = document.querySelectorAll(".playlist-song");
+
+songs.forEach((song) => {
+  const id = song.getAttribute("id").slice(5);
+  const songBtn = song.querySelector("button");
+  songBtn.addEventListener("click", () => {
+      playSong(Number(id));
+  })
+})
+
+pauseButton.addEventListener("click", pauseSong);
+
+nextButton.addEventListener("click", playNextSong);
+
+previousButton.addEventListener("click", playPreviousSong);
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6758a61fc7e949923716ec41.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6758a61fc7e949923716ec41.md
new file mode 100644
index 0000000000..9aa4a918a7
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/6758a61fc7e949923716ec41.md
@@ -0,0 +1,690 @@
+---
+id: 6758a61fc7e949923716ec41
+title: Step 19
+challengeType: 0
+dashedName: step-19
+---
+
+# --description--
+
+Now, use the `querySelectorAll` method to target the `.playlist-song` elements and store them in a variable named `songs`.
+
+Then, call the `forEach` method on `songs`. Pass in a callback function that uses `song` as the parameter to the method. Leave the curly braces empty for now.
+
+# --hints--
+
+You should have a variable named `songs`.
+
+```js
+assert.isDefined(songs);
+```
+
+Your should assign the collection of all `.playlist-song` elements to your `songs` variable.
+
+```js
+assert.deepEqual(songs, document.querySelectorAll(".playlist-song"));
+```
+
+You should call the `forEach` method on `songs` and pass in a callback that uses `song` as the parameter to the method.
+
+```js
+assert.match(__helpers.removeJSComments(code), /songs\s*\.\s*forEach\s*\(\s*(\(\s*song\s*\)|song)\s*=>\s*\{\s*\}\s*\)/)
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing")
+  audio.play()
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67594f37fa0c684835f1b064.md b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67594f37fa0c684835f1b064.md
new file mode 100644
index 0000000000..3043f819af
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-music-player/67594f37fa0c684835f1b064.md
@@ -0,0 +1,696 @@
+---
+id: 67594f37fa0c684835f1b064
+title: Step 20
+challengeType: 0
+dashedName: step-20
+---
+
+# --description--
+
+When you click a song of your playlist you want to play that song. For that you'll need to add an event listener for the `click` event on each `button` element which is a child of a `song` element.
+
+Complete the callback of your `forEach` to do that. Inside the `addEventListener` callback, call `playSong(n)`, where `n` is the song id that you can get from the `id` attribute of `song`.
+
+Note that each `song` has an `id` attribute of `song-n`: you'll need to get the `n` part and convert it into a number before passing it to `playSong()`.
+
+
+# --hints--
+
+You should add an event listener for the `click` event on each `button` element which is a child of a `.playlist-song` element and call `playSong` with the `id` of the corresponding song.
+
+```js
+const testArr = [];
+const temp = playSong;
+playSong = id => {testArr.push(id)};
+const buttons = document.querySelectorAll(".playlist-song-info");
+try {
+  buttons.forEach((btn, i) => {
+    btn.dispatchEvent(new Event("click"));
+    assert.strictEqual(testArr[i], i);
+  })
+} finally {
+  playSong = temp;
+}
+```
+
+# --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" />
+  <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Roboto+Mono&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <title>
+    Build a Music Player App
+  </title>
+</head>
+
+<body>
+  <div class="container">
+    <div class="player">
+      <div class="player-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h1 class="fcc-title">freeCodeCamp</h1>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <div class="player-content">
+        <div id="player-album-art">
+          <img src="https://cdn.freecodecamp.org/curriculum/js-music-player/quincy-larson-album-art.jpg"
+            alt="song cover art" />
+        </div>
+        <div class="player-display">
+          <div class="player-display-song-artist">
+            <p id="player-song-title"></p>
+            <p id="player-song-artist"></p>
+          </div>
+          <div class="player-buttons">
+            <button id="previous" class="previous" aria-label="Previous">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M23.2248 0L7.03964 9.5L23.2248 19L23.2248 0Z" />
+                <rect width="4.63633" height="18.5453" transform="matrix(-1 0 0 1 4.63633 0)" />
+              </svg>
+            </button>
+            <button id="play" class="play" aria-label="Play">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+              </svg>
+            </button>
+            <button id="pause" class="pause" aria-label="Pause">
+              <svg width="17" height="19" viewBox="0 0 17 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 6.54013e-07H4.75V19H0V6.54013e-07Z" />
+                <path d="M11.4 0H16.15V19H11.4V0Z" />
+              </svg>
+            </button>
+            <button id="next" class="next" aria-label="Next">
+              <svg width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+                <path d="M0 0L16.1852 9.5L1.88952e-07 19L0 0Z" />
+                <rect x="18.5885" width="4.63633" height="18.5453" />
+              </svg>
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="playlist">
+      <div class="playlist-bar">
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+        <h2 class="playlist-title" id="playlist">Playlist</h2>
+        <div class="parallel-lines">
+          <div></div>
+          <div></div>
+        </div>
+      </div>
+      <ul id="playlist-songs">
+        <li id="song-0" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Scratching The Surface</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:25</span>
+          </button>
+        </li>
+
+        <li id="song-1" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stay Down</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">4:15</span>
+          </button>
+        </li>
+
+        <li id="song-2" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Still Learning</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:51</span>
+          </button>
+        </li>
+
+        <li id="song-3" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Cruising for a Musing</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:34</span>
+          </button>
+        </li>
+
+        <li id="song-4" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Never Not Favored</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:35</span>
+          </button>
+        </li>
+
+        <li id="song-5" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">From the Ground Up</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:12</span>
+          </button>
+        </li>
+
+        <li id="song-6" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Walking on Air</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:25</span>
+          </button>
+        </li>
+
+        <li id="song-7" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Can't Stop Me. Can't Even Slow Me Down.</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:52</span>
+          </button>
+        </li>
+
+        <li id="song-8" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">The Surest Way Out is Through</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">3:10</span>
+          </button>
+        </li>
+
+        <li id="song-9" class="playlist-song">
+          <button class="playlist-song-info" >
+            <span class="playlist-song-title">Chasing That Feeling</span>
+            <span class="playlist-song-artist">Quincy Larson</span>
+            <span class="playlist-song-duration">2:43</span>
+          </button>
+        </li>
+      </ul>
+    </div>
+  </div>
+  <script src="script.js"></script>
+</body>
+
+</html>
+```
+
+```css
+:root {
+    /* colors */
+    --primary-color: #dfdfe2;
+    --secondary-color: #ffffff;
+    --app-background-color: #4d4d62;
+    --background-color: #1b1b32;
+    --foreground-color: #3b3b4f;
+    --highlight-color: #f1be32;
+
+    /* font sizes */
+    --root-font-size: 16px;
+    font-size: var(--root-font-size);
+
+    /* font-families */
+    --font-headline: "Roboto Mono", monospace;
+    --font-family: "Lato", sans-serif;
+  }
+
+  *,
+  *::after,
+  *::before {
+    box-sizing: border-box;
+  }
+
+  body {
+    background-color: var(--app-background-color);
+    color: var(--primary-color);
+    font-family: var(--font-family);
+  }
+
+  h1 {
+    font-size: 1.125rem;
+    line-height: 1.6;
+  }
+
+  h2 {
+    font-size: var(--root-font-size);
+  }
+
+  ul {
+    margin: 0;
+  }
+
+  .container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    row-gap: 5px;
+  }
+
+  .player,
+  .playlist {
+    width: 450px;
+    background-color: var(--background-color);
+    border: 3px solid var(--foreground-color);
+  }
+
+  .player {
+    height: 260px;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  .player-bar,
+  .playlist-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 0 5px;
+    width: 100%;
+    height: 30px;
+    background-color: var(--foreground-color);
+  }
+
+  .parallel-lines {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 6px;
+    padding: 0 5px;
+  }
+
+  .parallel-lines > div {
+    height: 2px;
+    width: 100%;
+    min-width: 75px;
+    background-color: var(--highlight-color);
+  }
+
+  .fcc-title,
+  .playlist-title {
+    color: var(--secondary-color);
+    margin: 0 10px;
+    font-family: var(--font-headline);
+  }
+
+  .player-content {
+    display: flex;
+    background-color: var(--foreground-color);
+    width: 430px;
+    height: 200px;
+    column-gap: 13px;
+    align-items: center;
+    justify-content: center;
+  }
+
+  #player-album-art {
+    background-color: var(--secondary-color);
+    border: 6px solid var(--background-color);
+  }
+
+  #player-album-art img {
+    width: 150px;
+    display: block;
+  }
+
+  .player-display {
+    display: flex;
+    flex-direction: column;
+    row-gap: 20px;
+    padding: 14px;
+    background-color: var(--background-color);
+    height: 153px;
+    width: 226px;
+  }
+
+  .player-display-song-artist {
+    height: 80px;
+  }
+
+  .player-buttons svg {
+    fill: var(--primary-color);
+  }
+
+  .playing > svg {
+    fill: var(--highlight-color);
+  }
+
+  .player-buttons {
+    display: flex;
+    justify-content: space-around;
+  }
+
+  button {
+    background: transparent;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: var(--root-font-size);
+    outline-color: var(--highlight-color);
+    text-align: center;
+  }
+
+  .playlist-song {
+    outline-color: var(--highlight-color);
+  }
+
+  .playlist li:not(:last-child) {
+    border-bottom: 1px solid var(--background-color);
+  }
+
+  button:focus,
+  .playlist-song:focus {
+    outline-style: dashed;
+    outline-width: 2px;
+  }
+
+  /* Playlist */
+  .playlist {
+    height: auto;
+    padding: 10px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    row-gap: 10px;
+  }
+
+  #playlist-songs {
+    width: 430px;
+    height: 100%;
+    background-color: var(--foreground-color);
+    display: flex;
+    flex-direction: column;
+    row-gap: 8px;
+    padding: 8px 9px;
+    visibility: visible;
+    justify-content: start;
+    list-style: none;
+  }
+
+  .playlist-song {
+    display: flex;
+    height: 55px;
+    justify-content: space-between;
+    align-items: center;
+    padding: 5px;
+  }
+
+  [aria-current="true"] {
+    background-color: var(--background-color);
+  }
+
+  [aria-current="true"] p {
+    color: var(--highlight-color);
+  }
+
+  .playlist-song-info {
+    height: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-around;
+    column-gap: 7px;
+    padding: 5px 0;
+    font-family: var(--font-family);
+  }
+
+  #player-song-title,
+  #player-song-artist {
+    margin: 0;
+  }
+
+  #player-song-artist {
+    color: var(--highlight-color);
+    font-size: 0.75rem;
+  }
+
+  #player-song-title {
+    font-size: 1.125rem;
+  }
+
+  .playlist-song-title {
+    font-size: 0.85rem;
+    width: 241px;
+    text-align: left;
+  }
+
+  .playlist-song-artist {
+    font-size: 0.725rem;
+    width: 80px;
+  }
+
+  .playlist-song-duration {
+    font-size: 0.725rem;
+    margin: auto;
+    font-family: var(--font-headline);
+    width: 30px;
+  }
+
+  .playlist-song-delete {
+    padding: 0;
+    width: 20px;
+    height: 20px;
+  }
+
+  .playlist-song-delete,
+  .playlist-song-delete {
+    fill: var(--foreground-color);
+  }
+
+  .playlist-song-delete:hover circle,
+  .playlist-song-delete:focus circle {
+    fill: #ff0000;
+  }
+
+  @media (max-width: 700px) {
+    .player,
+    .playlist {
+      width: 300px;
+    }
+
+    .player {
+      height: 340px;
+    }
+
+    #playlist-songs {
+      height: 280px;
+      padding: 5px 6px;
+      overflow-y: scroll;
+      overflow-x: hidden;
+      scrollbar-color: var(--background-color) var(--secondary-color);
+      scrollbar-width: thin;
+    }
+
+    #playlist-songs::-webkit-scrollbar {
+      width: 5px;
+    }
+
+    #playlist-songs::-webkit-scrollbar-track {
+      background: var(--background-color);
+    }
+
+    #playlist-songs::-webkit-scrollbar-thumb {
+      background: var(--secondary-color);
+    }
+
+    h1 {
+      font-size: 0.813rem;
+    }
+
+    h2 {
+      font-size: 0.75rem;
+    }
+
+    .player-bar,
+    .playlist-bar,
+    .player-content,
+    #playlist-songs {
+      width: 280px;
+    }
+
+    .playlist-song {
+      justify-content: space-between;
+    }
+
+    .playlist-song-title {
+      width: 140px;
+    }
+
+    .playlist-song-artist {
+      width: 40px;
+    }
+
+    .playlist-song-duration > button {
+      padding: 0;
+    }
+
+    .player-content {
+      display: inline;
+      position: relative;
+      justify-items: center;
+      height: 100%;
+    }
+
+    #player-album-art {
+      z-index: -100;
+      height: 280px;
+      box-shadow: none;
+      background: #000;
+    }
+
+    #player-album-art img {
+      width: 100%;
+      opacity: 0.6;
+    }
+
+    .player-display-song-artist {
+      padding: 0 10px;
+    }
+
+    .player-display-song-artist > p {
+      white-space: pre-wrap;
+    }
+
+    .player-display {
+      position: absolute;
+      width: 100%;
+      z-index: 1000;
+      background-color: transparent;
+      top: 0;
+      height: 280px;
+      justify-content: space-between;
+      text-align: center;
+    }
+  }
+```
+
+```js
+const playlistSongs = document.getElementById("playlist-songs");
+const playButton = document.getElementById("play");
+const pauseButton = document.getElementById("pause");
+const nextButton = document.getElementById("next");
+const previousButton = document.getElementById("previous");
+const allSongs = [
+  {
+    id: 0,
+    title: "Scratching The Surface",
+    artist: "Quincy Larson",
+    duration: "4:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/scratching-the-surface.mp3",
+  },
+  {
+    id: 1,
+    title: "Can't Stay Down",
+    artist: "Quincy Larson",
+    duration: "4:15",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/can't-stay-down.mp3",
+  },
+  {
+    id: 2,
+    title: "Still Learning",
+    artist: "Quincy Larson",
+    duration: "3:51",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/still-learning.mp3",
+  },
+  {
+    id: 3,
+    title: "Cruising for a Musing",
+    artist: "Quincy Larson",
+    duration: "3:34",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cruising-for-a-musing.mp3",
+  },
+  {
+    id: 4,
+    title: "Never Not Favored",
+    artist: "Quincy Larson",
+    duration: "3:35",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/never-not-favored.mp3",
+  },
+  {
+    id: 5,
+    title: "From the Ground Up",
+    artist: "Quincy Larson",
+    duration: "3:12",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/from-the-ground-up.mp3",
+  },
+  {
+    id: 6,
+    title: "Walking on Air",
+    artist: "Quincy Larson",
+    duration: "3:25",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/walking-on-air.mp3",
+  },
+  {
+    id: 7,
+    title: "Can't Stop Me. Can't Even Slow Me Down.",
+    artist: "Quincy Larson",
+    duration: "3:52",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/cant-stop-me-cant-even-slow-me-down.mp3",
+  },
+  {
+    id: 8,
+    title: "The Surest Way Out is Through",
+    artist: "Quincy Larson",
+    duration: "3:10",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/the-surest-way-out-is-through.mp3",
+  },
+  {
+    id: 9,
+    title: "Chasing That Feeling",
+    artist: "Quincy Larson",
+    duration: "2:43",
+    src: "https://cdn.freecodecamp.org/curriculum/js-music-player/chasing-that-feeling.mp3",
+  },
+];
+
+const audio = new Audio();
+
+const userData = {
+  songs: allSongs,
+  currentSong: null,
+  songCurrentTime: 0,
+}
+
+const playSong = id => {
+  const song = userData.songs.find((song) => song.id === id);
+  audio.src = song.src;
+  audio.title = song.title;
+  if (userData.currentSong === null) {
+    audio.currentTime = 0
+  } else {
+    audio.currentTime = userData.songCurrentTime;
+  }
+  userData.currentSong = song;
+  playButton.classList.add("playing")
+  audio.play()
+}
+
+playButton.addEventListener("click", () => {
+  if (userData.currentSong === null) {
+    playSong(userData.songs[0].id);
+  } else {
+    playSong(userData.currentSong.id);
+  }
+});
+
+
+const songs = document.querySelectorAll(".playlist-song");
+--fcc-editable-region--
+songs.forEach((song) => {
+
+});
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
index d4471a3172..63a7d506ec 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
@@ -1,7 +1,7 @@
 ---
 id: 673339d96c56d36e963e888e
 title: Step 1
-challengeType: 0
+challengeType: 1
 dashedName: step-1
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
index 434eb4d4ac..421376dfb1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5632fb854bc6c58dc0d
 title: Step 2
-challengeType: 0
+challengeType: 1
 dashedName: step-2
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
index e05e5e890d..202f4abcdc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5e6f210c1bd1afdf8b3
 title: Step 3
-challengeType: 0
+challengeType: 1
 dashedName: step-3
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
index 6a4c5cdab3..9231de5784 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
@@ -1,7 +1,7 @@
 ---
 id: 67349ba230cff237c0f2bdf2
 title: Step 4
-challengeType: 0
+challengeType: 1
 dashedName: step-4
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
index c95db6fd0a..b791a99086 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
@@ -1,7 +1,7 @@
 ---
 id: 67349d6e726b2c3c7f7301e8
 title: Step 5
-challengeType: 0
+challengeType: 1
 dashedName: step-5
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
index 8374f8dbda..b5bef1024f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a13a29acdf47f2b8e161
 title: Step 6
-challengeType: 0
+challengeType: 1
 dashedName: step-6
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
index 9ae42c3995..70c34de803 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a2385c52c54d916a8b86
 title: Step 7
-challengeType: 0
+challengeType: 1
 dashedName: step-7
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
index 31b5014cb3..ec4acf3588 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
@@ -1,13 +1,13 @@
 ---
 id: 6734a606e5968a5a19b77171
 title: Step 8
-challengeType: 0
+challengeType: 1
 dashedName: step-8
 ---
 
 # --description--
 
-Keep adding the remaing plants to your catalog as you did in the previous steps.
+Keep adding the remaining plants to your catalog as you did in the previous steps.
 
 # --hints--
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
index 3ca78bd85c..590a19f03e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a772196245601e4b80e0
 title: Step 10
-challengeType: 0
+challengeType: 1
 dashedName: step-10
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
index a28eea531d..951b5ed0a9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
@@ -1,7 +1,7 @@
 ---
 id: 6734ab61e916486c80c490d1
 title: Step 11
-challengeType: 0
+challengeType: 1
 dashedName: step-11
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
index a8e29611ed..3ae74029f7 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
@@ -1,7 +1,7 @@
 ---
 id: 6734b36f1a3ce17e73327f24
 title: Step 9
-challengeType: 0
+challengeType: 1
 dashedName: step-9
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
index 04ab006c27..72caca69d1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734bbc0bd741598f942352e
 title: Step 12
-challengeType: 0
+challengeType: 1
 dashedName: step-12
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
index 60de74541c..fa9878a4c0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
@@ -1,7 +1,7 @@
 ---
 id: 6734c10a327760a665b7d5b9
 title: Step 13
-challengeType: 0
+challengeType: 1
 dashedName: step-13
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
index bab1d29709..847b8ad457 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
@@ -1,7 +1,7 @@
 ---
 id: 6734eee1f9498cd90f9ae340
 title: Step 14
-challengeType: 0
+challengeType: 1
 dashedName: step-14
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
index 9c43b5c453..c321dc91c5 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f0ae9d1cf4dfd43a7805
 title: Step 15
-challengeType: 0
+challengeType: 1
 dashedName: step-15
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
index 02b3040660..8c8ebf9735 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f6290ebd5cfbc75996af
 title: Step 16
-challengeType: 0
+challengeType: 1
 dashedName: step-16
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
index 73474702eb..36fe62960b 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734fa225c6667121e589f7e
 title: Step 17
-challengeType: 0
+challengeType: 1
 dashedName: step-17
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
index ef11dfe9c6..1c8ca35ee1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
@@ -1,7 +1,7 @@
 ---
 id: 67350acfd2006f2777295b96
 title: Step 19
-challengeType: 0
+challengeType: 1
 dashedName: step-19
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
index e0ae1e9d5b..a80c1888f4 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
@@ -1,7 +1,7 @@
 ---
 id: 67351225403acd3d6f70ed6d
 title: Step 20
-challengeType: 0
+challengeType: 1
 dashedName: step-20
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
index 3afd6675cd..ec01519893 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
@@ -1,7 +1,7 @@
 ---
 id: 6735145b0ee741461bdbaa49
 title: Step 21
-challengeType: 0
+challengeType: 1
 dashedName: step-21
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
index ac6b1bad8c..06fb99e146 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
@@ -1,7 +1,7 @@
 ---
 id: 673521668be7905059b2d555
 title: Step 22
-challengeType: 0
+challengeType: 1
 dashedName: step-22
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
index 1b6c653301..b36412fab1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
@@ -1,7 +1,7 @@
 ---
 id: 673529d08c0d9c5a4193a465
 title: Step 23
-challengeType: 0
+challengeType: 1
 dashedName: step-23
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
index 55cac8955c..8af02f8bdc 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
@@ -1,7 +1,7 @@
 ---
 id: 673762590f4bc1771c3a1e97
 title: Step 18
-challengeType: 0
+challengeType: 1
 dashedName: step-18
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
index 4e4aa92217..59dd010829 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
@@ -1,7 +1,7 @@
 ---
 id: 673788448f390305b34aa814
 title: Step 24
-challengeType: 0
+challengeType: 1
 dashedName: step-24
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
index 1a0f5add4d..98a969fec1 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a1a073a0d14c6544d301
 title: Step 25
-challengeType: 0
+challengeType: 1
 dashedName: step-25
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
index 555ac8c0bb..872d85d4cd 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a5058ff3015829ce3265
 title: Step 26
-challengeType: 0
+challengeType: 1
 dashedName: step-26
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
index acf2553d9d..87f60c941a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a95d5b431860f96ca7bb
 title: Step 27
-challengeType: 0
+challengeType: 1
 dashedName: step-27
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
index 5535ddc2b4..86d4e1cf56 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
@@ -1,7 +1,7 @@
 ---
 id: 6737ac8e4fe7ae6b91c806bd
 title: Step 28
-challengeType: 0
+challengeType: 1
 dashedName: step-28
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
index f870b317ad..56f100039e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
@@ -1,7 +1,7 @@
 ---
 id: 6737c6d5d66b5cc3dac09c7b
 title: Step 29
-challengeType: 0
+challengeType: 1
 dashedName: step-29
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
index 5667eed1f6..22eb31e16d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a5c704680355e29e077c
 title: Step 30
-challengeType: 0
+challengeType: 1
 dashedName: step-30
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
index e197b25a68..6a4d9b1d21 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a8035efec45acd8fdbf9
 title: Step 31
-challengeType: 0
+challengeType: 1
 dashedName: step-31
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
index 5d86143a24..d98957698a 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
@@ -1,7 +1,7 @@
 ---
 id: 6738ad2fd11775752d23ddc2
 title: Step 32
-challengeType: 0
+challengeType: 1
 dashedName: step-32
 ---
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
index aea603952c..4d432e095c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
@@ -7,58 +7,56 @@ dashedName: step-14
 
 # --description--
 
-You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign each to a variable name that matches the ID.
-
-Remember to use camelCase!
+You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign them to the variables `ingredientName`, `ingredientQuantity`, `unitToConvert`, `numberOfServings`, `recipeForm`, and `resultList`, respectively.
 
 # --hints--
 
-You should define an `ingredient` variable.
+You should define an `ingredientName` variable.
 
 ```js
-assert.isDefined(ingredient);
+assert.isDefined(ingredientName);
 ```
 
-Your `ingredient` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
+Your `ingredientName` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
 
 ```js
-assert.strictEqual(ingredient, document.getElementById("ingredient"));
+assert.strictEqual(ingredientName, document.getElementById('ingredient'));
 ```
 
-You should define a `quantity` variable.
+You should define a `ingredientQuantity` variable.
 
 ```js
-assert.isDefined(quantity);
+assert.isDefined(ingredientQuantity);
 ```
 
-Your `quantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
+Your `ingredientQuantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
 
 ```js
-assert.strictEqual(quantity, document.getElementById("quantity"));
+assert.strictEqual(ingredientQuantity, document.getElementById('quantity'));
 ```
 
-You should define a `unit` variable.
+You should define a `unitToConvert` variable.
 
 ```js
-assert.isDefined(unit);
+assert.isDefined(unitToConvert);
 ```
 
-Your `unit` variable should be the element returned from `.getElementById()` with the `unit` ID.
+Your `unitToConvert` variable should be the element returned from `.getElementById()` with the `unit` ID.
 
 ```js
-assert.strictEqual(unit, document.getElementById("unit"));
+assert.strictEqual(unitToConvert, document.getElementById('unit'));
 ```
 
-You should define a `servings` variable.
+You should define a `numberOfServings` variable.
 
 ```js
-assert.isDefined(servings);
+assert.isDefined(numberOfServings);
 ```
 
-Your `servings` variable should be the element returned from `.getElementById()` with the `servings` ID.
+Your `numberOfServings` variable should be the element returned from `.getElementById()` with the `servings` ID.
 
 ```js
-assert.strictEqual(servings, document.getElementById("servings"));
+assert.strictEqual(numberOfServings, document.getElementById('servings'));
 ```
 
 You should define a `recipeForm` variable.
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
index 1e10d076ad..58b5cc772d 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
@@ -218,10 +218,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
index 3f30a8427b..4094f64a66 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
@@ -191,10 +191,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
index 80e0fd7f68..9f06d4a43e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
@@ -7,7 +7,7 @@ dashedName: step-17
 
 # --description--
 
-Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unit.value`).
+Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unitToConvert.value`).
 
 If so, you will need to convert the existing unit to your current unit, and append a list item to `resultList` with the following format:
 
@@ -20,10 +20,10 @@ For example, a conversion result of five grams for flour should look like `Flour
 Your `updateResultsList` function should properly update the DOM.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 updateResultsList();
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
 assert.include(resultList.innerHTML, "<li>Flour: 0.88 ounce</li>");
@@ -193,10 +193,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
index be34a7dd13..233026de48 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
@@ -18,10 +18,10 @@ Once that's done, take some time to experiment with different values in the form
 Your `recipeForm` should call `updateResultsList` when submitted.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 const submit = new Event("submit");
 recipeForm.dispatchEvent(submit);
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
@@ -192,10 +192,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -205,15 +205,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
@@ -384,10 +384,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -397,15 +397,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-mega-navbar/6740495ba48aa94e5667b436.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-mega-navbar/6740495ba48aa94e5667b436.md
index 82e8993d59..2e0e0fd742 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-mega-navbar/6740495ba48aa94e5667b436.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-mega-navbar/6740495ba48aa94e5667b436.md
@@ -3,6 +3,7 @@ id: 6740495ba48aa94e5667b436
 title: Step 1
 challengeType: 0
 dashedName: step-1
+demoType: onLoad
 ---
 
 # --description--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef11f75254548672d998c.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef11f75254548672d998c.md
new file mode 100644
index 0000000000..274e512a79
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef11f75254548672d998c.md
@@ -0,0 +1,125 @@
+---
+id: 674ef11f75254548672d998c
+title: Step 1
+challengeType: 0
+dashedName: step-1
+demoType: onLoad
+---
+
+# --description--
+
+In this project, you will learn how to work with props by building a reusable profile card component.
+
+Start by using the `export` keyword to create a `Card` functional component with `name`, `title`, and `bio` as the props. Don't forget to make sure they're all wrapped in a curly brace. That way, you destructure them instead of accessing them from `props`.
+
+Also, return a pair of parentheses with an empty string inside of them for now.
+
+# --hints--
+
+You should create and export a `Card` functional component. Don't forget to return an empty string inside it.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card)
+);
+
+assert.lengthOf(mockedComponent.find('Card'), 1);
+```
+
+Your `Card` component should have a `name`, `title`, and `bio` props.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card)
+);
+
+const componentFunction = mockedComponent.type();
+const propsSource = componentFunction.toString();
+
+assert.match(propsSource, /\bname\b/);
+assert.match(propsSource, /\btitle\b/);
+assert.match(propsSource, /\bbio\b/);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e4691658.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e4691658.md
new file mode 100644
index 0000000000..cd896b45aa
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e4691658.md
@@ -0,0 +1,116 @@
+---
+id: 674ef2d357676e50e4691658
+title: Step 2
+challengeType: 0
+dashedName: step-2
+---
+
+# --description--
+
+Inside the return, remove the empty string, then create a `div` element with a `className` of `card`.
+
+# --hints--
+
+You should not have an empty string in your Card component.
+
+```js
+assert.notMatch(code, /""/)
+```
+
+You should create a `div` element with the `className` `card` at the top level of your `Card` component.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card)
+);
+
+assert.equal(mockedComponent.childAt(0).type(), 'div');
+assert.isTrue(mockedComponent.childAt(0).hasClass('card'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+export function Card({ name, title, bio }) {
+  return (
+  --fcc-editable-region--
+  ""
+  --fcc-editable-region--
+  )
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e4691659.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e4691659.md
new file mode 100644
index 0000000000..cc5141ec81
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e4691659.md
@@ -0,0 +1,166 @@
+---
+id: 674ef2d357676e50e4691659
+title: Step 3
+challengeType: 0
+dashedName: step-3
+---
+
+# --description--
+
+Inside the `div` element, create an `h2` element and interpolate the `name` prop as its text.
+
+Also, inside the `div`, create a paragraph with the `className` of `card-title` to interpolate the `title` prop, and another paragraph to interpolate the `bio` prop.
+
+# --hints--
+
+You should create an `h2` element inside your `div` element.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card)
+);
+
+const h2Elem = mockedComponent.find('h2');
+
+assert.equal(h2Elem.parent().type(), 'div');
+```
+
+Your `h2` element should have `{name}` as its text content.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card, { name: 'nameVal' })
+);
+
+const h2Elem = mockedComponent.find('h2');
+
+assert.equal(h2Elem.text(), 'nameVal'); 
+```
+
+You should create a `p` tag with the `className` of `card-title` inside your `div` element.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card)
+);
+
+const pElem = mockedComponent.find('p.card-title');
+
+assert.equal(pElem.parent().type(), 'div');
+```
+
+Your `p` element with `className` of `card-title` should have `{title}` as its text content.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card, { title: 'titleVal' })
+);
+
+const pElem = mockedComponent.find('p.card-title');
+
+assert.equal(pElem.text(), 'titleVal');
+assert.equal(pElem.parent().type(), 'div');
+```
+
+You should create another `p` element with `{bio}` as its text.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.Card, { bio: 'bioVal' })
+);
+
+const secondPElem = mockedComponent.children().childAt(2)
+
+assert.equal(secondPElem.type(), 'p')
+assert.equal(secondPElem.text(), 'bioVal');
+assert.equal(secondPElem.parent().type(), 'div');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+export function Card({ name, title, bio }) {
+  return (
+    --fcc-editable-region--
+    <div className="card">
+
+    </div>
+    --fcc-editable-region--
+  )
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165a.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165a.md
new file mode 100644
index 0000000000..7e92584a83
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165a.md
@@ -0,0 +1,117 @@
+---
+id: 674ef2d357676e50e469165a
+title: Step 4
+challengeType: 0
+dashedName: step-4
+---
+
+# --description--
+
+To start using the `Card` component, use the `export` keyword to create an `App` functional component.
+
+Inside the `App` component, return a pair of parentheses containing an empty string.
+
+# --hints--
+
+You should export an `App` functional component.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.App)
+);
+
+assert.lengthOf(mockedComponent.find('App'), 1);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+export function Card({ name, title, bio }) {
+  return (
+    <div className="card">
+      <h2>{name}</h2>
+      <p className="card-title">{title}</p>
+      <p>{bio}</p>
+    </div>
+  )
+}
+
+--fcc-editable-region--
+
+--fcc-editable-region--
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165b.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165b.md
new file mode 100644
index 0000000000..db3fbd1070
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165b.md
@@ -0,0 +1,126 @@
+---
+id: 674ef2d357676e50e469165b
+title: Step 5
+challengeType: 0
+dashedName: step-5
+---
+
+# --description--
+
+Inside your return statement, replace the empty string with a `div` element with a `className` property of `flex-container`.
+
+# --hints--
+
+You should not have an empty string in your Card component.
+
+```js
+assert.notMatch(code, /""/)
+```
+
+You should create a `div` element with the class `flex-container`.
+
+```js
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.App)
+);
+
+assert.equal(mockedComponent.childAt(0).type(), 'div');
+assert.isTrue(mockedComponent.childAt(0).hasClass('flex-container'));
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+export function Card({ name, title, bio }) {
+  return (
+    <div className="card">
+      <h2>{name}</h2>
+      <p className="card-title">{title}</p>
+      <p>{bio}</p>
+    </div>
+  )
+}
+
+export function App() {
+  return (
+  --fcc-editable-region--
+    ""
+  --fcc-editable-region--
+  );
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165c.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165c.md
new file mode 100644
index 0000000000..d6d3cddd97
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165c.md
@@ -0,0 +1,144 @@
+---
+id: 674ef2d357676e50e469165c
+title: Step 6
+challengeType: 0
+dashedName: step-6
+---
+
+# --description--
+
+Now, use the `Card` component with the `name` prop set to `"Mark"`, the `title` prop set to `"Frontend developer"`, and the `bio` set to `"I like to work with different frontend technologies and play video games."`
+
+# --hints--
+
+You should use the `Card` component as an element with a `name` prop set to `"Mark"`.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(window.index.App));
+const cardItem = mockedComponent.find(window.index.Card);
+
+const cardItemsProps = cardItem.props()
+
+assert.equal(cardItem.props().name, "Mark")
+```
+
+You should use the `Card` component as an element with a `title` prop set to `"Frontend developer"`.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(window.index.App));
+const cardItem = mockedComponent.find(window.index.Card);
+
+const cardItemsProps = cardItem.props()
+
+assert.equal(cardItem.props().title, "Frontend developer")
+```
+
+You should use the `Card` component as an element with a `bio` prop set to `"I like to work with different frontend technologies and play video games."`.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(window.index.App));
+const cardItem = mockedComponent.find(window.index.Card);
+
+const cardItemsProps = cardItem.props()
+
+assert.equal(cardItem.props().bio, "I like to work with different frontend technologies and play video games.")
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+export function Card({ name, title, bio }) {
+  return (
+    <div className="card">
+      <h2>{name}</h2>
+      <p className="card-title">{title}</p>
+      <p>{bio}</p>
+    </div>
+  )
+}
+
+export function App() {
+  return (
+    <div className="flex-container">
+    --fcc-editable-region--
+
+    --fcc-editable-region--
+    </div>
+  );
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165d.md b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165d.md
new file mode 100644
index 0000000000..d882a9c526
--- /dev/null
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-reusable-profile-card-component/674ef2d357676e50e469165d.md
@@ -0,0 +1,265 @@
+---
+id: 674ef2d357676e50e469165d
+title: Step 7
+challengeType: 0
+dashedName: step-7
+---
+
+# --description--
+
+Again, use the `Card` component two more times with the following:
+
+| Props   | First Card Values                                                                     | Second Card Values                                                                          |
+| ------- | ------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- |
+| `name`  | `"Tiffany"`                                                                           | `"Doug"`                                                                                    |
+| `title` | `"Engineering manager"`                                                               | `"Backend developer"`                                                                       |
+| `bio`   | `"I have worked in tech for 15 years and love to help people grow in this industry."` | `"I have been a software developer for over 20 years and I love working with Go and Rust."` |
+
+With that, your reusable profile card component project is complete!
+
+# --hints--
+
+You should use the `Card` component as an element with the appropriate props and first card values.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(window.index.App));
+const cardItems = mockedComponent.find(window.index.Card);
+
+const propsList = cardItems.map(item => item.props());
+
+assert.deepEqual(propsList[1], {
+  name: 'Tiffany',
+  title: 'Engineering manager',
+  bio: 'I have worked in tech for 15 years and love to help people grow in this industry.'
+});
+```
+
+You should use the `Card` component as an element with the appropriate props and second card values.
+
+```js
+const mockedComponent = Enzyme.mount(React.createElement(window.index.App));
+const cardItems = mockedComponent.find(window.index.Card);
+
+const propsList = cardItems.map(item => item.props());
+
+assert.deepEqual(propsList[2], {
+  name: 'Doug',
+  title: 'Backend developer',
+  bio: 'I have been a software developer for over 20 years and I love working with Go and Rust.'
+});
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+export function Card({ name, title, bio }) {
+  return (
+    <div className="card">
+      <h2>{name}</h2>
+      <p className="card-title">{title}</p>
+      <p>{bio}</p>
+    </div>
+  )
+}
+
+export function App() {
+  return (
+    <div className="flex-container">
+      <Card
+        name="Mark"
+        title="Frontend developer"
+        bio="I like to work with different frontend technologies and play video games."
+      />
+      --fcc-editable-region--
+
+      --fcc-editable-region--
+    </div>
+  );
+}
+```
+
+# --solutions--
+
+```html
+<!doctype html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>Reusable Card component</title>
+    <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
+    <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
+
+    <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
+    ></script>
+     <link rel="stylesheet" href="./styles.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
+    >
+      import { App } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <App />
+      );
+    </script>
+  </body>
+</html>
+```
+
+```css
+:root {
+  --dark-grey: #1b1b32;
+  --light-grey: #f5f6f7;
+  --dark-orange: #f89808;
+}
+
+body {
+  background-color: var(--dark-grey);
+}
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+}
+
+.card {
+  border: 5px solid var(--dark-orange);
+  border-radius: 10px;
+  width: 100%;
+  padding: 20px;
+  margin: 10px 0;
+  background-color: var(--light-grey);
+}
+
+.card-title {
+  border-bottom: 4px solid var(--dark-orange);
+  width: fit-content;
+}
+
+@media (min-width: 768px) {
+  .card {
+    width: 300px;
+  }
+}
+```
+
+```jsx
+export function Card({ name, title, bio }) {
+  return (
+    <div className="card">
+      <h2>{name}</h2>
+      <p className="card-title">{title}</p>
+      <p>{bio}</p>
+    </div>
+  )
+}
+
+export function App() {
+  return (
+    <div className="flex-container">
+      <Card
+        name="Mark"
+        title="Frontend developer"
+        bio="I like to work with different frontend technologies and play video games."
+      />
+
+      <Card
+        name="Tiffany"
+        title="Engineering manager"
+        bio="I have worked in tech for 15 years and love to help people grow in this industry."
+      />
+
+      <Card
+        name="Doug"
+        title="Backend developer"
+        bio="I have been a software developer for over 20 years and I love working with Go and Rust."
+      />
+    </div>
+  );
+}
+```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md b/curriculum/challenges/japanese/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
index 0d6c7244a2..16ff07faf0 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
@@ -7,7 +7,7 @@ dashedName: step-6
 
 # --description--
 
-Now it’s time to get the results of the round. Complete the `getRoundResults` function.
+Now it's time to get the results of the round. Complete the `getRoundResults` function.
 
 If the player wins the round, update the `playerScore` by `1` and return the message `"Player wins! [player's choice] beats [computer's choice]"`.
 
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
index f028237c49..785fd0e60c 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
@@ -19,7 +19,7 @@ You should create a `getVowelCount` function.
 assert.isFunction(getVowelCount);
 ```
 
-You `getVowelCount` function should have a `sentence` parameter.
+Your `getVowelCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getVowelCount.toString(), /sentence/);
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
index e75b6bd595..6eb43b6d6e 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
@@ -21,7 +21,7 @@ You should create a `getConsonantCount` function.
 assert.isFunction(getConsonantCount);
 ```
 
-You `getConsonantCount` function should have a `sentence` parameter.
+Your `getConsonantCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getConsonantCount.toString(), /sentence/);
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
index f3aa0392fe..e2479799c2 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
@@ -23,7 +23,7 @@ You should create a `getPunctuationCount` function.
 assert.isFunction(getPunctuationCount);
 ```
 
-You `getPunctuationCount` function should have a `sentence` parameter.
+Your `getPunctuationCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getPunctuationCount.toString(), /sentence/);
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
index fbc0a20dbf..fe40c46d9f 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
@@ -17,7 +17,7 @@ You should create a `getWordCount` function.
 assert.isFunction(getWordCount);
 ```
 
-You `getWordCount` function should have a `sentence` parameter.
+Your `getWordCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getWordCount.toString(), /sentence/);
@@ -48,13 +48,19 @@ assert.strictEqual(getWordCount("freeCodeCamp offers free coding tutorials onlin
 assert.strictEqual(getWordCount("You can learn HTML, CSS, JavaScript, and more on freeCodeCamp"), 10);
 ```
 
-Your `getWordCount` function should return the correct punctuation count for any sentence.
+Your `getWordCount` function should return the correct word count for any sentence.
 
 ```js
 assert.strictEqual(getWordCount("freeCodeCamp has a great community of kind people"), 8);
 assert.strictEqual(getWordCount("The freeCodeCamp curriculum is constantly updated"), 6);
 assert.strictEqual(getWordCount("freeCodeCamp teaches both frontend and backend development"), 7);
+```
+
+Your `getWordCount` function should return the correct word count for an empty string, or a string only with spaces.
+
+```js
 assert.strictEqual(getWordCount(""), 0);
+assert.strictEqual(getWordCount("   "), 0);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md b/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
index 730386e9e9..b7824376d3 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
@@ -29,6 +29,7 @@ You should update the first item in the `shoppingList` array to be `"Canola Oil"
 
 ```js
 assert.equal(shoppingList[0], "Canola Oil");
+assert.notEqual(shoppingList[1], "Vegetable Oil");
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md b/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
index e385d59e90..3f6e0c87d5 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
@@ -13,10 +13,10 @@ And with this last step your grocery list is complete!
 
 # --hints--
 
-You should log the `shoppingList` array to the console.
+You should call the `getShoppingListMsg` function inside of the `console.log`.
 
 ```js
-assert.match(code, /console\.log\(\s*shoppingList\s*\)/);
+assert.lengthOf(code.match(/console\.log\(\s*getShoppingListMsg\(\)\s*\)/g), 7);
 ```
 
 # --seed--
@@ -112,5 +112,5 @@ console.log("On second thought, maybe we should be more health conscious.");
 shoppingList.shift();
 shoppingList[0] = "Canola Oil";
 
-console.log(shoppingList);
+console.log(getShoppingListMsg());
 ```
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md b/curriculum/challenges/japanese/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
index be85118bbc..21843201a9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
@@ -13,7 +13,7 @@ With this, you have successfully completed the workshop.
 
 # --hints--
 
-When you cick the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
+When you click the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
 
 ```js
 scaryStoryBtn.click();
@@ -36,7 +36,7 @@ assert.equal(hexColor.toLowerCase(), "#ee4b2b");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedStory);
 ```
 
-When you cick the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
+When you click the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
 
 ```js
 funnyStoryBtn.click();
@@ -59,7 +59,7 @@ assert.equal(hexColor.toLowerCase(), "#f1be32");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedFunnyStory);
 ```
 
-When you cick the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
+When you click the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
 
 ```js
 adventureStoryBtn.click();
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index f17cd3df37..440d632b22 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
index 24502aad09..154d38bdc9 100644
--- a/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/japanese/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml b/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
index 2b2ce86ac8..da101371bf 100644
--- a/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
+++ b/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
@@ -1,5 +1,5 @@
 id: 561abd10cb81ac38a17513bc
-title: JavaScript Algorithms and Data Structures Certification
+title: Legacy JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml b/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
index 90d4241ee7..86a4556b01 100644
--- a/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
+++ b/curriculum/challenges/korean/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
@@ -1,5 +1,5 @@
 id: 658180220947283cdc0689ce
-title: JavaScript Algorithms and Data Structures (Beta) Certification
+title: JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures-v8
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md
index be32fca361..62ecb209f0 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/improve-accessibility-of-audio-content-with-the-audio-element.md
@@ -26,7 +26,7 @@ HTML5의 `audio` 요소는 마크업에서 음향 또는 오디오 스트림 콘
 
 # --instructions--
 
-캠퍼 캣(Camper Cat)에서 쉬는 시간입니다. 이번에는 캠퍼 Zersiax(@zersiax)를 만나보겠습니다. 그는 스크린 리더 사용자이자 접근성 마스터 입니다. `p` 요소 뒤에 `audio` 요소를 추가하면 스크린 리더 작동 소리를 듣을 수 있습니다. `controls` 속성을 포함하세요. Then place a `source` element inside the `audio` tags with the `src` attribute set to `https://cdn.freecodecamp.org/curriculum/applied-accessibility/screen-reader.mp3` and `type` attribute set to `"audio/mpeg"`.
+캠퍼 캣(Camper Cat)에서 쉬는 시간입니다. 이번에는 캠퍼 Zersiax(@zersiax)를 만나보겠습니다. 그는 스크린 리더 사용자이자 접근성 마스터 입니다. `p` 요소 뒤에 `audio` 요소를 추가하면 스크린 리더 작동 소리를 듣을 수 있습니다. `controls` 속성을 포함하세요. 그런 다음 `audio` 태그 안에 `source` 요소를 배치하고, `src` 속성을 `https://cdn.freecodecamp.org/curriculum/applied-accessibility/screen-reader.mp3`로, `type` 속성을 `"audio/mpeg"`로 설정하세요.
 
 **참고:** 오디오 클립이 빠르게 들릴 수 있고 이해하기 어려울 수 있지만, 이는 스크린 리더 사용자에게 정상적인 속도입니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md
index 371c1f79ab..5bb02b12d4 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/jump-straight-to-the-content-using-the-main-element.md
@@ -9,7 +9,7 @@ dashedName: jump-straight-to-the-content-using-the-main-element
 
 # --description--
 
-HTML5는 개발자들에게 많은 선택지를 주는 요소들을 소개했으며 접근성 관련 기능들도 통합시켰습니다. These tags include `main`, `header`, `footer`, `nav`, `article`, and `section`, among others.
+HTML5는 개발자들에게 많은 선택지를 주는 요소들을 소개했으며 접근성 관련 기능들도 통합시켰습니다. 이러한 요소들에는 `main`, `header`, `footer`, `nav`, `article`, `section` 등이 포함됩니다.
 
 브라우저는 기본적으로 이러한 요소들을 `div`와 비슷하게 렌더링합니다. 하지만 이들을 적절하게 사용하는 것이 마크업에 부가적인 의미를 줍니다. 태그 이름만으로도 어떤 종류의 정보를 담고 있는지 나타낼 수 있고, 이는 콘텐츠에 의미론적 의미를 추가했습니다. 보조 기술은 이 정보를 접근하여 사용자들에게 더 나은 페이지 요약 혹은 탐색 선택지를 제공해줄 수 있습니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md
index b6dffc01ca..26316406c2 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-header-landmark.md
@@ -9,7 +9,7 @@ dashedName: make-screen-reader-navigation-easier-with-the-header-landmark
 
 # --description--
 
-The next HTML5 element that adds semantic meaning and improves accessibility is the `header` tag. It's used to wrap introductory information or navigation links for its parent tag and works well around content that's repeated at the top on multiple pages.
+다음의 HTML5 요소는 시맨틱적인 의미를 추가하고 접근성을 향상시키는 `header` 태그입니다. 이 태그는 부모 태그에 대한 소개 정보나 네비게이션 링크를 감싸는 데 사용되며 여러 페이지의 상단에 반복되는 내용 주변에 잘 작동합니다.
 
 `header`는 `main`에서 보았던 내장 랜드마크 기능을 공유하여 접근성 기기가 해당 콘텐츠로 빠르게 이동할 수 있게 합니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md
index 00f9028885..a8c582b14e 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-accessibility/make-screen-reader-navigation-easier-with-the-nav-landmark.md
@@ -9,7 +9,7 @@ dashedName: make-screen-reader-navigation-easier-with-the-nav-landmark
 
 # --description--
 
-The `nav` element is another HTML5 item with the embedded landmark feature for easy screen reader navigation. This tag is meant to wrap around the main navigation links in your page.
+`nav` 요소는 화면 낭독기 내비게이션을 위한 내장된 랜드마크 기능을 가진 또 다른 HTML5 항목입니다. 이 태그는 페이지의 주요 내비게이션 링크를 감싸기 위해 사용됩니다.
 
 페이지 하단에 반복되는 사이트 링크가 있다면, 해당 부분은 `nav` 태그로 표시할 필요가 없습니다. `footer` 태그만 사용하더라도 충분합니다 (다음 도전 과제에서 다룰 예정입니다).
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md
index 4a00513679..b270bf0291 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-background-color-property-of-text.md
@@ -9,7 +9,7 @@ dashedName: adjust-the-background-color-property-of-text
 
 # --description--
 
-Instead of adjusting your overall background or the color of the text to make the foreground easily readable, you can add a `background-color` to the element holding the text you want to emphasize. This challenge uses `rgba()` instead of `hex` codes or normal `rgb()`.
+전체 배경을 조정하거나 전경의 가독성을 위해 텍스트 색상을 바꾸는 대신, 강조하고자 하는 텍스트를 가진 요소 자체에 `background-color`를 입힐 수 있습니다. 이번 도전 과제는 `hex` 코드나 보통의 `rgb()`를 사용하는 대신 `rgba()`를 사용합니다.
 
 <blockquote>rgba는 아래의 약어입니다:<br>  r = red<br>  g = green<br>  b = blue<br>  a = alpha 값/불투명도 수준</blockquote>
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md
index e0fb6c3ff2..50f008149a 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/adjust-the-height-of-an-element-using-the-height-property.md
@@ -9,7 +9,7 @@ dashedName: adjust-the-height-of-an-element-using-the-height-property
 
 # --description--
 
-You can specify the height of an element using the `height` property in CSS, similar to the `width` property. Here's an example that changes the height of an image to 20px:
+요소의 높이는 CSS에서 `height` 속성을 사용하여 지정할 수 있습니다. 이것은 `width` 속성과 유사합니다. 다음은 이미지의 높이를 20픽셀로 변경하는 예제입니다.
 
 ```css
 img {
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md
index f1ef05d824..94e78c0457 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/center-an-element-horizontally-using-the-margin-property.md
@@ -9,7 +9,7 @@ dashedName: center-an-element-horizontally-using-the-margin-property
 
 # --description--
 
-Another positioning technique is to center a block element horizontally. One way to do this is to set its `margin` to a value of auto.
+또 다른 위치 지정 기술은 블록 요소를 수평으로 가운데 정렬하는 것입니다. 한 가지 방법은 `margin` 값을 자동으로 설정하는 것입니다.
 
 이 방법은 사진들에도 사용할 수 있습니다. 사진들은 기본적으로 인라인 요소들이지만 `display` 속성을 `block`로 설정하면 블록 요소로 바꿀 수 있습니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md
index d9a06d0279..fa83b40c5d 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-a-horizontal-line-using-the-hr-element.md
@@ -15,7 +15,7 @@ dashedName: create-a-horizontal-line-using-the-hr-element
 
 카드 제목을 포함하는 `h4` 아래에 `hr` 태그를 추가하세요.
 
-**Note:** In HTML, `hr` is a void element, and therefore doesn't need a separate closing tag.
+**참고:** HTML에서 `hr`은 빈 요소이므로 별도의 닫는 태그가 필요하지 않습니다.
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md
index 4b8f323ade..9413264f8b 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/create-movement-using-css-animation.md
@@ -9,7 +9,7 @@ dashedName: create-movement-using-css-animation
 
 # --description--
 
-When elements have a specified `position`, such as `fixed` or `relative`, the CSS offset properties `right`, `left`, `top`, and `bottom` can be used in animation rules to create movement.
+CSS에서 `fixed`나 `relative`와 같은 특정 `position`이 지정된 요소들은, `right`, `left`, `top`, `bottom`과 같은 CSS 오프셋 속성들을 애니메이션 규칙에서 사용하여 움직임을 만들 수 있습니다.
 
 아래 예제에서 보는 것처럼, `50%` 키프레임의 `top` 속성을 50px로 설정하고, 첫 번째(`0%`)와 마지막(`100%`) 키프레임에서는 0px로 설정하여 항목을 아래로 밀고 다시 위로 당길 수 있습니다
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md
index e21f35068b..fd2cc3a392 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/learn-how-bezier-curves-work.md
@@ -9,7 +9,7 @@ dashedName: learn-how-bezier-curves-work
 
 # --description--
 
-The last challenge introduced the `animation-timing-function` property and a few keywords that change the speed of an animation over its duration. CSS offers an option other than keywords that provides even finer control over how the animation plays out, through the use of Bezier curves.
+지난 도전 과제에서는 `animation-timing-function` 속성과 애니메이션 기간 동안 애니메이션 속도를 변경하는 몇 가지 키워드를 소개했습니다. CSS는 키워드 사용 이외에도 베지에 곡선을 사용하여 애니메이션이 어떻게 진행되는지에 대한 더 정교한 제어를 가능하게 해줍니다.
 
 CSS 애니메이션에서 베지에 곡선은 `cubic-bezier` 함수와 함께 사용됩니다. 곡선의 모양은 애니메이션이 어떻게 진행되는지를 나타냅니다. 그 곡선은 1x1 좌표 시스템에서 존재합니다. 이 좌표 시스템의 X 축은 애니메이션의 지속 시간입니다(시간 척도로 생각할 수 있습니다), Y 축은 애니메이션의 변화입니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md
index d2dab43248..fdfa5a0da8 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/set-the-font-weight-for-multiple-heading-elements.md
@@ -9,13 +9,13 @@ dashedName: set-the-font-weight-for-multiple-heading-elements
 
 # --description--
 
-You set the `font-size` of each heading tag in the last challenge, here you'll adjust the `font-weight`.
+지난 과제에서 각각의 제목 태그의 `font-size`를 설정했습니다. 여기에서는 `font-weight`를 조정합니다.
 
 `font-weight` 속성은 텍스트 영역에서 문자의 굵기를 설정합니다.
 
 # --instructions--
 
-<ul><li>Set the <code>font-weight</code> of the <code>h1</code> tag to 800.</li><li><code>h2</code>태그의 <code>font-weight</code>를 600으로 설정합니다.</li><li><code>h3</code>태그의 <code>font-weight</code>를 500으로 설정합니다.</li><li><code>h4</code>태그의 <code>font-weight</code>를 400으로 설정합니다.</li><li><code>h5</code>태그의 <code>font-weight</code>를 300으로 설정합니다.</li><li><code>h6</code>태그의 <code>font-weight</code>를 200으로 설정합니다.</li></ul>
+<ul><li><code>h1</code>태그의 <code>font-weight</code>를 800으로 설정합니다.</li><li><code>h2</code>태그의 <code>font-weight</code>를 600으로 설정합니다.</li><li><code>h3</code>태그의 <code>font-weight</code>를 500으로 설정합니다.</li><li><code>h4</code>태그의 <code>font-weight</code>를 400으로 설정합니다.</li><li><code>h5</code>태그의 <code>font-weight</code>를 300으로 설정합니다.</li><li><code>h6</code>태그의 <code>font-weight</code>를 200으로 설정합니다.</li></ul>
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md
index 4b7c5097bd..951998d9cf 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase.md
@@ -9,11 +9,11 @@ dashedName: use-the-text-transform-property-to-make-text-uppercase
 
 # --description--
 
-The `text-transform` property in CSS is used to change the appearance of text. It's a convenient way to make sure text on a webpage appears consistently, without having to change the text content of the actual HTML elements.
+CSS에서 `text-transform` 속성은 글자의 생김새를 변형시킵니다. 실제 HTML 요소의 글자 내용을 변형할 필요 없이 웹페이지에 있는 글자가 일관되게 나타나도록 만들어주는 간편한 방법입니다.
 
 다음 표는 각기 다른 `text-transform` 값들이 어떻게 예시 글자인 "Transform me"를 변형시키는지를 보여줍니다.
 
-<table><thead><tr><th>Value</th><th>결과</th></tr></thead><tbody><tr><td><code>lowercase</code></td><td>"transform me"</td></tr><tr><td><code>uppercase</code></td><td>"TRANSFORM ME"</td></tr><tr><td><code>capitalize</code></td><td>"Transform Me"</td></tr><tr><td><code>initial</code></td><td>기본값을 사용</td></tr><tr><td><code>inherit</code></td><td>부모 요소의 <code>text-transform</code> 값 사용</td></tr><tr><td><code>none</code></td><td><strong>디폴트:</strong> 원래 글자 사용</td></tr></tbody></table>
+<table><thead><tr><th>값 (value)</th><th>결과</th></tr></thead><tbody><tr><td><code>lowercase</code></td><td>"transform me"</td></tr><tr><td><code>uppercase</code></td><td>"TRANSFORM ME"</td></tr><tr><td><code>capitalize</code></td><td>"Transform Me"</td></tr><tr><td><code>initial</code></td><td>기본값을 사용</td></tr><tr><td><code>inherit</code></td><td>부모 요소의 <code>text-transform</code> 값 사용</td></tr><tr><td><code>none</code></td><td><strong>디폴트:</strong> 원래 글자 사용</td></tr></tbody></table>
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md
index 364a2d97d9..2d5464abed 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/applied-visual-design/use-the-u-tag-to-underline-text.md
@@ -9,11 +9,11 @@ dashedName: use-the-u-tag-to-underline-text
 
 # --description--
 
-To underline text, you can use the `u` tag. This is often used to signify that a section of text is important, or something to remember. With the `u` tag, the browser applies the CSS of `text-decoration: underline;` to the element.
+밑줄 텍스트를 만들기 위해서, `u` 태그를 사용할 수 있습니다. 이것은 종종 텍스트의 어느 한 부분이 중요하거나 기억할만하다는 것을 의미할 때 사용됩니다. `u` 태그를 사용하면, 브라우저는 요소에 `text-decoration: underline;` CSS를 적용합니다.
 
 # --instructions--
 
-Wrap the `u` tag only around the text `Ph.D. students`.
+`u` 태그로 `Ph.D. students` 텍스트만 감싸보세요.
 
 **Note:** 링크로 착각될 수 있는 경우에는 `u`태그를 사용하는 것을 삼가하세요. Anchor 태그 또한 기본 밑줄 형태를 가집니다.
 
@@ -25,7 +25,7 @@ Wrap the `u` tag only around the text `Ph.D. students`.
 assert.lengthOf(document.querySelectorAll('u'), 1);
 ```
 
-The `u` tag should wrap around the text `Ph.D. students`.
+`u` 태그는 `Ph.D. students`라는 텍스트를 감싸야 합니다.
 
 ```js
 assert.equal(document.querySelector('u')?.textContent , 'Ph.D. students');
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/add-borders-around-your-elements.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
index b8f266d0b7..967f5ed61b 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
@@ -50,10 +50,14 @@ assert.isTrue(document.querySelector('img').classList.contains('thick-green-bord
 이미지는 `10px` 두께의 테두리를 가져야 합니다.
 
 ```js
+// Note: to any future maintainers, the read width of the border is dependent on 
+// the zoom. For example we cannot match 10px exactly because if a campers set the zoom to 110% 
+// it will be read as 9~px. 
 const image = document.querySelector('img'); 
 const imageBorderTopWidth = window.getComputedStyle(image)["border-top-width"]; 
-
-assert.strictEqual(imageBorderTopWidth, "10px")
+const widthNumber = parseInt(imageBorderTopWidth);
+assert.isAtLeast(widthNumber, 8);
+assert.isAtMost(widthNumber, 12);
 ```
 
 이미지는 `solid` 스타일의 테두리를 가져야 합니다.
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
index 479a46f595..f9e43a99ff 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/attach-a-fallback-value-to-a-css-variable.md
@@ -9,7 +9,7 @@ dashedName: attach-a-fallback-value-to-a-css-variable
 
 # --description--
 
-When using your variable as a CSS property value, you can attach a fallback value that your browser will revert to if the given variable is invalid.
+CSS 속성 값으로 변수를 사용할 때, 지정된 변수가 유효하지 않을 경우 브라우저가 반환할 fallback 값을 추가할 수 있습니다.
 
 **Note:** fallback은 브라우저 호환성을 높이는데 사용되지는 않으며, IE(인터넷 익스플로어) 브라우저에서는 작동하지 않습니다. 오히려, 브라우저가 변수를 찾을 수 없는 경우 표시할 색상을 갖도록 사용됩니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/change-the-color-of-text.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/change-the-color-of-text.md
index aad92260d8..c23b37bd64 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/change-the-color-of-text.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/change-the-color-of-text.md
@@ -9,7 +9,7 @@ dashedName: change-the-color-of-text
 
 # --description--
 
-Now let's change the color of some of our text.
+이제 일부 텍스트의 색상을 변경해 보겠습니다.
 
 `h2`요소의 `style`를 변경함으로써 색상을 변경할 수 있습니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
index 19bcf981fb..7762448175 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/inherit-styles-from-the-body-element.md
@@ -15,7 +15,7 @@ dashedName: inherit-styles-from-the-body-element
 
 # --instructions--
 
-First, create an `h1` element with the text `Hello World`.
+먼저, `Hello World`라는 텍스트를 가진 `h1` 요소를 생성해주세요.
 
 `body` 요소의 스타일 선언에 `color: green;`을 추가해 페이지의 모든 요소들에 `green` 색상을 적용해 주세요.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
index c8296ebf9e..524a692324 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/override-styles-in-subsequent-css.md
@@ -19,7 +19,7 @@ dashedName: override-styles-in-subsequent-css
 
 `pink-text` 클래스 외에도 `h1` 요소에 `blue-text` 클래스를 적용하고 이 중 어떤 스타일이 적용될지 확인해보세요.
 
-Applying multiple class attributes to an HTML element is done with a space between them like this:
+HTML 요소에 여러 클래스 속성을 적용하려면 다음과 같이 띄어쓰기로 구분합니다.
 
 ```html
 class="class1 class2"
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
index 68e2df9647..51d74a14dd 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/set-the-font-family-of-an-element.md
@@ -9,7 +9,7 @@ dashedName: set-the-font-family-of-an-element
 
 # --description--
 
-You can set which font an element should use, by using the `font-family` property.
+`font-family` 속성을 사용하여 요소가 사용할 글꼴을 설정할 수 있습니다.
 
 예를 들어, `h2` 요소의 글꼴을 `sans-serif`로 설정하려면 다음과 같은 CSS를 사용할 수 있습니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/style-the-html-body-element.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/style-the-html-body-element.md
index 725d31379d..d33a3b3d76 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/style-the-html-body-element.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/style-the-html-body-element.md
@@ -42,7 +42,7 @@ CSS 규칙은 올바른 형식으로 여는 중괄호와 닫는 중괄호를 가
 assert.match(code, /<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i);
 ```
 
-Your CSS rule should end with a semicolon.
+CSS 규칙은 세미콜론으로 끝나야 합니다.
 
 ```js
 assert.match(code, /<style>\s*body\s*\{\s*background.*\s*:\s*.*;\s*\}\s*<\/style>/i);
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-a-custom-css-variable.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
index fa05ed3c32..4741838f26 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-a-custom-css-variable.md
@@ -9,7 +9,7 @@ dashedName: use-a-custom-css-variable
 
 # --description--
 
-After you create your variable, you can assign its value to other CSS properties by referencing the name you gave it.
+변수를 생성한 후 이 변수의 이름을 참조하여 다른 CSS 속성에 해당 값을 할당할 수 있습니다.
 
 ```css
 background: var(--penguin-skin);
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md b/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
index ee9be88790..f156d43653 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-css/use-rgb-values-to-color-elements.md
@@ -9,7 +9,7 @@ dashedName: use-rgb-values-to-color-elements
 
 # --description--
 
-Another way you can represent colors in CSS is by using `RGB` values.
+CSS에서 색상을 표현하는 또 다른 방법은 `RGB` 값을 사용하는 것입니다.
 
 검정색의 `RGB` 값은 다음과 같습니다:
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
index 506bd4e9cd..173409d644 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-a-submit-button-to-a-form.md
@@ -9,7 +9,7 @@ dashedName: add-a-submit-button-to-a-form
 
 # --description--
 
-Let's add a `submit` button to your form. Clicking this button will send the data from your form to the URL you specified with your form's `action` attribute.
+`submit` 버튼을 설문 조사 양식에 생성해 보겠습니다. 이 버튼을 클릭하면 폼에 있는 데이터를 `action` 속성으로 지정한 URL로 제출할 수 있습니다.
 
 다음은 제출 버튼의 예시입니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
index a645127a4b..0b5b928b9d 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-images-to-your-website.md
@@ -16,7 +16,7 @@ dashedName: add-images-to-your-website
 <img src="https://www.freecatphotoapp.com/your-image.jpg">
 ```
 
-Note that `img` is a void element.
+`img`은 빈 요소라는 점을 참고하세요.
 
 모든 `img` 요소는 **반드시** `alt` 속성이 있어야 합니다. `alt` 속성 안의 텍스트는 접근성을 향상시키기 위해 스크린 리더에 사용되며 이미지가 로딩에 실패하면 표시됩니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
index 522273548e..ffe9845cae 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/add-placeholder-text-to-a-text-field.md
@@ -17,7 +17,7 @@ dashedName: add-placeholder-text-to-a-text-field
 <input type="text" placeholder="this is placeholder text">
 ```
 
-**Note:** Remember that `input` is a void element.
+**참고:** `input`은 빈 요소라는 점을 기억하세요.
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
index 5892cf615e..24fd9813ef 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons.md
@@ -8,7 +8,7 @@ dashedName: create-a-set-of-radio-buttons
 
 # --description--
 
-You can use <dfn>radio buttons</dfn> for questions where you want the user to only give you one answer out of multiple options.
+사용자가 여러 선택지 중 하나를 선택하게 만드는 상황에 필요한 질문을 위한 <dfn>라디오 버튼</dfn>을 사용할 수 있습니다.
 
 라디오 버튼은 `input`의 한 유형입니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
index 641b623342..2900f84557 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/create-a-text-field.md
@@ -19,7 +19,7 @@ dashedName: create-a-text-field
 <input type="text">
 ```
 
-Note that `input` is a void element.
+`input`은 빈 요소라는 점을 참고하세요.
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
index 4cb7775d31..52d7b43f3a 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/introduction-to-html5-elements.md
@@ -9,7 +9,7 @@ dashedName: introduction-to-html5-elements
 
 # --description--
 
-HTML5는 더 설명적인 HTML 태그를 도입합니다. These include `main`, `header`, `footer`, `nav`, `video`, `article`, `section` and others.
+HTML5는 더 설명적인 HTML 태그를 도입합니다. 이러한 요소들에는 `main`, `header`, `footer`, `nav`, `video`, `article`, `section` 등이 포함됩니다.
 
 이러한 태그는 자세한 HTML 구조를 제공하고, HTML을 읽기 쉽게 만들고, 검색 엔진 최적화 (Search Engine Optimization, SEO) 및 접근성을 지원합니다. `main` HTML5 태그는 검색 엔진과 다른 개발자가 페이지의 주요 콘텐츠를 찾는 데 도움이 됩니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
index 1961d0a1f7..77a660fba4 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.md
@@ -35,7 +35,7 @@ const children = anchor.querySelectorAll("img");
 assert.notEmpty(children);
 ```
 
-Your `a` element should be a dead link with an `href` attribute set to `#`.
+`a` 요소는 `href` 속성을 `#`로 설정한 비활성 링크여야 합니다.
 
 ```js
 const anchor = document.querySelectorAll('a')[1];
diff --git a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/uncomment-html.md b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
index 59520b9fcb..96c5905526 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/basic-html-and-html5/uncomment-html.md
@@ -9,7 +9,7 @@ dashedName: uncomment-html
 
 # --description--
 
-Commenting is a way that you can leave comments for other developers within your code without affecting the resulting output that is displayed to the end user.
+주석 달기는 웹 사용자에게는 보이지 않게 하면서 코드 내에서 다른 개발자를 위해 주석을 남길 수 있는 방법입니다.
 
 주석 달기는 코드를 완전히 삭제하지 않고도 코드를 비활성화할 수 있는 편리한 방법이기도 합니다.
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
index c4780e317d..f88b1c71b6 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/add-flex-superpowers-to-the-tweet-embed.md
@@ -22,49 +22,66 @@ dashedName: add-flex-superpowers-to-the-tweet-embed
 `.follow-btn`는 페이지에 렌더링 되어야 합니다. 광고 차단기 같은 모든 확장 프로그램은 꺼야 합니다.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `header`는 `flex`로 설정된 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('header').css('display') == 'flex');
+const header = document.querySelector('header');
+const displayStyle = window.getComputedStyle(header)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `footer`는 `flex`로 설정된 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('footer').css('display') == 'flex');
+const footer = document.querySelector('footer');
+const displayStyle = window.getComputedStyle(footer)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `h3`는 `flex`로 설정된 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('h3').css('display') == 'flex');
+const h3Element = document.querySelector('h3');
+const displayStyle = window.getComputedStyle(h3Element)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `h4`는 `flex`로 설정된 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('h4').css('display') == 'flex');
+const h4Element = document.querySelector('h4');
+const displayStyle = window.getComputedStyle(h4Element)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `.profile-name`는 `flex`로 설정된 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('.profile-name').css('display') == 'flex');
+const profileName = document.querySelector('.profile-name');
+const displayStyle = window.getComputedStyle(profileName)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `.follow-btn`는 `flex`로 설정된 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('.follow-btn').css('display') == 'flex');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 `.stats`는 `flex`로 설정된 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('.stats').css('display') == 'flex');
+const stats = document.querySelector('.stats');
+const displayStyle = window.getComputedStyle(stats)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 # --seed--
@@ -142,18 +159,17 @@ assert($('.stats').css('display') == 'flex');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -171,7 +187,7 @@ assert($('.stats').css('display') == 'flex');
     font-family: Arial, sans-serif;
   }
   header {
-   display: flex;
+    display: flex;
   }
   header .profile-thumbnail {
     width: 50px;
@@ -191,7 +207,8 @@ assert($('.stats').css('display') == 'flex');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -226,7 +243,11 @@ assert($('.stats').css('display') == 'flex');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -236,18 +257,17 @@ assert($('.stats').css('display') == 'flex');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
index 5fe412aa9c..a5997ecbec 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-align-items-property.md
@@ -9,7 +9,7 @@ dashedName: align-elements-using-the-align-items-property
 
 # --description--
 
-The `align-items` property is similar to `justify-content`. Recall that the `justify-content` property aligned flex items along the main axis. For rows, the main axis is a horizontal line and for columns it is a vertical line.
+`align-items` 속성은 `justify-content`와 유사합니다. `justify-content` 속성은 주축을 따라 플렉스 아이템을 정렬시킨다는 것을 배웠습니다. 행의 주축이 수평선이고 열의 주축은 수직선입니다.
 
 플렉스 컨테이너는 주축과는 반대인 **교차 축**도 있습니다. 행의 교차 축은 수직이고 열의 교차 축은 수평입니다.
 
@@ -17,7 +17,7 @@ CSS는 교차 축을 따라 플렉스 아이템을 정렬시키도록 `align-ite
 
 `align-items`에 이용 가능한 값들은 다음과 같습니다.
 
-<ul><li><code>flex-start</code>: aligns items to the start of the flex container. For rows, this aligns items to the top of the container. For columns, this aligns items to the left of the container.</li><li><code>flex-end</code>: 플렉스 컨테이너 끝에 아이템을 정렬. 행에 대해 이 값은 컨테이너의 하단에 아이템을 정렬시킵니다. 열에 대해 이 값은 컨테이너 우측에 아이템을 정렬시킵니다.</li><li><code>center</code>: 중앙에 아이템을 정렬. 행에 대해 이 값은 수직으로 아이템을 정렬시킵니다(아이템 위아래로 동일한 간격). 열에 대해 이 값은 수평으로 아이템을 정렬시킵니다(아이템의 좌우에 동일한 간격).</li><li><code>stretch</code>: 플렉스 컨테이너를 채우도록 아이템을 늘림. 예를 들면 행의 아이템은 위아래로 플렉스 컨테이너를 채우도록 늘어납니다. <code>align-items</code> 값이 특정되지 않는다면 이 값은 기본값으로 설정됩니다.</li><li><code>baseline</code>: 아이템의 베이스라인에 아이템을 정렬. 베이스 라인은 텍스트 개념으로, 글자가 올라가 있는 선으로 생각할 수 있습니다.</li></ul>
+<ul><li><code>flex-start</code>: 플렉스 컨테이너 시작에 아이템 정렬. 행에 대해 이 값은 컨테이너 상단에 아이템을 정렬시킵니다. 열에 대해 이 값은 컨테이너의 좌측에 아이템을 정렬시킵니다.</li><li><code>flex-end</code>: 플렉스 컨테이너 끝에 아이템을 정렬. 행에 대해 이 값은 컨테이너의 하단에 아이템을 정렬시킵니다. 열에 대해 이 값은 컨테이너 우측에 아이템을 정렬시킵니다.</li><li><code>center</code>: 중앙에 아이템을 정렬. 행에 대해 이 값은 수직으로 아이템을 정렬시킵니다(아이템 위아래로 동일한 간격). 열에 대해 이 값은 수평으로 아이템을 정렬시킵니다(아이템의 좌우에 동일한 간격).</li><li><code>stretch</code>: 플렉스 컨테이너를 채우도록 아이템을 늘림. 예를 들면 행의 아이템은 위아래로 플렉스 컨테이너를 채우도록 늘어납니다. <code>align-items</code> 값이 특정되지 않는다면 이 값은 기본값으로 설정됩니다.</li><li><code>baseline</code>: 아이템의 베이스라인에 아이템을 정렬. 베이스 라인은 텍스트 개념으로, 글자가 올라가 있는 선으로 생각할 수 있습니다.</li></ul>
 
 # --instructions--
 
@@ -31,7 +31,9 @@ CSS는 교차 축을 따라 플렉스 아이템을 정렬시키도록 `align-ite
 `#box-container` 요소는 `center` 값으로 설정된 `align-items` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-container').css('align-items') == 'center');
+const boxContainer = document.querySelector('#box-container');
+const alignment = window.getComputedStyle(boxContainer)['align-items'];
+assert.strictEqual(alignment, 'center');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
index a9a278468d..fc6c627d47 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/align-elements-using-the-justify-content-property.md
@@ -31,7 +31,10 @@ dashedName: align-elements-using-the-justify-content-property
 `#box-container` 요소는 `center`로 설정된 `justify-content` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-container').css('justify-content') == 'center');
+const boxContainer = document.querySelector('#box-container');
+const justifyDirection =
+  window.getComputedStyle(boxContainer)['justify-content'];
+assert.strictEqual(justifyDirection, 'center');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
index db18399ec9..d1944075c5 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-a-column-in-the-tweet-embed.md
@@ -20,13 +20,18 @@ dashedName: apply-the-flex-direction-property-to-create-a-column-in-the-tweet-em
 `.follow-btn`가 페이지에 렌더링되어야 합니다. 광고 차단기 같은 확장 프로그램은 꺼야합니다.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `.profile-name` 요소는 `column`로 설정된 `flex-direction` 속성을 가져야 합니다.
 
 ```js
-assert($('.profile-name').css('flex-direction') == 'column');
+const profileName = document.querySelector('.profile-name');
+const flexDirection = window.getComputedStyle(profileName)['flex-direction'];
+assert.strictEqual(flexDirection, 'column');
 ```
 
 # --seed--
@@ -38,7 +43,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -61,7 +67,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -93,7 +100,11 @@ assert($('.profile-name').css('flex-direction') == 'column');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -103,18 +114,17 @@ assert($('.profile-name').css('flex-direction') == 'column');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -131,7 +141,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -154,7 +165,8 @@ assert($('.profile-name').css('flex-direction') == 'column');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -186,7 +198,11 @@ assert($('.profile-name').css('flex-direction') == 'column');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -196,18 +212,17 @@ assert($('.profile-name').css('flex-direction') == 'column');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
index 3f989223fe..3286016396 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed.md
@@ -20,19 +20,22 @@ dashedName: apply-the-flex-direction-property-to-create-rows-in-the-tweet-embed
 `.follow-btn`가 페이지에 렌더링되어야 합니다. 광고 차단기 같은 확장 프로그램은 꺼야합니다.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `header`는 `row`로 설정된 `flex-direction` 속성을 가져야 합니다.
 
 ```js
-assert(code.match(/header\s*?{[^}]*?flex-direction:\s*?row;/g));
+assert.match(code, /header\s*?{[^}]*?flex-direction:\s*?row;/g);
 ```
 
 `footer`는 `row`로 설정된 `flex-direction` 속성을 가져야 합니다.
 
 ```js
-assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
+assert.match(code, /footer\s*?{[^}]*?flex-direction:\s*?row;/g);
 ```
 
 # --seed--
@@ -66,7 +69,8 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -102,7 +106,11 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -112,18 +120,17 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -162,7 +169,8 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -198,7 +206,11 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -208,18 +220,17 @@ assert(code.match(/footer\s*?{[^}]*?flex-direction:\s*?row;/g));
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
index e19e33cced..218de5ff23 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-display-flex-to-position-two-boxes.md
@@ -9,7 +9,7 @@ dashedName: use-display-flex-to-position-two-boxes
 
 # --description--
 
-This section uses alternating challenge styles to show how to use CSS to position elements in a flexible way. First, a challenge will explain theory, then a practical challenge using a simple tweet component will apply the flexbox concept.
+이 섹션에서는 다양한 도전 스타일을 번갈아 사용하여 CSS로 요소들을 유연하게 배치하는 방법을 보여줍니다. 우선 과제는 이론을 설명하고 간단한 트윗 컴포넌트를 사용하는 실제 과제는 flexbox 개념을 적용할 것입니다.
 
 요소에 `display: flex;` 속성을 주는 것은 반응형 페이지를 만들도록 다른 플렉스 속성을 사용할 수 있게 해줍니다.
 
@@ -22,7 +22,9 @@ This section uses alternating challenge styles to show how to use CSS to positio
 `#box-container`는 `flex` 값을 가진 `display` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-container').css('display') == 'flex');
+const boxContainer = document.querySelector('#box-container');
+const displayStyle = window.getComputedStyle(boxContainer)['display'];
+assert.strictEqual(displayStyle, 'flex');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
index 739bf3eb15..42f5274a46 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-items-property-in-the-tweet-embed.md
@@ -20,13 +20,18 @@ dashedName: use-the-align-items-property-in-the-tweet-embed
 `.follow-btn`가 페이지에 렌더링되어야 합니다. 광고 차단기 같은 확장 프로그램은 꺼야합니다.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `.follow-btn` 요소는 `center`로 설정된 `align-items` 속성을 가져야 합니다.
 
 ```js
-assert($('.follow-btn').css('align-items') == 'center');
+const followButton = document.querySelector('.follow-btn');
+const alignItems = window.getComputedStyle(followButton)['align-items'];
+assert.strictEqual(alignItems, 'center');
 ```
 
 # --seed--
@@ -38,7 +43,8 @@ assert($('.follow-btn').css('align-items') == 'center');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -63,7 +69,8 @@ assert($('.follow-btn').css('align-items') == 'center');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -95,7 +102,11 @@ assert($('.follow-btn').css('align-items') == 'center');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -105,18 +116,17 @@ assert($('.follow-btn').css('align-items') == 'center');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -133,7 +143,8 @@ assert($('.follow-btn').css('align-items') == 'center');
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -158,7 +169,8 @@ assert($('.follow-btn').css('align-items') == 'center');
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -190,7 +202,11 @@ assert($('.follow-btn').css('align-items') == 'center');
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -200,18 +216,17 @@ assert($('.follow-btn').css('align-items') == 'center');
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-self-property.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
index e54b84a83c..e38d67c404 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-align-self-property.md
@@ -22,13 +22,17 @@ dashedName: use-the-align-self-property
 `#box-1` 요소는 `center`으로 설정된 `align-self` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-1').css('align-self') == 'center');
+const boxOne = document.querySelector('#box-1');
+const alignment = window.getComputedStyle(boxOne)['align-self'];
+assert.strictEqual(alignment, 'center');
 ```
 
 `#box-2` 요소는 `flex-end`로 설정된 `align-self` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-2').css('align-self') == 'flex-end');
+const boxTwo = document.querySelector('#box-2');
+const alignment = window.getComputedStyle(boxTwo)['align-self'];
+assert.strictEqual(alignment, 'flex-end');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
index 412ec7cfcb..98a1600951 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-basis-property-to-set-the-initial-size-of-an-item.md
@@ -22,25 +22,29 @@ dashedName: use-the-flex-basis-property-to-set-the-initial-size-of-an-item
 `#box-1` 요소는 `flex-basis` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-1').css('flex-basis') != 'auto');
+const boxOne = document.querySelector('#box-1');
+const flexBasis = window.getComputedStyle(boxOne)['flex-basis'];
+assert.notStrictEqual(flexBasis, 'auto');
 ```
 
 `#box-1` 요소는 `10em` 값을 준 `flex-basis` 속성을 가져야 합니다.
 
 ```js
-assert(code.match(/#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g));
+assert.match(code, /#box-1\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?10em;/g);
 ```
 
 `#box-2` 요소는 `flex-basis` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-2').css('flex-basis') != 'auto');
+const boxTwo = document.querySelector('#box-2');
+const flexBasis = window.getComputedStyle(boxTwo)['flex-basis'];
+assert.notStrictEqual(flexBasis, 'auto');
 ```
 
 `#box-2` 요소는 `20em` 값을 준 `flex-basis` 속성을 가져야 합니다.
 
 ```js
-assert(code.match(/#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g));
+assert.match(code, /#box-2\s*?{\s*?.*?\s*?.*?\s*?flex-basis:\s*?20em;/g);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
index 350834b075..af13435c9b 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-column.md
@@ -20,7 +20,9 @@ dashedName: use-the-flex-direction-property-to-make-a-column
 `#box-container` 요소는 `column`로 설정된 `flex-direction` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-container').css('flex-direction') == 'column');
+const boxContainer = document.querySelector('#box-container');
+const flexDirection = window.getComputedStyle(boxContainer)['flex-direction'];
+assert.strictEqual(flexDirection, 'column');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
index 75b06cdcae..e9f0ef15bf 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-direction-property-to-make-a-row.md
@@ -24,7 +24,9 @@ dashedName: use-the-flex-direction-property-to-make-a-row
 `#box-container` 요소는 `row-reverse`로 설정된 `flex-direction` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-container').css('flex-direction') == 'row-reverse');
+const boxContainer = document.querySelector('#box-container');
+const flexDirection = window.getComputedStyle(boxContainer)['flex-direction'];
+assert.strictEqual(flexDirection, 'row-reverse');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
index c930e06a74..88b253554d 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-grow-property-to-expand-items.md
@@ -22,13 +22,17 @@ dashedName: use-the-flex-grow-property-to-expand-items
 `#box-1` 요소는 `1`로 설정된 `flex-grow` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-1').css('flex-grow') == '1');
+const boxOne = document.querySelector('#box-1');
+const flexGrow = window.getComputedStyle(boxOne)['flex-grow'];
+assert.equal(flexGrow, '1');
 ```
 
 `#box-2` 요소는 `2`로 설정된 `flex-grow` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-2').css('flex-grow') == '2');
+const boxTwo = document.querySelector('#box-2');
+const flexGrow = window.getComputedStyle(boxTwo)['flex-grow'];
+assert.equal(flexGrow, '2');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
index f01e7e126b..b85ffcfef3 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shorthand-property.md
@@ -26,27 +26,33 @@ dashedName: use-the-flex-shorthand-property
 `#box-1` 요소는 `2 2 150px`로 설정된 `flex` 속성을 가져야 합니다.
 
 ```js
-assert(
-  $('#box-1').css('flex-grow') == '2' &&
-    $('#box-1').css('flex-shrink') == '2' &&
-    $('#box-1').css('flex-basis') == '150px'
-);
+const boxOne = document.querySelector('#box-1');
+const flexGrow = window.getComputedStyle(boxOne)['flex-grow'];
+const flexShrink = window.getComputedStyle(boxOne)['flex-shrink'];
+const flexBasis = window.getComputedStyle(boxOne)['flex-basis'];
+
+assert.equal(flexGrow, '2');
+assert.equal(flexShrink, '2');
+assert.equal(flexBasis, '150px');
 ```
 
 `#box-2` 요소는 `1 1 150px`로 설정된 `flex` 속성을 가져야 합니다.
 
 ```js
-assert(
-  $('#box-2').css('flex-grow') == '1' &&
-    $('#box-2').css('flex-shrink') == '1' &&
-    $('#box-2').css('flex-basis') == '150px'
-);
+const boxTwo = document.querySelector('#box-2');
+const flexGrow = window.getComputedStyle(boxTwo)['flex-grow'];
+const flexShrink = window.getComputedStyle(boxTwo)['flex-shrink'];
+const flexBasis = window.getComputedStyle(boxTwo)['flex-basis'];
+
+assert.equal(flexGrow, '1');
+assert.equal(flexShrink, '1');
+assert.equal(flexBasis, '150px');
 ```
 
 `#box-1`과 `#box-2`에 `flex` 속성을 사용해야 합니다.
 
 ```js
-assert(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g).length == 2);
+assert.lengthOf(code.match(/flex:\s*?\d\s+?\d\s+?150px;/g), 2);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
index 429420518a..d3f98d3b17 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-shrink-property-to-shrink-items.md
@@ -24,13 +24,17 @@ dashedName: use-the-flex-shrink-property-to-shrink-items
 `#box-1` 요소는 `1`로 설정된 `flex-shrink` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-1').css('flex-shrink') == '1');
+const boxOne = document.querySelector('#box-1');
+const flexShrink = window.getComputedStyle(boxOne)['flex-shrink'];
+assert.equal(flexShrink, '1');
 ```
 
 `#box-2` 요소는 `2`로 설정된 `flex-shrink` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-2').css('flex-shrink') == '2');
+const boxTwo = document.querySelector('#box-2');
+const flexShrink = window.getComputedStyle(boxTwo)['flex-shrink'];
+assert.equal(flexShrink, '2');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
index d544820840..5ed19301b6 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-flex-wrap-property-to-wrap-a-row-or-column.md
@@ -9,13 +9,13 @@ dashedName: use-the-flex-wrap-property-to-wrap-a-row-or-column
 
 # --description--
 
-CSS flexbox has a feature to split a flex container into multiple rows (or columns). By default, a flex container will fit all flex items together. For example, a row will all be on one line.
+CSS flexbox는 플렉스 컨테이너를 여러 행(혹은 열)로 나누는 기능을 갖고 있습니다. 기본적으로 플렉스 컨테이너는 모든 플렉스 아이템들을 함께 맞춰 넣습니다. 예를 들면 행은 한 라인 위에 있게 될 것입니다.
 
 하지만 `flex-wrap` 속성을 사용하여 아이템을 래핑할 수 있습니다. 이는 여분의 아이템이 다음 행 혹은 열로 이동한다는 것을 의미합니다. 래핑이 일어나는 시작점은 아이템의 크기와 컨테이너의 크기에 따라 다릅니다.
 
 CSS는 래핑의 방향을 위한 선택지도 있습니다.
 
-<ul><li><code>nowrap</code>: this is the default setting, and does not wrap items.</li><li><code>wrap</code>: 아이템을 행에 있을 때는 위아래로 그리고 열에 있을 때는 좌우 방향의 여러 라인으로 래핑합니다.</li><li><code>wrap-reverse</code>: 아이템을 행에 있을 때는 아래에서 위로 그리고 열에 있을 때는 우측에서 좌측 방향의 여러 라인으로 아이템을 래핑 합니다.</li></ul>
+<ul><li><code>nowrap</code>: 기본 설정이며 아이템을 래핑하지 않습니다.</li><li><code>wrap</code>: 아이템을 행에 있을 때는 위아래로 그리고 열에 있을 때는 좌우 방향의 여러 라인으로 래핑합니다.</li><li><code>wrap-reverse</code>: 아이템을 행에 있을 때는 아래에서 위로 그리고 열에 있을 때는 우측에서 좌측 방향의 여러 라인으로 아이템을 래핑 합니다.</li></ul>
 
 # --instructions--
 
@@ -26,7 +26,9 @@ CSS는 래핑의 방향을 위한 선택지도 있습니다.
 `#box-container` 요소는 `wrap`로 설정된 `flex-wrap` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-container').css('flex-wrap') == 'wrap');
+const boxContainer = document.querySelector('#box-container');
+const flexWrap = window.getComputedStyle(boxContainer)['flex-wrap'];
+assert.strictEqual(flexWrap, 'wrap');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
index 1094287a3d..9598be1a3c 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-justify-content-property-in-the-tweet-embed.md
@@ -20,16 +20,18 @@ dashedName: use-the-justify-content-property-in-the-tweet-embed
 `.follow-btn`가 페이지에 렌더링되어야 합니다. 광고 차단기 같은 확장 프로그램은 꺼야합니다.
 
 ```js
-assert($('.follow-btn').length > 0 && $('.follow-btn').css('display') !== 'none');
+const followButton = document.querySelector('.follow-btn');
+const displayStyle = window.getComputedStyle(followButton)['display'];
+assert.isNotNull(followButton);
+assert.notStrictEqual(displayStyle, 'none');
 ```
 
 `.profile-name` 요소는 `center`, `flex-start`, `flex-end`, `space-between`, `space-around` 혹은 `space-evenly` 중 하나로 값이 설정된 `justify-content` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around|space-evenly)\s*;/g
-  )
+assert.match(
+  code,
+  /header\s.profile-name\s*{\s*?.*?\s*?.*?\s*?\s*?.*?\s*?justify-content\s*:\s*(center|flex-start|flex-end|space-between|space-around|space-evenly)\s*;/g
 );
 ```
 
@@ -42,7 +44,8 @@ assert(
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -66,7 +69,8 @@ assert(
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -98,7 +102,11 @@ assert(
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -108,18 +116,17 @@ assert(
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
@@ -136,7 +143,8 @@ assert(
   body {
     font-family: Arial, sans-serif;
   }
-  header, footer {
+  header,
+  footer {
     display: flex;
     flex-direction: row;
   }
@@ -160,7 +168,8 @@ assert(
     border-radius: 3px;
     padding: 5px;
   }
-  header h3, header h4 {
+  header h3,
+  header h4 {
     display: flex;
     margin: 0;
   }
@@ -192,7 +201,11 @@ assert(
   }
 </style>
 <header>
-  <img src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg" alt="Quincy Larson's profile picture" class="profile-thumbnail">
+  <img
+    src="https://cdn.freecodecamp.org/curriculum/legacy-css-flexbox/quincy-twitter-photo.jpg"
+    alt="Quincy Larson's profile picture"
+    class="profile-thumbnail"
+  />
   <div class="profile-name">
     <h3>Quincy Larson</h3>
     <h4>@ossia</h4>
@@ -202,18 +215,17 @@ assert(
   </div>
 </header>
 <div id="inner">
-  <p>I meet so many people who are in search of that one trick that will help them work smart. Even if you work smart, you still have to work hard.</p>
+  <p>
+    I meet so many people who are in search of that one trick that will help
+    them work smart. Even if you work smart, you still have to work hard.
+  </p>
   <span class="date">1:32 PM - 12 Jan 2018</span>
-  <hr>
+  <hr />
 </div>
 <footer>
   <div class="stats">
-    <div class="Retweets">
-      <strong>107</strong> Retweets
-    </div>
-    <div class="likes">
-      <strong>431</strong> Likes
-    </div>
+    <div class="Retweets"><strong>107</strong> Retweets</div>
+    <div class="likes"><strong>431</strong> Likes</div>
   </div>
   <div class="cta">
     <button class="share-btn">Share</button>
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
index fc06540d18..960df069ae 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-flexbox/use-the-order-property-to-rearrange-items.md
@@ -20,13 +20,17 @@ dashedName: use-the-order-property-to-rearrange-items
 `#box-1` 요소는 `2`로 설정된 `order` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-1').css('order') == '2');
+const boxOne = document.querySelector('#box-1');
+const order = window.getComputedStyle(boxOne)['order'];
+assert.strictEqual(order, '2');
 ```
 
 `#box-2` 요소는 `1`로 설정된 `order` 속성을 가져야 합니다.
 
 ```js
-assert($('#box-2').css('order') == '1');
+const boxTwo = document.querySelector('#box-2');
+const order = window.getComputedStyle(boxTwo)['order'];
+assert.strictEqual(order, '1');
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
index 5a3496ecd3..d9f97706e9 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
@@ -29,7 +29,10 @@ dashedName: add-columns-with-grid-template-columns
 `container` 클래스는 세 개의 `100px`을 가지는 `grid-template-columns` 속성을 가져야 합니다.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColumns === '100px 100px 100px');
+const templateColumns = new __helpers.CSSHelp(document).getStyle(
+  '.container'
+)?.gridTemplateColumns;
+assert.strictEqual(templateColumns, '100px 100px 100px');
 ```
 
 # --seed--
@@ -38,11 +41,21 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -68,5 +81,9 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 100px 100px 100px;}</style>
+<style>
+  .container {
+    grid-template-columns: 100px 100px 100px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
index 9a625a3b41..b32ebfa3d8 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
@@ -20,10 +20,9 @@ dashedName: add-gaps-faster-with-grid-gap
 `container` 클래스는 행에 `10px`, 열에 `20px` 간격을 주는 `grid-gap` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +74,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-gap: 10px 20px;}</style>
+<style>
+  .container {
+    grid-gap: 10px 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
index 740f984417..b56e6629e4 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
@@ -20,10 +20,9 @@ dashedName: add-rows-with-grid-template-rows
 `container` 클래스는 두 개의 `50px`을 가진 `grid-template-rows` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +73,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-rows: 50px 50px;}</style>
+<style>
+  .container {
+    grid-template-rows: 50px 50px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
index e9c7a35510..b2102fcab4 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
@@ -20,10 +20,9 @@ CSS 그리드에 동일하게 정렬하고 싶을 때가 있습니다. 이전에
 `container` 클래스 `center`의 값을 가진 `justify-items` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {justify-items: center;}</style>
+<style>
+  .container {
+    justify-items: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
index 4eedc637b7..a84c0d5087 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
@@ -20,8 +20,9 @@ dashedName: align-all-items-vertically-using-align-items
 `container` 클래스는 `end` 값을 가진 `align-items` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {align-items: end;}</style>
+<style>
+  .container {
+    align-items: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
index 12b9402879..7ea147fa97 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
@@ -26,8 +26,9 @@ CSS 그리드에서는 각 아이템의 내용은 <dfn>셀(cell)</dfn>이라고
 `item2` 클래스는 `center` 값을 가진 `justify-self` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -37,7 +38,9 @@ assert(
 
 ```html
 <style>
-  .item1{background: LightSkyBlue;}
+  .item1 {
+    background: LightSkyBlue;
+  }
 
   .item2 {
     background: LightSalmon;
@@ -47,9 +50,15 @@ assert(
     /* Only change code above this line */
   }
 
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -75,5 +84,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item2 {justify-self: center;}</style>
+<style>
+  .item2 {
+    justify-self: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
index 7181b762f5..6ab14695dd 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
@@ -20,7 +20,7 @@ dashedName: align-an-item-vertically-using-align-self
 `item3` 클래스는 `end` 값을 가진 `align-self` 속성을 가져야 합니다.
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -29,8 +29,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
 
   .item3 {
     background: PaleTurquoise;
@@ -40,8 +44,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
     /* Only change code above this line */
   }
 
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +75,9 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {align-self: end;}</style>
+<style>
+  .item3 {
+    align-self: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
index 83bc352166..b0f9938a02 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
@@ -26,10 +26,9 @@ grid-column-gap: 10px;
 `container` 클래스는 `20px`의 갑을 가지는 `grid-column-gap` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -72,5 +81,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-column-gap: 20px;}</style>
+<style>
+  .container {
+    grid-column-gap: 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
index e80c6a8269..18c2bf6e2c 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
@@ -20,8 +20,9 @@ dashedName: create-a-row-gap-using-grid-row-gap
 `container` 클래스는 `5px`의 값을 가진 `grid-row-gap` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +75,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-row-gap: 5px;}</style>
+<style>
+  .container {
+    grid-row-gap: 5px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
index 8126ba5ba0..bdb5b2bae3 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
@@ -26,10 +26,9 @@ repeat(auto-fill, minmax(60px, 1fr));
 `container` 클래스는 최소 `60px`와 최대 `1fr` 너비를 가진 열로 grid를 채우는 `repeat`와 `auto-fill`을 가진 `grid-template-columns` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -91,11 +100,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
index 09983451f0..65923b8125 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
@@ -22,10 +22,9 @@ dashedName: create-flexible-layouts-using-auto-fit
 `container2` 클래스는 최소 `60px`과 최대 `1fr` 너비를 가진 열로 grid를 채우는 `repeat`와 `auto-fit`을 가진 `grid-template-columns` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -35,11 +34,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -87,5 +96,12 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));} .container2 {grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+  }
+  .container2 {
+    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-grids-within-grids.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-grids-within-grids.md
index 778b265c09..dba8915d76 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-grids-within-grids.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-grids-within-grids.md
@@ -21,17 +21,16 @@ dashedName: create-grids-within-grids
 `item3` 클래스는 `auto`와 `1fr` 값을 가진 `grid-template-columns` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
 );
 ```
 
 `item3` 클래스는 `grid` 값을 가진 `display` 속성을 가져야 합니다.
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -50,9 +49,9 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
     grid-template-rows: auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "advert header"
-      "advert content"
-      "advert footer";
+      'advert header'
+      'advert content'
+      'advert footer';
   }
   .item1 {
     background: LightSkyBlue;
@@ -85,7 +84,6 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
   .itemTwo {
     background: BlanchedAlmond;
   }
-
 </style>
 
 <div class="container">
@@ -102,5 +100,10 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {grid-template-columns: auto 1fr; display: grid;}</style>
+<style>
+  .item3 {
+    grid-template-columns: auto 1fr;
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-your-first-css-grid.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-your-first-css-grid.md
index 689d2ae2e3..0af69142c6 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-your-first-css-grid.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/create-your-first-css-grid.md
@@ -22,7 +22,7 @@ dashedName: create-your-first-css-grid
 `container` 클래스는 `grid` 값을 가지는 `display` 속성을 가져야 합니다.
 
 ```js
-assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -31,11 +31,21 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,5 +70,9 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.container {display: grid;}</style>
+<style>
+  .container {
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
index 8b9e6a27a5..1b42b2cfdb 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
@@ -12,9 +12,9 @@ dashedName: divide-the-grid-into-an-area-template
 
 ```css
 grid-template-areas:
-  "header header header"
-  "advert content content"
-  "advert footer footer";
+  'header header header'
+  'advert content content'
+  'advert footer footer';
 ```
 
 위 코드는 그리드의 셀을 다음과 같이 네 영역으로 묶습니다: `header`, `advert`, `content`, `footer`. 각 단어는 셀을 나타내며 각 한 쌍의 따옴표는 행을 나타냅니다.
@@ -28,12 +28,9 @@ grid-template-areas:
 `container` 클래스는 `footer` 영역이 전체 바닥 행을 늘리는 `grid-template-areas` 속성을 가져야 합니다.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -43,11 +40,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,9 +67,9 @@ assert(
     grid-gap: 10px;
     grid-template-areas:
     /* Only change code below this line */
-      "header header header"
-      "advert content content"
-      "advert footer footer";
+      'header header header'
+      'advert content content'
+      'advert footer footer';
     /* Only change code above this line */
   }
 </style>
@@ -80,11 +87,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -97,9 +114,9 @@ assert(
     grid-gap: 10px;
 
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
index e7ed6d6595..9c4d4338f8 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
@@ -26,10 +26,9 @@ grid-template-columns: 100px minmax(50px, 200px);
 `container` 클래스는 최소 너비 `90px`와 최대 너비 `1fr`를 가진 3개의 열을 반복하도록 설정된 `grid-template-columns` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -73,5 +82,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, minmax(90px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, minmax(90px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
index 84cc41c3cd..1c3985f5ef 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
@@ -28,10 +28,9 @@ dashedName: place-items-in-grid-areas-using-the-grid-area-property
 `item5` 클래스는 `footer` 값을 가진 `grid-area` 속성을 가져야 합니다.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi)
+assert.match(
+  __helpers.removeCssComments(code),
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -41,10 +40,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -64,9 +71,9 @@ assert(
     grid-template-rows: 1fr 1fr 1fr;
     grid-gap: 10px;
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
@@ -82,5 +89,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: footer;}</style>
+<style>
+  .item5 {
+    grid-area: footer;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
index 5d0507bafc..6b39caafc5 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
@@ -42,10 +42,9 @@ grid-template-columns: 1fr 50px 1fr 50px 20px;
 `container` 클래스는 `1fr` 너비를 가진 3개의 열을 반복하도록 설정된 `grid-template-columns` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -55,11 +54,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -89,5 +98,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, 1fr);}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, 1fr);
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
index 4532a1f82d..3fc971748c 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
@@ -15,7 +15,7 @@ CSS 그리드에서 행열의 크기를 정의하기 위해 `px`와 `em`같이 
 
 `auto`: 행 혹은 열을 자동적으로 그 내용의 너비나 높이로 설정
 
-`%`: adjusts the column or row to the percent width of its container.
+`%`: 행 혹은 열을 컨테이너 너비의 백분율로 조정
 
 여기 프리뷰에서 결과를 생성하는 코드입니다:
 
@@ -34,10 +34,9 @@ grid-template-columns: auto 50px 10% 2fr 1fr;
 `container` 클래스는 `1fr`, `100px` 그리고 `2fr` 너비를 준 세 개의 열을 가진 `grid-template-columns` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -47,11 +46,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -79,5 +88,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 1fr 100px 2fr;}</style>
+<style>
+  .container {
+    grid-template-columns: 1fr 100px 2fr;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
index 19c6695ca4..8f1f00d820 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
@@ -12,13 +12,16 @@ dashedName: use-grid-area-without-creating-an-areas-template
 이전 과제에서 배운 `grid-area` 속성은 다른 방식으로 사용될 수 있습니다. 만약 그리드에 참조할 영역 템플릿이 없다면, 다음과 같이 항목을 배치할 영역을 즉석에서 생성할 수 있습니다.
 
 ```css
-item1 { grid-area: 1/1/2/4; }
+item1 {
+  grid-area: 1/1/2/4;
+}
 ```
 
 아이템 영역의 위치를 정의하기 위해 이전에 배운 라인 번호를 사용합니다. 위 예시의 번호들은 다음 값들을 나타냅니다:
 
 ```css
-grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;
+grid-area: horizontal line to start at / vertical line to start at / horizontal
+  line to end at / vertical line to end at;
 ```
 
 예시에 있는 아이템은 라인 1과 2 사이의 행과 라인 1과 4 사이의 열을 차지할 것입니다.
@@ -32,10 +35,9 @@ grid-area: horizontal line to start at / vertical line to start at / horizontal
 `item5` 클래스는 수평으로 세 번째와 네 번째 라인 사이, 그리고 수직으로 첫 번째와 네 번째 라인 사이의 전체 영역을 채우기 위해 `grid-area` 속성을 가져야 합니다.
 
 ```js
-assert(
-  code.match(
-    /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -45,10 +47,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -82,5 +92,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: 3/1/4/4;}</style>
+<style>
+  .item5 {
+    grid-area: 3/1/4/4;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
index 2be616cea1..32cdd90f8b 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
@@ -36,18 +36,19 @@ grid-column: 1 / 3;
 `item5` 클래스는 `grid-column` 속성을 가져야 합니다.
 
 ```js
-assert(
-  __helpers
-    .removeWhiteSpace($('style').text())
-    .match(/\.item5{.*grid-column:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-column:.*}/g
 );
 ```
 
 `item5` 클래스는 그리드의 마지막 두 열을 차지하도록 하는 `grid-column` 속성을 가져야 합니다.
 
 ```js
-const colStart = getComputedStyle($('.item5')[0]).gridColumnStart;
-const colEnd = getComputedStyle($('.item5')[0]).gridColumnEnd;
+const itemFive = document.querySelector('.item5');
+const colStart = getComputedStyle(itemFive).gridColumnStart;
+const colEnd = getComputedStyle(itemFive).gridColumnEnd;
 const result = colStart.toString() + colEnd.toString();
 const correctResults = [
   '24',
@@ -60,7 +61,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -69,10 +70,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -107,10 +116,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
index 3b2e6baea8..d5a67a4374 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
@@ -20,16 +20,19 @@ dashedName: use-grid-row-to-control-spacing
 `item5` 클래스는 `grid-row` 속성을 가져야 합니다.
 
 ```js
-assert(
-  __helpers.removeWhiteSpace($('style').text()).match(/\.item5{.*grid-row:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-row:.*}/g
 );
 ```
 
 `item5` 클래스는 그리드의 마지막 두 행을 차지하도록 하는 `grid-row` 속성을 가져야 합니다.
 
 ```js
-const rowStart = getComputedStyle($('.item5')[0]).gridRowStart;
-const rowEnd = getComputedStyle($('.item5')[0]).gridRowEnd;
+const itemFive = document.querySelector('.item5');
+const rowStart = getComputedStyle(itemFive).gridRowStart;
+const rowEnd = getComputedStyle(itemFive).gridRowEnd;
 const result = rowStart.toString() + rowEnd.toString();
 const correctResults = [
   '24',
@@ -42,7 +45,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -51,10 +54,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -89,10 +100,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
index 92679e48b1..42daf46f6f 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
@@ -22,12 +22,9 @@ viewport 너비가 `400px` 이상일 때 헤더 영역이 상단 행을 완전
 viewport가 `400px` 이상인 경우, `container` 클래스는 헤더와 푸터 영역이 각각 상단과 하단 행을 차지하고 광고와 내용이 가운데 행의 왼쪽과 오른쪽 열을 차지하는 `grid-template-areas` 속성을 가져야 합니다.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -67,30 +64,30 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
       /* Only change code below this line */
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
       /* Only change code above this line */
     }
   }
@@ -138,29 +135,29 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
-        "header header"
-        "advert content"
-        "footer footer";
+        'header header'
+        'advert content'
+        'footer footer';
     }
   }
 </style>
diff --git a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
index 5a4a374c5b..04852dd7b2 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
@@ -16,13 +16,17 @@ dashedName: create-a-media-query
 아래는 단말기의 가로 길이가 `100px`보다 작거나 같을 경우 해당 내용을 반환하는 미디어 쿼리에 대한 예제입니다.
 
 ```css
-@media (max-width: 100px) { /* CSS Rules */ }
+@media (max-width: 100px) {
+  /* CSS Rules */
+}
 ```
 
 아래는 단말기의 세로 길이가 `350px`보다 길거나 같을 경우 해당 내용을 반환하는 미디어 쿼리 예제입니다.
 
 ```css
-@media (min-height: 350px) { /* CSS Rules */ }
+@media (min-height: 350px) {
+  /* CSS Rules */
+}
 ```
 
 미디어 쿼리 내부의 CSS는 오직 해당 미디어의 유형이 현재 사용되는 단말기의 것과 일치해야만 적용된다는 것을 기억해두세요.
@@ -37,21 +41,30 @@ dashedName: create-a-media-query
 
 ```js
 const media = new __helpers.CSSHelp(document).getCSSRules('media');
-assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)')));
+assert.isTrue(
+  media.some(x => x.media?.mediaText?.includes('(max-height: 800px)'))
+);
 ```
 
 `p` 요소는 단말기의 `height`가 `800px`보다 작거나 같을 경우 `font-size`가 `10px`이어야 합니다.
 
 ```js
-const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)');
-assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px");
+const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia(
+  '(max-height: 800px)'
+);
+assert.strictEqual(
+  rules?.find(x => x.selectorText === 'p')?.style?.fontSize,
+  '10px'
+);
 ```
 
 `p` 요소는 단말기의 `height`가 `800px`보다 큰 경우 `font-size`의 초기값으로 `20px`을 가집니다.
 
 ```js
-const ifPFirst = new __helpers.CSSHelp(document).getCSSRules()?.find(x => x?.selectorText === 'p' || x?.media);
-assert(ifPFirst?.style?.fontSize === '20px');
+const ifPFirst = new __helpers.CSSHelp(document)
+  .getCSSRules()
+  ?.find(x => x?.selectorText === 'p' || x?.media);
+assert.strictEqual(ifPFirst?.style?.fontSize, '20px');
 ```
 
 # --seed--
@@ -69,7 +82,14 @@ assert(ifPFirst?.style?.fontSize === '20px');
   /* Only change code above this line */
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -87,5 +107,12 @@ assert(ifPFirst?.style?.fontSize === '20px');
   }
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
index d2c843ae6d..482c582330 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
@@ -28,13 +28,13 @@ img {
 여러분의 `responsive-img` 클래스는 `max-width`가 `100%`로 설정되어야 합니다.
 
 ```js
-assert(getComputedStyle($('.responsive-img')[0]).maxWidth === '100%');
+assert.strictEqual(getComputedStyle(document.querySelector('.responsive-img')).maxWidth, '100%');
 ```
 
 `responsive-img` 클래스는 `height`가 `auto`로 설정되어야 합니다.
 
 ```js
-assert(code.match(/height:\s*?auto;/g));
+assert.match(code, /height:\s*?auto;/g);
 ```
 
 # --seed--
@@ -53,24 +53,38 @@ img {
 }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-.responsive-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  width: 600px;
-}
+  .responsive-img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  img {
+    width: 600px;
+  }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
index 760bfff592..6a0e972ab9 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
@@ -18,7 +18,9 @@ dashedName: make-typography-responsive
 역 `body` 태그를 뷰포트 너비의 30%로 설정하는 예시입니다.
 
 ```css
-body { width: 30vw; }
+body {
+  width: 30vw;
+}
 ```
 
 # --instructions--
@@ -30,20 +32,18 @@ body { width: 30vw; }
 `h2` 태그는 80vw `width`를 가져야 합니다.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /h2\s*?{\s*?width:\s*?80vw;\s*?}/g
 );
 ```
 
 `p` 태그는 75vmin `width`를 가져야 합니다.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /p\s*?{\s*?width:\s*?75vmin;\s*?}/g
 );
 ```
 
@@ -57,7 +57,14 @@ assert(
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -65,13 +72,20 @@ assert(
 ```html
 <style>
   h2 {
-      width: 80vw;
+    width: 80vw;
   }
   p {
-      width: 75vmin;
+    width: 75vmin;
   }
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
index b06cff9e96..82889cf780 100644
--- a/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
+++ b/curriculum/challenges/korean/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
@@ -15,9 +15,12 @@ dashedName: use-a-retina-image-for-higher-resolution-displays
 
 ```html
 <style>
-  img { height: 250px; width: 250px; }
+  img {
+    height: 250px;
+    width: 250px;
+  }
 </style>
-<img src="coolPic500x500" alt="A most excellent picture">
+<img src="coolPic500x500" alt="A most excellent picture" />
 ```
 
 # --instructions--
@@ -29,13 +32,13 @@ dashedName: use-a-retina-image-for-higher-resolution-displays
 `img` 태그는 100px의 `width`를 가져야 합니다.
 
 ```js
-assert(document.querySelector('img').width === 100);
+assert.strictEqual(document.querySelector('img').width, 100);
 ```
 
 `img` 태그는 100px의 `height`를 가져야 합니다.
 
 ```js
-assert(document.querySelector('img').height === 100);
+assert.strictEqual(document.querySelector('img').height, 100);
 ```
 
 # --seed--
@@ -43,22 +46,26 @@ assert(document.querySelector('img').height === 100);
 ## --seed-contents--
 
 ```html
-<style>
-
-</style>
+<style></style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-  img { 
-    height: 100px; 
-    width: 100px; 
+  img {
+    height: 100px;
+    width: 100px;
   }
 </style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
diff --git a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
index da68c8d4d4..e0c3231e1f 100644
--- a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
+++ b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-25-5-clock.md
@@ -72,7 +72,7 @@ dashedName: build-a-25--5-clock
 
 **유저 스토리 #28:** `reset`의 ID를 가진 요소를 클릭하면 `beep`의 ID를 가진 오디오 요소가 재생을 중지하고 처음으로 되감아져야 합니다.
 
-이 프로젝트를 <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">이 CodePen 템플릿</a>을 사용하여 빌드하고 `Save`를 클릭하여 자체 펜을 만들 수 있습니다. 또는 원하는 모든 환경에서 테스트를 실행하기 위해 이 CDN 링크를 사용할 수 있습니다: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+이 프로젝트를 <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">이 CodePen 템플릿</a>을 사용하여 빌드하고 `Save`를 클릭하여 자체 펜을 만들 수 있습니다. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 완료되면 모든 테스트가 통과되는 작동 프로젝트의 URL을 제출하십시오.
 
diff --git a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
index 63c5e95731..0c0dd86260 100644
--- a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
+++ b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-drum-machine.md
@@ -41,7 +41,7 @@ dashedName: build-a-drum-machine
 - [Kick](https://cdn.freecodecamp.org/testable-projects-fcc/audio/RP4_KICK_1.mp3)
 - [Closed-HH](https://cdn.freecodecamp.org/testable-projects-fcc/audio/Cev_H2.mp3)
 
-프로젝트를 구성하려면 <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">이 CodePen 템플릿</a>을 사용하고 `Save`를 클릭하여 나만의 펜을 만들 수 있습니다. 또는 원하는 환경에서 테스트를 실행하기 위해 이 CDN 링크를 사용할 수 있습니다.`https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+프로젝트를 구성하려면 <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">이 CodePen 템플릿</a>을 사용하고 `Save`를 클릭하여 나만의 펜을 만들 수 있습니다. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 완료되면 모든 테스트가 통과되는 작동 프로젝트의 URL을 제출하십시오.
 
diff --git a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
index ff93548df3..165e6fe95e 100644
--- a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
+++ b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-javascript-calculator.md
@@ -52,7 +52,7 @@ dashedName: build-a-javascript-calculator
 -   **Immediate Execution Logic:** `11.5`
 -   **수식/표현 논리:** `32.5`
 
-프로젝트를 만들려면 <a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow">이 CodePen 템플릿을 사용</a>하여 `Save`를 클릭하여 자신의 펜을 만들 수 있습니다. 또는 원하는 환경에서 테스트를 실행하기 위해 이 CDN 링크를 사용할 수 있습니다.`https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 완료되면 모든 테스트가 통과되는 작동 프로젝트의 URL을 제출하십시오.
 
diff --git a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
index f2a6acbd72..de4f17f80e 100644
--- a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
+++ b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-markdown-previewer.md
@@ -29,7 +29,7 @@ dashedName: build-a-markdown-previewer
 
 **선택적 보너스 (이 테스트를 통과해야 할 필요는 없음):** 마크다운 미리보기는 개행 문자를 해석하고 이를 `br` (줄 바꿈) 요소로 렌더링합니다.
 
-프로젝트를 구축하려면 이 <a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow">CodePen 템플릿을 사용</a>하고 `Save`를 클릭하여 자신의 펜을 생성할 수 있습니다. 또는 원하는 모든 환경에서 테스트를 실행하기 위해 이 CDN 링크를 사용할 수 있습니다: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 완료되면 모든 테스트가 통과되는 작동 프로젝트의 URL을 제출하십시오.
 
diff --git a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
index 49dcea8936..8c983f9336 100644
--- a/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
+++ b/curriculum/challenges/korean/03-front-end-development-libraries/front-end-development-libraries-projects/build-a-random-quote-machine.md
@@ -37,7 +37,7 @@ dashedName: build-a-random-quote-machine
 
 **유저 스토리 #11:** `#quote-box` 래퍼(wrapper) 요소는 가로 중앙에 위치해야 합니다. 브라우저 줌 레벨을 100%로 설정하고 페이지를 최대화한 상태에서 테스트를 실행하세요.
 
-<a href='https://codepen.io/pen?template=MJjpwO' target="_blank" rel="noopener noreferrer nofollow">이 CodePen 템플릿을 사용</a>하여 프로젝트를 빌드할 수 있으며 `Save`을 클릭하여 자신만의 펜을 만들 수 있습니다. 또는 원하는 모든 환경에서 테스트를 실행하기 위해 이 CDN 링크를 사용할 수 있습니다: `https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js`
+You can build your project by <a href='https://codepen.io/pen?template=MJjpwO' target='_blank' rel="noopener noreferrer nofollow">using this CodePen template</a> and clicking `Save` to create your own pen. If you prefer to use another environment, then put this `<script>` tag into the body of your `index.html` file: `<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>`
 
 완료가 되면 모든 테스트를 통과한 프로젝트의 URL을 제출하시오.
 
diff --git a/curriculum/challenges/korean/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md b/curriculum/challenges/korean/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
index d5701854b7..b62805944b 100644
--- a/curriculum/challenges/korean/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
+++ b/curriculum/challenges/korean/04-data-visualization/json-apis-and-ajax/get-json-with-the-javascript-fetch-method.md
@@ -22,6 +22,8 @@ fetch('/json/cats.json')
 
 ```
 
+Note: The `fetch()` method uses `GET` as the default `HTTP` method. This means you don’t need to specify it explicitly for basic data retrieval.
+
 Take a look at each piece of this code.
 
 The first line is the one that makes the request. So, `fetch(URL)` makes a `GET` request to the URL specified. The method returns a Promise.
diff --git a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
index 09b17c4849..71a29540bc 100644
--- a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
+++ b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
@@ -10,7 +10,6 @@ dashedName: build-a-personal-portfolio-webpage
 
 **Objective:** Build an app that is functionally similar to <a href="https://personal-portfolio.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://personal-portfolio.freecodecamp.rocks</a>. **Do not copy this demo project**.
 
-
 **유저 스토리:**
 
 1. Your portfolio should have a welcome section with an `id` of `welcome-section`
@@ -34,8 +33,8 @@ dashedName: build-a-personal-portfolio-webpage
 당신의 포트폴리오에는 `welcome-section`이라는 `id`를 가진 "Welcome" 섹션이 있어야 합니다.
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 당신의 `#welcome-section` 요소에는 `h1` 요소가 포함되어 있어야 합니다.
@@ -54,25 +53,21 @@ assert.isAbove(
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 "Projects" 섹션에는 `projects`라는 `id`가 있어야 합니다.
 
 ```js
-const el = document.getElementById('projects')
-assert(!!el);
+const el = document.getElementById('projects');
+assert.isNotNull(el);
 ```
 
 당신의 포트폴리오에는 최소한 하나의 `project-tile` 클래스가 있는 요소가 포함되어야 합니다.
 
 ```js
-assert.isAbove(
-  document.querySelectorAll('#projects .project-tile').length,
-  0
-);
+assert.isAbove(document.querySelectorAll('#projects .project-tile').length, 0);
 ```
 
 `#projects` 요소에는 최소한 하나의 `a` 요소가 포함되어야 합니다.
@@ -85,35 +80,33 @@ assert.isAbove(document.querySelectorAll('#projects a').length, 0);
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 `#navbar` 요소에는 `href` 속성이 `#`로 시작하는 최소한 하나의 `a` 요소가 포함되어야 합니다.
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 당신의 포트폴리오에는 `profile-link`라는 `id`를 가진 `a` 요소가 있어야 합니다.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 `#profile-link` 요소는 `target` 속성으로 `_blank`를 가져야 합니다.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 당신의 포트폴리오에는 최소한 하나의 미디어 쿼리를 사용해야 합니다.
@@ -121,14 +114,15 @@ assert(!!el && el.target === '_blank')
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 `#navbar` 요소는 항상 뷰포트의 상단에 위치해야 합니다.
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -136,7 +130,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -147,8 +141,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -223,7 +216,7 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 ```css
-nav{
+nav {
   position: fixed;
   width: 100%;
   text-align: right;
@@ -233,37 +226,37 @@ nav{
   background-color: #000000;
   color: #ffffff;
 }
-@media (max-width: 500px){
-  nav{
+@media (max-width: 500px) {
+  nav {
     display: none;
   }
 }
-a{
+a {
   color: #ffffff;
 }
-main{
+main {
   text-align: center;
   background-color: black;
-  font-family:Pacifico
+  font-family: Pacifico;
 }
-h1{
+h1 {
   font-size: 48pt;
 }
-h2{
+h2 {
   font-size: 24pt;
 }
-p{
+p {
   font-size: 12pt;
 }
-#welcome-section{
-  background-color:#251a4a;
-  color: #FFFFFF;
+#welcome-section {
+  background-color: #251a4a;
+  color: #ffffff;
   display: table-cell;
   vertical-align: middle;
   width: 100vw;
   height: 100vh;
 }
-#projects{
+#projects {
   background-color: #060a9c;
   color: #ffffff;
   display: table-cell;
@@ -271,7 +264,7 @@ p{
   width: 100vw;
   height: 100vh;
 }
-#contact{
+#contact {
   background-color: #03300b;
   color: #ffffff;
   display: table-cell;
diff --git a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
index 87c1631d58..18a8d78d42 100644
--- a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
+++ b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
@@ -38,327 +38,368 @@ dashedName: build-a-survey-form
 You should have an `h1` element with an `id` of `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.tagName === 'H1')
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'H1');
 ```
 
 Your `#title` should not be empty.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `p` element with an `id` of `description`.
 
 ```js
-const el = document.getElementById('description')
-assert(!!el && el.tagName === 'P')
+const el = document.getElementById('description');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'P');
 ```
 
 Your `#description` should not be empty.
 
 ```js
-const el = document.getElementById('description')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('description');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `form` element with an `id` of `survey-form`.
 
 ```js
-const el = document.getElementById('survey-form')
-assert(!!el && el.tagName === 'FORM')
+const el = document.getElementById('survey-form');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'FORM');
 ```
 
 You should have an `input` element with an `id` of `name`.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#name` should have a `type` of `text`.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.type === 'text')
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'text');
 ```
 
 Your `#name` should require input.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && el.required)
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#name` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #name')
-assert(!!el)
+const el = document.querySelector('#survey-form #name');
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `email`.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#email` should have a `type` of `email`.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.type === 'email')
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'email');
 ```
 
 Your `#email` should require input.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && el.required)
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#email` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #email')
-assert(!!el)
+const el = document.querySelector('#survey-form #email');
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `number`.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.tagName === 'INPUT')
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#number` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #number')
-assert(!!el)
+const el = document.querySelector('#survey-form #number');
+assert.isNotNull(el);
 ```
 
 Your `#number` should have a `type` of `number`.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.type === 'number')
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'number');
 ```
 
 Your `#number` should have a `min` attribute with a numeric value.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.min && isFinite(el.min))
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotEmpty(el.min);
+assert.isTrue(isFinite(el.min));
 ```
 
 Your `#number` should have a `max` attribute with a numeric value.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && el.max && isFinite(el.max))
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotEmpty(el.max);
+assert.isTrue(isFinite(el.max));
 ```
 
 You should have a `label` element with an `id` of `name-label`.
 
 ```js
-const el = document.getElementById('name-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('name-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `email-label`.
 
 ```js
-const el = document.getElementById('email-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('email-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `number-label`.
 
 ```js
-const el = document.getElementById('number-label')
-assert(!!el && el.tagName === 'LABEL')
+const el = document.getElementById('number-label');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 Your `#name-label` should contain text that describes the input.
 
 ```js
-const el = document.getElementById('name-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('name-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#email-label` should contain text that describes the input.
 
 ```js
-const el = document.getElementById('email-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('email-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#number-label` should contain text that describes the input.
 
 ```js
-const el = document.getElementById('number-label')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('number-label');
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#name-label` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #name-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #name-label');
+assert.isNotNull(el);
 ```
 
 Your `#email-label` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #email-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #email-label');
+assert.isNotNull(el);
 ```
 
 Your `#number-label` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #number-label')
-assert(!!el)
+const el = document.querySelector('#survey-form #number-label');
+assert.isNotNull(el);
 ```
 
 Your `#name` should have a `placeholder` attribute and value.
 
 ```js
-const el = document.getElementById('name')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('name');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Your `#email` should have a `placeholder` attribute and value.
 
 ```js
-const el = document.getElementById('email')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('email');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Your `#number` should have a `placeholder` attribute and value.
 
 ```js
-const el = document.getElementById('number')
-assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+const el = document.getElementById('number');
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 You should have a `select` field with an `id` of `dropdown`.
 
 ```js
-const el = document.getElementById('dropdown')
-assert(!!el && el.tagName === 'SELECT')
+const el = document.getElementById('dropdown');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'SELECT');
 ```
 
 Your `#dropdown` should have at least two selectable (not disabled) `option` elements.
 
 ```js
-const els = document.querySelectorAll('#dropdown option:not([disabled])')
-assert(els.length >= 2)
+const els = document.querySelectorAll('#dropdown option:not([disabled])');
+assert.isAtLeast(els.length, 2);
 ```
 
 Your `#dropdown` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #dropdown')
-assert(!!el)
+const el = document.querySelector('#survey-form #dropdown');
+assert.isNotNull(el);
 ```
 
 You should have at least two `input` elements with a `type` of `radio` (radio buttons).
 
 ```js
-const els = document.querySelectorAll('input[type="radio"]')
-assert(els.length >= 2)
+const els = document.querySelectorAll('input[type="radio"]');
+assert.isAtLeast(els.length, 2);
 ```
 
 You should have at least two radio buttons that are descendants of `#survey-form`.
 
 ```js
-const els = document.querySelectorAll('#survey-form input[type="radio"]')
-assert(els.length >= 2)
+const els = document.querySelectorAll('#survey-form input[type="radio"]');
+assert.isAtLeast(els.length, 2);
 ```
 
 All your radio buttons should have a `value` attribute and value.
 
 ```js
-const els1 = document.querySelectorAll('input[type="radio"]')
-const els2 = document.querySelectorAll('input[type="radio"][value=""], input[type="radio"]:not([value])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('input[type="radio"]');
+const els2 = document.querySelectorAll(
+  'input[type="radio"][value=""], input[type="radio"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 All your radio buttons should have a `name` attribute and value.
 
 ```js
-const els1 = document.querySelectorAll('input[type="radio"]')
-const els2 = document.querySelectorAll('input[type="radio"][name=""], input[type="radio"]:not([name])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('input[type="radio"]');
+const els2 = document.querySelectorAll(
+  'input[type="radio"][name=""], input[type="radio"]:not([name])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Every radio button group should have at least 2 radio buttons.
 
 ```js
 const radioButtons = document.querySelectorAll('input[type="radio"]');
-const groups = {}
+const groups = {};
 
 if (radioButtons) {
   radioButtons.forEach(el => {
-    if (!groups[el.name]) groups[el.name] = []
-    groups[el.name].push(el)
-  })
+    if (!groups[el.name]) groups[el.name] = [];
+    groups[el.name].push(el);
+  });
 }
 
-const groupKeys = Object.keys(groups)
+const groupKeys = Object.keys(groups);
 
 groupKeys.forEach(key => {
-  if (groups[key].length < 2) assert(false)
-})
+  if (groups[key].length < 2) assert(false);
+});
 
-assert(groupKeys.length > 0)
+assert.isAbove(groupKeys.length, 0);
 ```
 
 You should have at least two `input` elements with a `type` of `checkbox` (checkboxes) that are descendants of `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="checkbox"]');
-assert(els.length >= 2)
+assert.isAtLeast(els.length, 2);
 ```
 
 All your checkboxes inside `#survey-form` should have a `value` attribute and value.
 
 ```js
-const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]')
-const els2 = document.querySelectorAll('#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])')
-assert(els1.length > 0 && els2.length === 0)
+const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]');
+const els2 = document.querySelectorAll(
+  '#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 You should have at least one `textarea` element that is a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form textarea')
-assert(!!el)
+const el = document.querySelector('#survey-form textarea');
+assert.isNotNull(el);
 ```
 
 You should have an `input` or `button` element with an `id` of `submit`.
 
 ```js
-const el = document.getElementById('submit')
-assert(!!el && (el.tagName === 'INPUT' || el.tagName === 'BUTTON'))
+const el = document.getElementById('submit');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'INPUT' || el.tagName === 'BUTTON');
 ```
 
 Your `#submit` should have a `type` of `submit`.
 
 ```js
-const el = document.getElementById('submit')
-assert(!!el && el.type === 'submit')
+const el = document.getElementById('submit');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'submit');
 ```
 
 Your `#submit` should be a descendant of `#survey-form`.
 
 ```js
-const el = document.querySelector('#survey-form #submit')
-assert(!!el)
+const el = document.querySelector('#survey-form #submit');
+assert.isNotNull(el);
 ```
 
 # --seed--
@@ -508,7 +549,10 @@ body {
   background: #3a3240;
   color: white;
 }
-input, textarea, select, button {
+input,
+textarea,
+select,
+button {
   background: #3a3240;
   color: white;
 }
diff --git a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
index 242dd855ef..32e873d611 100644
--- a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
+++ b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
@@ -37,141 +37,147 @@ dashedName: build-a-technical-documentation-page
 You should have a `main` element with an `id` of `main-doc`.
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 You should have at least five `section` elements with a class of `main-section`.
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 All of your `.main-section` elements should be `section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 You should have at least five `.main-section` elements that are descendants of `#main-doc`.
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 The first child of each `.main-section` should be a `header` element.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 None of your `header` elements should be empty.
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.main-section` elements should have an `id`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Each `.main-section` should have an `id` that matches the text of its first child, having any spaces in the child's text replaced with underscores (`_`) for the id's.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 You should have at least 10 `p` elements (total) within your `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 You should have at least five `code` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have at least five `li` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have a `nav` element with an `id` of `navbar`.
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 Your `#navbar` should have exactly one `header` element within it.
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 You should have at least one `a` element with a class of `nav-link`.
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 All of your `.nav-link` elements should be anchor (`a`) elements.
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.nav-link` elements should be in the `#navbar`.
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 You should have the same number of `.nav-link` and `.main-section` elements.
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 The `header` element in the `#navbar` should come before any link (`a`) elements also in the `#navbar`.
@@ -179,54 +185,66 @@ The `header` element in the `#navbar` should come before any link (`a`) elements
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 Each `.nav-link` should have text that corresponds to the `header` text of its related `section` (e.g. if you have a "Hello world" section/header, your `#navbar` should have a `.nav-link` which has the text "Hello world").
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 Each `.nav-link` should have an `href` attribute that links to its corresponding `.main-section` (e.g. If you click on a `.nav-link` element that contains the text "Hello world", the page navigates to a `section` element with that id).
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 Your `#navbar` should always be on the left edge of the window.
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 Your Technical Documentation project should use at least one media query.
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -501,7 +519,7 @@ a:hover {
   left: -5px;
   padding: 5px;
   text-align: center;
-  color: #92869c
+  color: #92869c;
 }
 @media (min-width: 480px) {
   #navbar {
@@ -510,7 +528,7 @@ a:hover {
 }
 main {
   margin-left: 220px;
-  color: #92869c
+  color: #92869c;
 }
 header {
   font-size: 20pt;
diff --git a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
index beee3ff4eb..6bf99cd69b 100644
--- a/curriculum/challenges/korean/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
+++ b/curriculum/challenges/korean/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
@@ -10,7 +10,6 @@ dashedName: build-a-tribute-page
 
 **Objective:** Build an app that is functionally similar to <a href="https://tribute-page.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://tribute-page.freecodecamp.rocks</a>. **Do not copy this demo project**.
 
-
 **유저 스토리:**
 
 1. Your tribute page should have a `main` element with a corresponding `id` of `main`, which contains all other elements
@@ -32,111 +31,125 @@ dashedName: build-a-tribute-page
 You should have a `main` element with an `id` of `main`.
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 Your `#img-div`, `#image`, `#img-caption`, `#tribute-info`, and `#tribute-link` should all be descendants of `#main`.
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 You should have an element with an `id` of `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 Your `#title` should not be empty.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 You should have a `figure` or `div` element with an `id` of `img-div`.
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 You should have an `img` element with an `id` of `image`.
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 Your `#image` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 You should have a `figcaption` or `div` element with an `id` of `img-caption`.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 Your `#img-caption` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 Your `#img-caption` should not be empty.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an element with an `id` of `tribute-info`.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 Your `#tribute-info` should not be empty.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an `a` element with an `id` of `tribute-link`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Your `#tribute-link` should have an `href` attribute and value.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 Your `#tribute-link` should have a `target` attribute set to `_blank`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Your `img` element should have a `display` of `block`.
@@ -144,8 +157,8 @@ Your `img` element should have a `display` of `block`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 Your `#image` should have a `max-width` of `100%`.
@@ -153,8 +166,8 @@ Your `#image` should have a `max-width` of `100%`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 Your `#image` should have a `height` of `auto`.
@@ -166,9 +179,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 Your `#image` should be centered within its parent.
@@ -183,7 +196,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -208,12 +222,10 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
     <link
       href="https://fonts.googleapis.com/css?family=Pacifico"
       rel="stylesheet"
-
     />
     <link
       href="https://fonts.googleapis.com/css?family=Lobster"
       rel="stylesheet"
-
     />
     <link href="styles.css" rel="stylesheet" />
     <title>Tribute Page</title>
diff --git a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
index f814c2772c..73f5615977 100644
--- a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
+++ b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
@@ -33,6 +33,12 @@ assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDiffere
 
 Your `reduce` callback should return the sum of `acc` and `el`.
 
+```js
+assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}/);
+```
+
+You are missing the starting value of the `reduce`.
+
 ```js
 assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}\s*,\s*0\s*\)/);
 ```
diff --git a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
index d144992444..1a2e28a304 100644
--- a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
+++ b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
@@ -14,7 +14,7 @@ Below those function calls, add a `console.log(getMode(numbers))`.
 To see the result, enter the numbers `4, 4, 2, 5` and click on the `"Calculate"` button. Open up the console to see the following array:
 
 ```js
-[ 2, 4, 4, 5 ]
+[ 4, 4, 2, 5 ]
 ```
 
 # --hints--
diff --git a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
index 29e6b6bc94..18a4a258fd 100644
--- a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
+++ b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
@@ -29,8 +29,45 @@ Your `printGreeting` function call should be below the `printGreeting` function
 assert.isBelow(code.indexOf("const printGreeting = () => {"), code.indexOf("printGreeting()"));
 ```
 
+Your `printGreeting` function call should output `Hello there!` to the console.
+
+```js
+assert.strictEqual(logOutput, "Hello there!"); 
+```
+
 # --seed--
 
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
index 848de1f2be..ab117f39f2 100644
--- a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
+++ b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
@@ -79,8 +79,47 @@ const functionDefinition = code.indexOf("printMessage =");
 assert.isBelow(functionDefinition, functionCall);
 ```
 
+Your `printMessage` function call should output `freeCodeCamp is awesome!` to the console.
+
+```js
+assert.strictEqual(logOutput, "freeCodeCamp is awesome!"); 
+```
+
 # --seed--
 
+
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index f17cd3df37..440d632b22 100644
--- a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
index 24502aad09..154d38bdc9 100644
--- a/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/korean/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
index aefa6e0b66..28753e1cf4 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
@@ -13,7 +13,10 @@ In English, you can use the verb `to be` to ask questions about feelings, states
 
 Here are some more examples of turning statements into questions using `to be`:
 
-`He is here.` -> `Is he here?` `They are ready.` -> `Are they ready?`
+| Affirmative       | Interrogative     |
+| ----------------- | ----------------- |
+| `He is here.`     | `Is he here?`     |
+| `They are ready.` | `Are they ready?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
index e2287cda29..c3938fb4bb 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b068e28a3bd135ced0042.md
@@ -21,7 +21,7 @@ What does `so far` mean in Sarah's question to Tom?
 
 ## --answers--
 
-It asks for Tom’s complete opinion about the workplace.
+It asks for Tom's complete opinion about the workplace.
 
 ### --feedback--
 
@@ -37,15 +37,15 @@ It does not ask about the future or what Tom expects.
 
 ---
 
-It asks about Tom’s feelings from his first day to the present time.
+It asks about Tom's feelings from his first day to the present time.
 
 ---
 
-It asks only about Tom’s first day at the workplace.
+It asks only about Tom's first day at the workplace.
 
 ### --feedback--
 
-It is about Tom’s experience until the time he is asked.
+It is about Tom's experience until the time he is asked.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
index e47bd84586..1701dc2ea8 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b190c4e736f5c4005b132.md
@@ -24,7 +24,7 @@ What is Sarah referring to when she says `these activities`?
 
 ## --answers--
 
-`Yes, it’s great!`
+`Yes, it's great!`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
index b701add04f..71c7407c06 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b1ae0c2fb4c64071ade7a.md
@@ -19,7 +19,7 @@ For example: `What is your name?` or `What are they doing?`
 
 Choose the correct question that Tom is asking Sarah:
 
-`Absolutely! They are really fun. What is the team’s favorite?`
+`Absolutely! They are really fun. What is the team's favorite?`
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
index 70416d6180..6d154884e7 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b23ad0df43588a6eadfa4.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-12
 ---
 
-<!-- (Audio) Tom: Absolutely! They are really fun. What is the team’s favorite?
+<!-- (Audio) Tom: Absolutely! They are really fun. What is the team's favorite?
 
 Sarah: Many of us enjoy the monthly game night. Are you into board games?
 
@@ -31,7 +31,7 @@ The first sentence is correct, but the second one does not ask about interest. I
 
 ---
 
-`What is the team’s favorite?` and `Many of us enjoy the monthly game night.`
+`What is the team's favorite?` and `Many of us enjoy the monthly game night.`
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ The phrase `Are you going to board games?` is not grammatically correct. The sec
 
 ---
 
-`What is the team’s favorite?` and `Are you into playing board games?`
+`What is the team's favorite?` and `Are you into playing board games?`
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
index 53b46894bc..ed9adbb03c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b24e5edd7708e93549565.md
@@ -18,7 +18,7 @@ The present perfect is a tense used to indicate a link between the present and t
 
 `I have played this game before.` - This is in the present perfect tense. It states that the action of playing the game happened at an unspecified time in the past.
 
-`I’ve played this game before.` - This sentence is also in the present perfect tense, using the contraction `I've` for `I have`. Like the previous example, it states that the action of playing the game happened at an unspecified time in the past.
+`I've played this game before.` - This sentence is also in the present perfect tense, using the contraction `I've` for `I have`. Like the previous example, it states that the action of playing the game happened at an unspecified time in the past.
 
 
 # --questions--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
index cfc7c8de5b..2ddc2df7ee 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
@@ -11,13 +11,17 @@ dashedName: task-23
 
 So far you have learned how to create questions with the verb `to be`. In sentences with the verb `to be` (am, is, are) you just have to change the order of the noun and the verb to create a question. Like this:
 
-`You are a developer` -> `Are you a developer?`
+| Affirmative            | Interrogative          |
+| ---------------------- | ---------------------- |
+| `You are a developer.` | `Are you a developer?` |
 
-Changing the order of the noun and the verb doesn’t work in every situation. Most sentences need you to add an auxiliary verb to create questions. One of the most common auxiliary verbs is `Do`.
+Changing the order of the noun and the verb doesn’t work in every situation. Most sentences need you to add an auxiliary verb to create questions. One of the most common auxiliary verbs is `do`.
 
-You can use the verb `do` as an auxiliary to most verbs. In the present tense it assumes the form of `do` (I, you, we, they) and `does`(he, she, it). It is like a marker you will add to the beginning of your sentence and lets everyone know that sentence is a question. 예:
+You can use the verb `do` as an auxiliary to most verbs. In the present tense it assumes the form of `do` (I, you, we, they) and `does` (he, she, it). It is like a marker you will add to the beginning of your sentence and lets everyone know that sentence is a question. 예:
 
-Statement: `You debug on Fridays.` Question: `Do you debug on Fridays?`
+| Affirmative             | Interrogative              |
+| ----------------------- | -------------------------- |
+| `You debug on Fridays.` | `Do you debug on Fridays?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
index eb4abe07a5..4c38b1db5a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b6f641e5c3ab1afc6efc1.md
@@ -13,7 +13,7 @@ Before you learned to ask questions using `do`, you can also use it to create ne
 
 `It does not function` - (Subject + `does` + `not` + main verb)
 
-Often, to be more practical people abbreviate `do not` to `don't` and `does not` to `doesn’t`.
+Often, to be more practical people abbreviate `do not` to `don't` and `does not` to `doesn't`.
 
 Just like with questions, when you use `don't`, the main verb that comes after it will always be in its base form, no matter who you're talking about.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
index dc0db6d1eb..78922bfda9 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b70cc934e0ab83cab4dbe.md
@@ -29,7 +29,7 @@ Read the dialogue excerpt and fill in the blanks using `do` or `don't.`
 
 ### --feedback--
 
-In the first blank, Tom is asking a question about Sophie’s hobbies, which requires `do.`
+In the first blank, Tom is asking a question about Sophie's hobbies, which requires `do.`
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
index a1fb366e90..cafcdc2438 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b92b25858f24caf6894aa.md
@@ -11,7 +11,7 @@ Tom: It's a deal! -->
 
 # --description--
 
-The expression `only if` is used to set a condition for something to happen. It’s like saying `this will happen if that happens.` It's a way of making an agreement where one action depends on another.
+The expression `only if` is used to set a condition for something to happen. It's like saying `this will happen if that happens.` It's a way of making an agreement where one action depends on another.
 
 For example: if your friend says, `I'll go out only if it doesn't rain,` it means they will go out but the weather must be good - no rain.
 
@@ -20,7 +20,7 @@ For example: if your friend says, `I'll go out only if it doesn't rain,` it mean
 
 ## --text--
 
-What is Sophie’s condition?
+What is Sophie's condition?
 
 ## --answers--
 
@@ -44,7 +44,7 @@ There is no mention of Sophie wanting to show pictures.
 
 ---
 
-She doesn’t want to hear Tom play.
+She doesn't want to hear Tom play.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
index 13c64dee96..0e48c5cd59 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cb68bf15f349a744b5fba.md
@@ -7,11 +7,11 @@ dashedName: task-43
 
 # --description--
 
-When you want to learn about a person’s character or personality without specifying their gender, you can use `they` as a singular pronoun and ask, `What are they like?`.
+When you want to learn about a person's character or personality without specifying their gender, you can use `they` as a singular pronoun and ask, `What are they like?`.
 
 This is a respectful and inclusive way to ask about someone. Using `they` in this way ensures that you don't make assumptions about people. Example:
 
-Imagine there is a new team member joining your programming project, but you haven’t met them yet. Instead of assuming their gender, you can ask your supervisor, `What are they like?`
+Imagine there is a new team member joining your programming project, but you haven't met them yet. Instead of assuming their gender, you can ask your supervisor, `What are they like?`
 
 This question helps you find out about the new member's personality, such as being organized, creative, or detail-oriented.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
index de35f5d256..8577763eb9 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
@@ -13,7 +13,17 @@ As you already studied, for most verbs conjugation can be simple. You just  add
 
 예시:
 
-`You talk` -> `He talks` `They do` -> `It does`
+Verb `to talk` conjugation:
+
+- `I talk`, `you talk`, `we talk`, and `they talk`.
+
+- `He talks`, `she talks`, and `it talks`.
+
+Verb `to do` conjugation:
+
+- `I do`, `you do`, `we do`, and `they do`.
+
+- `He does`, `she does`, and `it does`.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
index a1d512fed7..6ee041dcde 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cdc5a8e30191d1abec8b7.md
@@ -9,7 +9,7 @@ dashedName: task-58
 
 # --description--
 
-Let’s practice listening to verbs conjugated in the third person.
+Let's practice listening to verbs conjugated in the third person.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
index b5a7ed6dc1..dd804ae3ca 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ce061cda4a42a99c65d89.md
@@ -13,7 +13,7 @@ dashedName: task-60
 
 ## --text--
 
-Choose the correct question for asking about someone’s usual work location.
+Choose the correct question for asking about someone's usual work location.
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
index f206982476..7b9b413d19 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cfeeeabb34d946d437dc7.md
@@ -11,7 +11,7 @@ dashedName: task-75
 
 The expression `to be in good hands` means that someone is being taken care of by a competent or capable person.
 
-It’s like saying you can relax because you trust the person helping or looking after you.
+It's like saying you can relax because you trust the person helping or looking after you.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
index 0bc7dfb91e..adf48b7131 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cff86dd812f98672e2649.md
@@ -35,7 +35,7 @@ Sophie's words are very positive, more than just average.
 
 ---
 
-She is unsure about Maria’s leadership skills.
+She is unsure about Maria's leadership skills.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
index a6504cbaf0..6729f470b2 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc1d18a0a6f25302badba.md
@@ -13,7 +13,7 @@ The word `reasonable` means something is fair, makes sense, or is acceptable in
 
 ## --text--
 
-What does `that’s reasonable` mean?
+What does `that's reasonable` mean?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
index 0952906e3a..de288e79d4 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc50830f9be380105f1ee.md
@@ -9,7 +9,7 @@ dashedName: task-94
 
 In English, the verb `know` is conjugated to `knows` when the subject is singular and in third person.
 
-`Everyone` refers to a group but it is treated as a singular noun, that’s why in English the correct form is `everyone knows`.
+`Everyone` refers to a group but it is treated as a singular noun, that's why in English the correct form is `everyone knows`.
 
 
 # --questions--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
index 2593d34679..814f662f8f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc568fe84e53acc962fc3.md
@@ -10,7 +10,7 @@ Tom: Good to know! Do they involve everyone on the team? -->
 
 # --description--
 
-Listen carefully to Tom’s question about the team meetings.
+Listen carefully to Tom's question about the team meetings.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
index 7f58ab4ae8..b64026b1fe 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dc9946a177a5938ad3854.md
@@ -13,7 +13,7 @@ dashedName: task-104
 
 How long it takes to make a website depends on how big or small the job is. Choosing the coding language depends on the computer or system we use.
 
-Notice that after `depends` there’s always the preposition `on`.
+Notice that after `depends` there's always the preposition `on`.
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
index acdbdfe1e3..47b1f59464 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dca763bc23c5fc3398d95.md
@@ -26,7 +26,7 @@ Definitely next Monday.
 
 ### --feedback--
 
-`Definitely` is too certain compared to `probably.`
+Sophie says `probably`, which does not imply anything definite.
 
 ---
 
@@ -34,7 +34,7 @@ Maybe in two weeks.
 
 ### --feedback--
 
-`Maybe in two weeks` suggests less certainty and a longer timeframe than indicated by `probably.`
+Sophie uses `probably`, which suggests a greater level of certainty than maybe.
 
 ---
 
@@ -46,7 +46,7 @@ On Friday.
 
 ### --feedback--
 
-`On Friday` is not mentioned and does not align with `probably next Monday.`
+Friday was not mentioned in the dialog. It has to do with another day of the week.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
index 6e9c5718ed..1f60f107db 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dce8ff35869721311a5e3.md
@@ -21,7 +21,7 @@ Which sentence is correct for describing one place near you?
 
 ### --feedback--
 
-`There are` is used for plural nouns, and `bank` is singular. You’ll learn about `there are` in the next few lessons.
+`There are` is used for plural nouns, and `bank` is singular. You'll learn about `there are` in the next few lessons.
 
 ---
 
@@ -29,7 +29,7 @@ Which sentence is correct for describing one place near you?
 
 ### --feedback--
 
-This option is a question form, not a statement. You’ll learn about questions later.
+This option is a question form, not a statement. You'll learn about questions later.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
index 10c0845779..cbbd43b132 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
@@ -9,7 +9,9 @@ dashedName: task-112
 
 To elaborate a question using `there is` you just need to change the order of the verb `to be`, like so:
 
-`There is an ATM nearby` -> `Is there an ATM nearby?`
+| Affirmative               | Interrogative             |
+| ------------------------- | ------------------------- |
+| `There is an ATM nearby.` | `Is there an ATM nearby?` |
 
 This form is useful when you're not sure if the place or item exists in that area and you want to ask about it.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
index 726e33791e..fd061f85d5 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dd047e755e37d58f5084f.md
@@ -31,7 +31,7 @@ Absence of parks.
 
 ### --feedback--
 
-`Absence` suggests that there are no parks.
+`A couple of` suggests that there are some parks.
 
 ---
 
@@ -43,7 +43,7 @@ Many parks.
 
 ### --feedback--
 
-`Many` indicates a larger quantity, which doesn't match the context.
+`A couple of` indicates a small quantity, which doesn't match this answer.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
index cc6373a451..5311718220 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddaaf8d89b4a56e3fdf78.md
@@ -11,9 +11,9 @@ dashedName: task-123
 
 Maria mentions that she doesn't know of any theater in the area. When you want to express that something does not exist or is not present somewhere, you use `there isn't` for singular nouns or `there aren't` for plural nouns.
 
-`There isn’t` is an abbreviation of `there is not`.
+`There isn't` is an abbreviation of `there is not`.
 
-`There aren’t` is an abbreviation of `there are not`.
+`There aren't` is an abbreviation of `there are not`.
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
index f5cbb5fad1..dba3b3ff6b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657ddd7d4fc512b03741d9a3.md
@@ -21,11 +21,11 @@ There are closed malls.
 
 ### --feedback--
 
-They don’t discuss the opening hours of malls.
+They don't discuss the opening hours of malls.
 
 ---
 
-There aren’t any malls.
+There aren't any malls.
 
 ### --feedback--
 
@@ -33,7 +33,7 @@ Malls are easy to locate.
 
 ---
 
-Malls aren’t very common in this area.
+Malls aren't very common in this area.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
index fadee714a6..7c17a7e534 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-greetings-in-your-first-day-at-the-office/656cd6a37495961c5f242c5d.md
@@ -46,7 +46,7 @@ She doesn't ask about his family. Try again.
 
 ### --feedback--
 
-She doesn’t ask for reasons. Try again.
+She doesn't ask for reasons. Try again.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
index 94db59cb81..5421cccc8a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
@@ -13,9 +13,10 @@ There are some verbs you can't use `didn't` to create negative sentences in the
 
 If you want to create a negative sentence using the verb `to be` in the past, simply  add `not` after `was` or `were`. 예시:
 
-`It was working normally` -> `It wasn't working normally`.
-
-`They were informed earlier` -> `They weren't informed earlier`.
+| Affirmative                   | Negative                         |
+| ----------------------------- | -------------------------------- |
+| `It was working normally.`    | `It wasn't working normally.`    |
+| `They were informed earlier.` | `They weren't informed earlier.` |
 
 `Wasn't` is the abbreviation of `was not` and `weren't` the abbreviation of `were not`.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
index 8620b1cc27..60aa2bf8c4 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b30e1b9f035e7e656fd01.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-91
 ---
 
-<!-- (Audio) Anna: I saw that tech companies appreciate innovation and care for the employees’ well-being. -->
+<!-- (Audio) Anna: I saw that tech companies appreciate innovation and care for the employees' well-being. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
index 6c8694f2e4..3db34a46ba 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5111de04c216a38d998.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-61
 ---
 
-<!-- (Audio) Brian: They weren’t exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
+<!-- (Audio) Brian: They weren't exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
index a771e1f995..b950dd4104 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/65f3a5733a199c21ca589173.md
@@ -6,7 +6,7 @@ dashedName: task-62
 ---
 
 <!-- (Audio) Sophie: That sounds cool. Did you ever work on any big projects during your studies? 
-Brian: They weren’t exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
+Brian: They weren't exactly big projects. Most of them were smaller scale. But it was a great learning experience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
index 0685ff884a..8b2cdb1d4b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-ask-for-clarification-on-code-understanding/65f52f761f23715bce60f9ce.md
@@ -15,7 +15,7 @@ Listen to the audio and answer the question.
 
 ## --text--
 
-What part of Sarah’s answer suggests a course of action?
+What part of Sarah's answer suggests a course of action?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
index 57b9aca791..93211e77fd 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/66415d2fc70cf753ed0723a4.md
@@ -11,7 +11,7 @@ dashedName: task-76
 
 `That's strange` means you think something is unusual or unexpected. For example, if you see it snowing in the summer, you might say, `That's strange.` It means you did not expect that to happen.
 
-`I'm sure` means you are confident that something is true. For example, if you know your friend’s birthday is tomorrow, you can say, `I'm sure it's tomorrow.` It means you believe it without doubt.
+`I'm sure` means you are confident that something is true. For example, if you know your friend's birthday is tomorrow, you can say, `I'm sure it's tomorrow.` It means you believe it without doubt.
 
 Listen and fill in the blanks.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
index ac608c2860..9d837be0c0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/664274a516894a70a9111cb6.md
@@ -11,7 +11,7 @@ dashedName: task-78
 
 `Now that I think about it` means you have remembered or realized something after thinking more. For example, if you forgot where you put your keys but then remember, you might say, `Now that I think about it, they are on the table.` It means you have thought again and found new information.
 
-`To confuse something with something else` means to mix up two things and think one is the other. For example, if you see someone’s twin and think it is your friend, you can say `Sorry. I confused your twin with you`. It means you mistake one thing for another.
+`To confuse something with something else` means to mix up two things and think one is the other. For example, if you see someone's twin and think it is your friend, you can say `Sorry. I confused your twin with you`. It means you mistake one thing for another.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
index 1b76c28733..a46cb43df1 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-clarify-information-in-different-interactions/6642914bd5def3734c59b763.md
@@ -11,7 +11,7 @@ dashedName: task-79
 
 A `tray` is a flat, shallow container used to carry or hold things. For example, you use a `tray` to bring food or drinks from the kitchen to the table.
 
-`Enough` means having as much as you need. For example, if you have `enough water`, it means you have all the water you need to drink and you don’t need more. It can be used to talk about quantity, like having `enough food`, or to talk about quality, like when something is `good enough`.
+`Enough` means having as much as you need. For example, if you have `enough water`, it means you have all the water you need to drink and you don't need more. It can be used to talk about quantity, like having `enough food`, or to talk about quality, like when something is `good enough`.
 
 Listen to the dialogue and fill in the blanks.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
index e451409d9c..d9ebf0a85d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655b76340ecb8285060ab6d5.md
@@ -23,7 +23,7 @@ Sophie helps her team and James checked cybersecurity
 
 ### --feedback--
 
-This option incorrectly uses the simple present tense for Sophie and the simple past tense for James. They don’t reflect the continuous, ongoing nature of their current activities.
+This option incorrectly uses the simple present tense for Sophie and the simple past tense for James. They don't reflect the continuous, ongoing nature of their current activities.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
index c40bb6d517..9269f7943b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9a89818e18606c18ca4b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-22
 ---
 
-<!-- (Audio) Mark: Hi Maria! I'm testing a new software to find problems. It’s a nice experience so far, but we're doing more tests to make sure everything works. -->
+<!-- (Audio) Mark: Hi Maria! I'm testing a new software to find problems. It's a nice experience so far, but we're doing more tests to make sure everything works. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ In this dialogue, Mark talks about his activities related to a project.
 
 ## --sentence--
 
-`Hi Maria! I'm BLANK a new software to BLANK problems. It’s a nice experience so far, but we're BLANK more tests to BLANK sure everything BLANK`
+`Hi Maria! I'm BLANK a new software to BLANK problems. It's a nice experience so far, but we're BLANK more tests to BLANK sure everything BLANK`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
index ed2db19c28..5bc7277a12 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/655c9bcb5bedb4620acb6f18.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-24
 ---
 
-<!-- (Audio) Mark: It’s a nice experience so far, but we're doing more tests to make sure everything works. -->
+<!-- (Audio) Mark: It's a nice experience so far, but we're doing more tests to make sure everything works. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
index 5727870ca7..ef33445527 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a44b06bea9443b8ff45bd.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-34
 ---
 
-<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I’m getting information for the articles. It's keeping me busy, but I enjoy it. -->
+<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I'm getting information for the articles. It's keeping me busy, but I enjoy it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
index 9139e6824e..ef701124dc 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a456b46b4b04437f2d3e9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-35
 ---
 
-<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I’m getting information for the articles. It's keeping me busy, but I enjoy it. -->
+<!-- (Audio) Amy: It's exciting. I'm interviewing some experts and I'm getting information for the articles. It's keeping me busy, but I enjoy it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
index 6c53bef079..4b740a4e90 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4ac4529e0f49ab900c3b.md
@@ -23,7 +23,7 @@ She is learning about project management
 
 ### --feedback--
 
-Sarah doesn’t mention project management.
+Sarah doesn't mention project management.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
index c87263997b..2d6ae4a432 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-describe-your-current-project/656a4d1943d8f24c030ded74.md
@@ -13,7 +13,7 @@ When someone uses `either` at the end of a negative sentence, it means the same
 
 `I don't like carrots. My sister doesn't like them, either.`
 
-Here, `either` means both the speaker and their sister don’t like carrots.
+Here, `either` means both the speaker and their sister don't like carrots.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
index 4c6e55a91c..a2eb451b0f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65fe10ef733aebd257f0677d.md
@@ -9,7 +9,7 @@ dashedName: task-2
 
 # --description--
 
-`AI` stands for Artificial Intelligence. It’s an abbreviation of Artificial Intelligence.
+`AI` stands for Artificial Intelligence. It's an abbreviation of Artificial Intelligence.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
index a55ae20787..106cd52000 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/65ff086669d84512c7d132f1.md
@@ -9,7 +9,7 @@ dashedName: task-4
 
 # --description--
 
-`like` is a preposition used to describe the similarity between two things, people, or concepts. It indicates that there are shared qualities or characteristics between the compared elements. It’s commonly used in comparisons to highlight similarities. Example: `Her eyes are blue like the sky.`
+`like` is a preposition used to describe the similarity between two things, people, or concepts. It indicates that there are shared qualities or characteristics between the compared elements. It's commonly used in comparisons to highlight similarities. Example: `Her eyes are blue like the sky.`
 
 Fill in the blank with proper word.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
index 1d4e672e11..13c884e97e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/6617e75a204e044552675f58.md
@@ -9,7 +9,7 @@ dashedName: task-5
 
 # --description--
 
-In this challenge, you’ll practice what you learned in previous challenges. Listen to the dialogue and choose the correct answer.
+In this challenge, you'll practice what you learned in previous challenges. Listen to the dialogue and choose the correct answer.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
index dae53352ee..e2cbb035ff 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ed01f09114567cc8fa939.md
@@ -9,7 +9,7 @@ dashedName: task-88
 
 # --description--
 
-You learned how to talk about an unspecified thing or information with a broad term that didn’t point to a specific item. Let’s review it in this challenge.
+You learned how to talk about an unspecified thing or information with a broad term that didn't point to a specific item. Let's review it in this challenge.
 
 Listen and fill in the blank.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
index 794626ff98..4c893335a0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661edda6df434c6f2161bea5.md
@@ -39,7 +39,7 @@ This answer limits `AR` to one aspect, which is not what `it is a mix` suggests.
 
 ### --feedback--
 
-`It is a mix` doesn’t mean `AR` is separate from reality.
+`It is a mix` doesn't mean `AR` is separate from reality.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
index 27013db43b..550916df98 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661ee1436ecb9271c66be82c.md
@@ -9,7 +9,7 @@ dashedName: task-92
 
 # --description--
 
-Let’s review what Sophie and Tom talk about.
+Let's review what Sophie and Tom talk about.
 
 Listen and fill in the blanks to complete the dialogue.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
index a77f0cd3b5..b1cb3e9d4f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-popular-trends-in-technology/661eea69ca8a5177320d5e90.md
@@ -9,7 +9,7 @@ dashedName: task-97
 
 # --description--
 
-Let’s review what Sophie and Tom talk about, to understand how AR works.
+Let's review what Sophie and Tom talk about, to understand how AR works.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
index c88ce7b9b4..15c689b96e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22d1aeb5ecf1d590d30bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-6
 ---
 
-<!-- (Audio) Sophie: No, I haven’t seen her yet. What can you tell me about her? -->
+<!-- (Audio) Sophie: No, I haven't seen her yet. What can you tell me about her? -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
index d98c944146..84ecd83a82 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b22e5388370c209a6b0b73.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Sophie: No, I haven’t seen her yet. What can you tell me about her? -->
+<!-- (Audio) Sophie: No, I haven't seen her yet. What can you tell me about her? -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
index bea414922a..186571939a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25b541262654062a21e74.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-13
 ---
 
-<!-- (Audio) Bob: You’ll recognize her right away. -->
+<!-- (Audio) Bob: You'll recognize her right away. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ The phrase `right away` means quickly or very soon. For instance, `If you find a
 
 ## --sentence--
 
-`You’ll BLANK her BLANK BLANK.`
+`You'll BLANK her BLANK BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
index 7d7c747645..a9a42ad98e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65b25bcc98b00d41d06d2a2b.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-14
 ---
 
-<!-- (Audio) Bob: You’ll recognize her right away. -->
+<!-- (Audio) Bob: You'll recognize her right away. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
index 7cee717ac6..570d4df910 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d86e08994c4a0436d92766.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-71
 ---
 
-<!-- (Audio) Tom: Ah, speaking of procedures, is there anything he’s told you that we need to do when it comes to office security? -->
+<!-- (Audio) Tom: Ah, speaking of procedures, is there anything he's told you that we need to do when it comes to office security? -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
index dbe75f0260..041180b2a7 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65d89562dff69551e7683df3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-82
 ---
 
-<!-- (Audio) Bob: I also can’t disclose sensitive information to anyone outside of the company. -->
+<!-- (Audio) Bob: I also can't disclose sensitive information to anyone outside of the company. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
index 693c5e9d72..b420fd22f0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8143ae77767ad914ba4.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-94
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, if you don't eat healthy food or exercise, you might be `neglecting
 
 ## --sentence--
 
-`I also don’t want to BLANK BLANK BLANK, so two months ago I started jogging regularly.`
+`I also don't want to BLANK BLANK BLANK, so two months ago I started jogging regularly.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
index 75b255753c..0028bed138 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daa8cce1b9206995e4aec3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-95
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, if you say `I moved here a year ago`, it means that one year has pa
 
 ## --sentence--
 
-`I also don’t want to neglect my health, so two months BLANK I started jogging regularly.`
+`I also don't want to neglect my health, so two months BLANK I started jogging regularly.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
index 12539059a3..91b41f1efa 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65daab9b713d3e6e6272c8bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-97
 ---
 
-<!-- (Audio) Sophie: I also don’t want to neglect my health, so two months ago I started jogging regularly. -->
+<!-- (Audio) Sophie: I also don't want to neglect my health, so two months ago I started jogging regularly. -->
 
 # --description--
 
@@ -21,7 +21,7 @@ Adverbs describe how actions are done. They are often formed by adding `-ly` to
 
 ## --sentence--
 
-`I also don’t want to neglect my health, so two months ago I started BLANK BLANK.`
+`I also don't want to neglect my health, so two months ago I started BLANK BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
index 7f80a0719d..2c369859ad 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dab1186529467ee5e463a7.md
@@ -6,7 +6,7 @@ dashedName: task-99
 ---
 
 <!-- (Audio) Brian: Tell me about your responsibilities beyond work.
-Sophie: Well, I have to make time for my family – that's really important to me. I also don’t want to neglect my health, so two months ago I started jogging regularly. It helps me relax and stay fit. -->
+Sophie: Well, I have to make time for my family – that's really important to me. I also don't want to neglect my health, so two months ago I started jogging regularly. It helps me relax and stay fit. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
index fdb363d022..57b9c82c78 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-roles-and-responsibilies/65dad153fd675cb51e8423b0.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-106
 ---
 
-<!-- (Audio) Sophie: Sometimes, it’s the simple and free things that bring us the result we’re looking for. -->
+<!-- (Audio) Sophie: Sometimes, it's the simple and free things that bring us the result we're looking for. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
index 2c54980c81..13fb2e7c44 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6636f834a7b32443a43fa4e0.md
@@ -43,7 +43,7 @@ It disconnects applications from the internet, focusing on internal networks.
 
 ### --feedback--
 
-Serverless computing still uses the internet as part of cloud services; it doesn’t focus on internal networks.
+Serverless computing still uses the internet as part of cloud services; it doesn't focus on internal networks.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
index 5b268a1a15..da642e989c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/663855865f5d53510f9cd9a5.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-38
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
@@ -17,7 +17,7 @@ For example, `He is hearing different opinions on the topic.` It shows he is cur
 
 ## --sentence--
 
-`Sarah, I’m BLANK a lot BLANK AI in programming these days, but I don't know how to use it. Any ideas?`
+`Sarah, I'm BLANK a lot BLANK AI in programming these days, but I don't know how to use it. Any ideas?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
index 945356b730..85316441f7 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/6638994f7dbcb3548e458202.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-41
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
index ea0707a135..ea4db24932 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389a37bc8a4b5539eab451.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-42
 ---
 
-<!-- (Audio) Bob: Sarah, I’m hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
+<!-- (Audio) Bob: Sarah, I'm hearing a lot about AI in programming these days, but I don't know how to use it. Any ideas? -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
index 1d2e63e5b5..7bcc11f1f7 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-tech-trends-and-updates/66389e09cec2fa569567b15a.md
@@ -23,7 +23,7 @@ Using a program that automatically improves code efficiency
 
 ### --feedback--
 
-This is an example of AI, as it involves using technology to improve code, aligning with Sarah’s description.
+This is an example of AI, as it involves using technology to improve code, aligning with Sarah's description.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
index 2a56c9c1f8..183dddda2f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6556bc95e6ce5d850d37dd07.md
@@ -17,7 +17,8 @@ Instead of saying `It seems like you have a ton of energy this morning`, James c
 
 Here are some more examples:
 
-`She wakes up early every day` - `Early` describes the time of her waking up. `He has a quick shower in the morning` - `Quick` describes the short duration of the shower.
+* `She wakes up early every day` - `Early` describes the time of her waking up.
+* `He has a quick shower in the morning` - `Quick` describes the short duration of the shower.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
index e30c284417..5ebae1c10c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655792631f21afaa40c611e1.md
@@ -13,9 +13,8 @@ The words `before` and `after` are used to describe the order of events in time.
 
 `Before` is used to talk about something that happens earlier than another event, and `after` is used for something that happens later. 예시:
 
-`I brush my teeth before I have breakfast` (Brushing teeth happens first)
-
-`I go to work after I have breakfast` (Going to work happens later)
+* `I brush my teeth before I have breakfast` (Brushing teeth happens first)
+* `I go to work after I have breakfast` (Going to work happens later)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
index d6835d38f2..bd46b50cb8 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557985a95ab6db1c4a31b6c.md
@@ -9,7 +9,10 @@ dashedName: task-14
 
 The verb `take` is used in many common English expressions. When `take` is used with different nouns, it can have special meanings. For example:
 
-`Take a shower` means to shower. `Take a walk` means to go for a walk. `Take a nap` means to sleep for a little while. `Take a chance` means to try something that might be risky.
+* `Take a shower` means to shower.
+* `Take a walk` means to go for a walk.
+* `Take a nap` means to sleep for a little while.
+* `Take a chance` means to try something that might be risky.
 
 These phrases are like fixed recipes in English; the words go together to mean something specific.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
index 1779dd7c57..fd5a1104bb 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557995f0d97e1b2837a3081.md
@@ -9,7 +9,9 @@ dashedName: task-15
 
 Remember, adjectives are words that describe or give more information about nouns. They can tell you how something looks, feels, or acts. For example:
 
-`Quick` describes something done in a short time. `Relaxed` describes something or someone calm and not strict. `Alert` describes being fully aware and paying attention.
+* `Quick` describes something done in a short time.
+* `Relaxed` describes something or someone calm and not strict.
+* `Alert` describes being fully aware and paying attention.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
index 1b074f97bc..92db0e8823 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/65579a0e1613d5b31a034ee5.md
@@ -9,7 +9,9 @@ dashedName: task-16
 
 The verb `get` is very common in English and has many uses. It can mean to receive, become, or reach a state. For example:
 
-`Get dressed` means to put on clothes. `Get ready` means to prepare for something. `Get tired` means to start feeling tired.
+* `Get dressed` means to put on clothes.
+* `Get ready` means to prepare for something.
+* `Get tired` means to start feeling tired.
 
 Understanding how `get` is used will help you express different actions and states in English.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
index 2ab6eefb25..b20217f50d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557aee56ed7dcb5506a66d6.md
@@ -9,7 +9,8 @@ dashedName: task-19
 
 A `dress code` is a set of rules about what you should wear in a certain place or event. Different places have different dress codes. For example:
 
-A `relaxed dress code` means you can wear casual, comfortable clothes. A `formal dress code` requires more official and elegant clothes.
+* A `relaxed dress code` means you can wear casual, comfortable clothes.
+* A `formal dress code` requires more official and elegant clothes.
 
 Note: Remember, dress codes can vary depending on the culture and the specific place.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
index 239640bcc1..34c8758e4d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d6a229e541bfde2c560d.md
@@ -13,7 +13,8 @@ dashedName: task-26
 
 `Late` means doing something after the expected or usual time, like arriving late to a meeting. Here are some examples:
 
-`She likes to start her day early with a jog.` `He often works late at the office.`
+* `She likes to start her day early with a jog.`
+* `He often works late at the office.`
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
index f7eb6d6073..2259299cad 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557d782bc7613c06aa7dafd.md
@@ -11,7 +11,8 @@ dashedName: task-27
 
 The word `never` is an adverb used to mean `not at any time` or `not ever`. It's often used to talk about things that someone doesn't do or hasn't done. For example:
 
-`I have never been to Australia.` (this means the person has not visited Australia at any time) `She never eats fast food.` (this means she does not eat fast food at any time)
+* `I have never been to Australia.` (this means the person has not visited Australia at any time)
+* `She never eats fast food.` (this means she does not eat fast food at any time)
 
 The word `thought` is the past tense of `think`. `Thought of that` means to have considered or come up with an idea in the past. For example:
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
index fc2865eea4..cd1bab6801 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557db51366bf6c15a966fb0.md
@@ -11,11 +11,9 @@ dashedName: task-28
 
 When a verb follows a preposition, it often takes the `-ing` form, known as a gerund. Gerunds are verbs acting as nouns. This rule is common in many English expressions. For example:
 
-`After eating dinner, we watched a movie.` (`eating` follows the preposition `after`)
-
-`She is interested in learning Spanish.` (`learning` follows the preposition `in`)
-
-`Before going to bed, I like to read.` (`going` follows the preposition `before`)
+* `After eating dinner, we watched a movie.` (`eating` follows the preposition `after`)
+* `She is interested in learning Spanish.` (`learning` follows the preposition `in`)
+* `Before going to bed, I like to read.` (`going` follows the preposition `before`)
 
 
 # --questions--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
index c6bbfc174f..73bdcc4198 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dc1aa6be93c1eb4e9efb.md
@@ -11,9 +11,8 @@ dashedName: task-29
 
 The word `if` is often used in conditional statements to talk about a possible situation and its consequences. For example:
 
-`If it rains, I will bring an umbrella.` (The action of bringing an umbrella depends on the possibility of rain.)
-
-`If you need help, just ask.` (The offer to help is conditional on the other person needing it.)
+* `If it rains, I will bring an umbrella.` (The action of bringing an umbrella depends on the possibility of rain.)
+* `If you need help, just ask.` (The offer to help is conditional on the other person needing it.)
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
index a73bef6c03..1f0e6b9ad1 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557dea8c258c1c2a767deb7.md
@@ -13,9 +13,8 @@ The word `even` is used to add emphasis to a statement, often highlighting somet
 
 When combined with `before` in the phrase `even before`, it emphasizes that an action or event occurs earlier than usual or expected, adding a sense of surprise or admiration. 예시:
 
-`Even before the sun rises, she starts her workout.` (emphasizes that her workout begins unusually early)
-
-`He finished the project even before the deadline.` (implies that finishing before the deadline is surprisingly early)
+* `Even before the sun rises, she starts her workout.` (emphasizes that her workout begins unusually early)
+* `He finished the project even before the deadline.` (implies that finishing before the deadline is surprisingly early)
 
 In conversation, using `even` can express that something is more than what might be considered normal or usual. It makes the statement stronger.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
index be5c3d546a..5485c709e0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e0adbee371c3ac455a01.md
@@ -11,7 +11,8 @@ dashedName: task-32
 
 You probably remember that `I'll` is the contracted form of `I will`, a modal verb used to express future intentions, decisions, or plans made at the moment of speaking. For example:
 
-`I'll call you tomorrow.` (future intention to call) `I'll take the bus to work.` (decision made about taking the bus)
+* `I'll call you tomorrow.` (future intention to call)
+* `I'll take the bus to work.` (decision made about taking the bus)
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
index e6539457de..189614775f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/6557e5c6a854bfcad48808c4.md
@@ -15,7 +15,7 @@ This challenge is designed to summarize and reinforce the understanding of James
 
 ## --sentence--
 
-`Sarah has a consistent morning routine. She BLANK up around 7 AM and starts her day by BLANK a bit. After making a cup of BLANK, she takes a BLANK shower and goes to the kitchen to BLANK a balanced breakfast. This helps her stay BLANK during the morning. She checks her BLANK and messages before BLANK to work. She likes to stay BLANK about the day’s tasks. James thinks her productivity BLANK coming to work is impressive and says he BLANK try some of her habits to become more BLANK in the morning as well.`
+`Sarah has a consistent morning routine. She BLANK up around 7 AM and starts her day by BLANK a bit. After making a cup of BLANK, she takes a BLANK shower and goes to the kitchen to BLANK a balanced breakfast. This helps her stay BLANK during the morning. She checks her BLANK and messages before BLANK to work. She likes to stay BLANK about the day's tasks. James thinks her productivity BLANK coming to work is impressive and says he BLANK try some of her habits to become more BLANK in the morning as well.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
index 1c72415d9d..e5c960336b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a235215bab7fa2a2e4bb7.md
@@ -11,7 +11,8 @@ The `y` ending can also turn nouns into adjectives that describe a characteristi
 
 `Healthy` comes from the noun `health` and means having or showing good health. Like `sleepy`, the `y` changes the noun into an adjective. Other examples:
 
-`Wealthy` (having a lot of wealth), `Cloudy` (full of or covered with clouds)
+* `Wealthy` (having a lot of wealth)
+* `Cloudy` (full of or covered with clouds)
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
index ffbde29081..4099e377bc 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a33bb8f2009ff7a7abfaa.md
@@ -15,7 +15,9 @@ There's a difference between `may be` and `maybe`. Let's take a closer look.
 
 `Maybe` is an adverb indicating uncertainty or possibility. For example:
 
-`It may be raining outside.` (suggests a possibility of rain) `Maybe I will go out later.` (expresses uncertainty about going out) `May I ask a question?` (Asks for the permission to speak)
+* `It may be raining outside.` (suggests a possibility of rain)
+* `Maybe I will go out later.` (expresses uncertainty about going out)
+* `May I ask a question?` (Asks for the permission to speak)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
index c640e7f059..7aed035db1 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a367638e3f401eb0235ea.md
@@ -11,7 +11,7 @@ dashedName: task-45
 
 `I feel groggy if I don't get enough sleep` (describes feeling tired due to lack of sleep)
 
-`Sluggish` is an adjective that describes a feeling of low energy, slow movement, or a lack of alertness. It's often used when someone feels tired, lethargic, or not able to think or move quickly. This term can apply to both physical and mental states. Here are some examples:
+`Sluggish` is an adjective that describes a feeling of low energy, slow movement, or a lack of alertness. It's often used when someone feels tired, lethargic, or not able to think or move quickly. This term can apply to both physical and mental states. Here is an example:
 
 `The computer was running sluggishly, taking a long time to respond` (describes slow performance, used metaphorically for an inanimate object)
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
index 4cb7b87d31..1a975daacc 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3789069fc902eb2aaa4b.md
@@ -11,9 +11,8 @@ dashedName: task-46
 
 The verb `to ring` refers to the action of making a sound, particularly a clear resonant sound. It's commonly used to describe the sound made by bells, telephones, or alarms. For example:
 
-`The phone will ring at 9 AM to remind me of the meeting.` (indicates the phone making a sound)
-
-`I wake up when my alarm clock rings.` (describes the alarm making a sound to wake someone up)
+* `The phone will ring at 9 AM to remind me of the meeting.` (indicates the phone making a sound)
+* `I wake up when my alarm clock rings.` (describes the alarm making a sound to wake someone up)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
index 6d4d6cf7c4..b3f7d5e7c5 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a39242197c9040ddedef2.md
@@ -11,9 +11,8 @@ dashedName: task-47
 
 The imperative form is used to give orders, instructions, or advice. It often starts with a verb in the base form for positive commands, or with `don't`/`do not` for negative commands. Understanding this form is important for following or giving instructions. For example:
 
-`Drink plenty of water` (positive command)
-
-`Don't stay up too late` (negative command)
+* `Drink plenty of water` (positive command)
+* `Don't stay up too late` (negative command)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
index b4bb7f39b0..c9cb996ba9 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a3cc030fb970687d6444d.md
@@ -9,9 +9,8 @@ dashedName: task-50
 
 The word `later` is the comparative form of `late`, used to indicate a time or event that is after the expected, usual, or planned time. Comparatives are used to compare two things. For example:
 
-`We will leave later than planned.` (means leaving after the planned time)
-
-`She arrived later than me.` (indicates she arrived after the speaker)
+* `We will leave later than planned.` (means leaving after the planned time)
+* `She arrived later than me.` (indicates she arrived after the speaker)
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
index 7b26f4e37f..948e8a3d9f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4a5af997350c187bd779.md
@@ -11,9 +11,8 @@ dashedName: task-52
 
 `Who` can be used as a relative pronoun to introduce a clause that gives more information about a person or people. It links a description or action specifically to a person. For example:
 
-`She is someone who always knows what to do.` (links the knowing what to do to the person)
-
-`He's the data analyst who helped me a lot.` (describes the data analyst with the action of helping)
+* `She is someone who always knows what to do.` (links the knowing what to do to the person)
+* `He's the data analyst who helped me a lot.` (describes the data analyst with the action of helping)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
index 572caf0e3a..091f4b5ef0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a4fc35818d90f73f63ba0.md
@@ -11,9 +11,8 @@ dashedName: task-54
 
 The verb `to rush` means to do something or move quickly or in a hurry, often due to time pressure. It's used to describe actions done with urgency. For example:
 
-`I had to rush to catch the train.` (means moving quickly to not miss the train)
-
-`Don't rush your decision.` (suggests taking time to decide)
+* `I had to rush to catch the train.` (means moving quickly to not miss the train)
+* `Don't rush your decision.` (suggests taking time to decide)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
index b59c0695d1..25b36c9aa0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a51cff12fb7117aa611f9.md
@@ -11,9 +11,8 @@ dashedName: task-56
 
 `Breathing exercises` are practices where you consciously control your breathing pattern. They are often used for relaxation, stress management, and to `clear your mind` – which means to free your mind from stress or worry. For example:
 
-`Deep breathing helps to calm your nerves.` (uses controlled breathing for relaxation)
-
-`Clear your mind before the test to focus better.` (freeing the mind from distractions)
+* `Deep breathing helps to calm your nerves.` (uses controlled breathing for relaxation)
+* `Clear your mind before the test to focus better.` (freeing the mind from distractions)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
index 68912a95b0..99bc0a1af1 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a54506b259313b2d59577.md
@@ -17,7 +17,7 @@ Conditional sentences often use `if` to describe a situation (cause) that will l
 
 ## --text--
 
-What is the cause and consequence of the expert’s advice?
+What is the cause and consequence of the expert's advice?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
index 563ba1eb78..0269b24f52 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5bfadf47e1199f9b65eb.md
@@ -11,11 +11,13 @@ dashedName: task-62
 
 Past tense verbs are used to talk about actions that happened in the past. Some verbs change their form in the past tense, like `say` to `said`. For example:
 
-`Yesterday, she said she would join us` (Past tense of `say`) `He said the meeting was at noon` (Describes a past statement about the meeting time)
+* `Yesterday, she said she would join us` (Past tense of `say`)
+* `He said the meeting was at noon` (Describes a past statement about the meeting time)
 
-Another example of irregular verb is `tell`, which becomes `told` in the past tense. For example:
+Another example of an irregular verb is `tell`, which becomes `told` in the past tense. For example:
 
-`He told me about the plan last week` (Past tense of `tell`) `Last night, they told stories about our last project` (Using `told` to describe a past action)
+* `He told me about the plan last week` (Past tense of `tell`)
+* `Last night, they told stories about our last project` (Using `told` to describe a past action)
 
 Don't worry if irregular verbs seem tricky; with practice, you'll get the hang of them!
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
index 0af1b2029f..963e21d55f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a5e76ca6f8d1b1a88e0f1.md
@@ -11,15 +11,13 @@ dashedName: task-63
 
 Regular verbs usually add `-ed` to form the past tense. This can also result in some adjectives as in the dialogue.
 
-`Complicated` is the past tense form of the regular verb `complicate`, as well as the adjective that means something is not simple or easy to do. One example of it as a verb can be: `The problems on the road complicated our trip.`
-
-`I walked to the store` (Past tense of `walk`)
-
-`She cleaned her room yesterday` (Past tense of `clean`)
+* `Complicated` is the past tense form of the regular verb `complicate`, as well as the adjective that means something is not simple or easy to do. One example of it as a verb can be: `The problems on the road complicated our trip.`
+* `I walked to the store` (Past tense of `walk`)
+* `She cleaned her room yesterday` (Past tense of `clean`)
 
 Extra note to help with the audio:
 
-`Running around` means moving about in a hurried or energetic way, often chaotically. 예시:
+`Running around` means moving about in a hurried or energetic way, often chaotically. For example:
 
 `The kids are running around the playground`
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
index 8e075f537f..7ed16d6426 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a78fdfac0e22b0c400e72.md
@@ -9,7 +9,7 @@ dashedName: task-64
 
 # --description--
 
-Listen to the audio and complente the sentence below.
+Listen to the audio and complete the sentence below.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
index ba52af97ce..207e061f8e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a79e595bd202b4cd5e2d2.md
@@ -11,7 +11,8 @@ dashedName: task-65
 
 The modal verb `could` is often used to politely ask for help or suggestions. For example:
 
-`Could you show me how to do this?` (asking for help in a polite way) `What could I do to improve my skills?` (asking for suggestions)
+* `Could you show me how to do this?` (asking for help in a polite way)
+* `What could I do to improve my skills?` (asking for suggestions)
 
 Understanding how to use `could` is important to create polite requests or questions.
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
index 5073eb65c3..4148a48be0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7c5211e5252cf8a4ed01.md
@@ -11,15 +11,13 @@ dashedName: task-67
 
 The modal verb `can` is used to express ability, possibility, or to ask permission. It's a versatile verb that's commonly used in everyday conversation. For example:
 
-`I can speak three languages` (ability)
+* `I can speak three languages` (ability)
+* `Can I borrow your pen?` (asking permission)
 
-`Can I borrow your pen?` (asking permission)
+The word `tough` means difficult or challenging. It's often used to describe situations that require a lot of effort or endurance. For example:
 
-The word `tough` means difficult or challenging. It's often used to describe situations that require a lot of effort or endurance. 예:
-
-`The API test was really tough` (indicates the test was challenging)
-
-`They'are going through a tough time right now` (implies a period of difficulty)
+* `The API test was really tough` (indicates the test was challenging)
+* `They're going through a tough time right now` (implies a period of difficulty)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
index 0432495669..c9abf2424f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a7d752ffc542e5874af0b.md
@@ -15,9 +15,10 @@ Understanding the difference between `can` and `could` is crucial in English.
 
 `Could` is often used for polite requests, suggestions, or to talk about ability in the past. For example:
 
-`I can code very well` (present ability) `Can I leave early today?` (asking for permission)
-
-`Could you pass me that tool, please?` (polite request) `When I first learned programming, I could spend hours debugging without getting tired` (past ability)
+* `I can code very well` (present ability)
+* `Can I leave early today?` (asking for permission)
+* `Could you pass me that tool, please?` (polite request)
+* `When I first learned programming, I could spend hours debugging without getting tired` (past ability)
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
index 4182c95c66..ab427e3530 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a896f31ca6a32913d1106.md
@@ -11,7 +11,7 @@ dashedName: task-69
 
 The words you use in a sentence can make a big difference in modulating the message it delivers. Let's look at some examples to understand this better.
 
-Prepositions like `by` affect the verb that comes after, When you use `by`, it often needs the verb to end with `-ing`. 여기 예시가 있습니다.
+Prepositions like `by` affect the verb that comes after. When you use `by`, it often needs the verb to end with `-ing`. 여기 예시가 있습니다.
 
 `I improved by practicing daily` (This means I got better at something because I practiced every day. You use the preposition `by` to show how something is done)
 
@@ -21,7 +21,8 @@ Adjectives can also change the meaning of the following word by adding details t
 
 Even words like `family` and `outdoor` can be used as adjectives, they describe the noun that follows them. 예시:
 
-`Family activities bring everyone together.` (`family` describes the type of activities) `Outdoor sports are enjoyable in good weather.` (`outdoor` describes where the sports happen)
+* `Family activities bring everyone together.` (`family` describes the type of activities)
+* `Outdoor sports are enjoyable in good weather.` (`outdoor` describes where the sports happen)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
index 8475df6652..fc8e1217cd 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655a8c9d2a0ea136a0fd3631.md
@@ -12,9 +12,8 @@ dashedName: task-72
 
 `While` is used in sentences to indicate that two actions or events are happening at the same time. It often sets the scene for one action that occurs during the time another action is taking place. 예시:
 
-`While I cook, I listen to music` (I listen to music at the same time as I am cooking)
-
-`She reads while waiting for the bus` (She reads during the time she is waiting)
+* `While I cook, I listen to music` (I listen to music at the same time as I am cooking)
+* `She reads while waiting for the bus` (She reads during the time she is waiting)
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
index b7ff58ac8d..19118c9527 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b266c2ea5495f43b97ea5.md
@@ -39,7 +39,7 @@ That is the wrong time.
 
 ### --feedback--
 
-That’s the wrong time of the day.
+That's the wrong time of the day.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
index a8fb4b11aa..5c36886336 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b2b5cc4ea3062f9811dec.md
@@ -14,9 +14,8 @@ A `night owl` is someone who stays up late. For example: `He's a night owl, ofte
 
 `Be back` means to return, and `tops` is used informally to indicate the maximum amount or time. For example:
 
-`I'll be back by dinner` (returning before a specific time)
-
-`The meeting will last one hour, tops` (no longer than one hour)
+* `I'll be back by dinner` (returning before a specific time)
+* `The meeting will last one hour, tops` (no longer than one hour)
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
index 4eaa07945b..fb7399551a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b3197bb31ca670081f6d7.md
@@ -19,7 +19,7 @@ Long adjectives: Just add `the most` before the adjective.
 
 `This is the most interesting book I've read.` (`the most` + `interesting`)
 
-This is an introduction to these adjectives. You’ll learn more in the future.
+This is an introduction to these adjectives. You'll learn more in the future.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
index 0a741780cf..c692c5191b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
@@ -39,7 +39,7 @@ Sophie specifically says she sleeps `until 9:30`, not `10:00`.
 
 ---
 
-`She wakes up early, goes out, and spends the afternoon reading at home`
+`She wakes up early, goes jogging, and spends the afternoon reading at home`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
index 0eb50dea57..0b6615f97a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-document-code-for-a-project/65e46524078f872c3a871f9f.md
@@ -41,7 +41,7 @@ Transparent
 
 ### --feedback--
 
-It’s another meaning of `clear`, referring to something allowing light to pass through so that objects behind can be distinctly seen. In documentation, `clear` is about understandability, not transparency.
+It's another meaning of `clear`, referring to something allowing light to pass through so that objects behind can be distinctly seen. In documentation, `clear` is about understandability, not transparency.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
index dba8a0daa8..750d651f96 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661757150c7a75961a574a39.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Bob: Thanks for your feedback. I’ll share this feedback with Tom and give him some extra time to work on these colors and fonts. -->
+<!-- (Audio) Bob: Thanks for your feedback. I'll share this feedback with Tom and give him some extra time to work on these colors and fonts. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
index 198a90888b..c7f9f52b9a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66175792ec93b19771c55c62.md
@@ -29,7 +29,7 @@ This option is incorrect. Sophie's comments suggest she sees areas for improveme
 
 ---
 
-She doesn’t know and needs more time to form an opinion.
+She doesn't know and needs more time to form an opinion.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
index c6cafdff3b..91400c5aff 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661772551b64ddd40c834b1e.md
@@ -35,7 +35,7 @@ Yes, she completely agrees with Brian and suggests additional features for the m
 
 ### --feedback--
 
-Sarah's statement indicates disagreement with Brian’s focus on the mobile app, as she believes the web app requires more attention.
+Sarah's statement indicates disagreement with Brian's focus on the mobile app, as she believes the web app requires more attention.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
index 0e528326a7..625f758645 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661796e4635cd3eb1c8c78a4.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-14
 ---
 
-<!-- (Audio) Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
@@ -19,7 +19,7 @@ To `allocate` means to distribute or assign resources or responsibilities to dif
 
 ## --sentence--
 
-`Well, here’s what I think we could do. Why don’t we BLANK resources to both platforms BLANK? We could give equal priority to BLANK the web app and the mobile app.`
+`Well, here's what I think we could do. Why don't we BLANK resources to both platforms BLANK? We could give equal priority to BLANK the web app and the mobile app.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
index 646b2e02fa..5178ef391e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/661797b505f2d3ed4b170d74.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-15
 ---
 
-<!-- (Audio) Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
index 53e9610427..5f582b4afa 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/66179829f664e3ee9b42ce5f.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-16
 ---
 
-<!-- (Audio) Sarah: I'm not sure I agree with that, Brian. The web app needs attention. It has more users. Prioritizing the web app makes more sense given its larger user base. Brian: Well, here’s what I think we could do. Why don’t we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
+<!-- (Audio) Sarah: I'm not sure I agree with that, Brian. The web app needs attention. It has more users. Prioritizing the web app makes more sense given its larger user base. Brian: Well, here's what I think we could do. Why don't we allocate resources to both platforms equally? We could give equal priority to both the web app and the mobile app. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
index f735695270..93fc608703 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617994636fa13f16060b12b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-17
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal priority for a while. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal priority for a while. -->
 
 # --description--
 
@@ -23,7 +23,7 @@ Understanding these terms is key for discussing work plans and responsibilities.
 
 ## --sentence--
 
-`I BLANK think we should BLANK more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal BLANK for a while.`
+`I BLANK think we should BLANK more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal BLANK for a while.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
index cc9cdd7d27..ad89476b83 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617aea9ccdd68f7088368d1.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-18
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
index f943a69e16..95f68a643b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617af3ab73475f87b53a59d.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-19
 ---
 
-<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you’re coming from, Brian. I think we can try giving equal priority for a while. -->
+<!-- (Audio) Sarah: I still think we should dedicate more time to the web app, but I see where you're coming from, Brian. I think we can try giving equal priority for a while. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
index 2c2b75397c..d129d5b178 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b500a7049808f3a2a593.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-29
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ Focus on the word `greater`. `Greater` is used to describe something that is mor
 
 ## --sentence--
 
-`I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a BLANK chance of success with it.`
+`I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a BLANK chance of success with it.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
index a1e92f740a..ade52e374b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b53e5eda8e09c6c67d28.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-30
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
index 752a3e0fbc..46a4b6d7fb 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b674eb480b0c8d3d6031.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-31
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
index 36885fec86..8c4b33033a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-express-agreement-or-disagreement/6617b81046e7b11287a7bef8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we’ll have a greater chance of success with it. -->
+<!-- (Audio) Sarah: I see what you mean. I strongly feel that Agile aligns with our team's strengths, though. I think we'll have a greater chance of success with it. -->
 
 # --description--
 
@@ -27,7 +27,7 @@ Sarah expresses a strong belief in Agile's alignment with the team's strengths.
 
 ---
 
-She disagrees with using Agile and thinks it won’t be successful.
+She disagrees with using Agile and thinks it won't be successful.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
index 3f070315bc..590ebffce3 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/658157d104bbc92a95147e45.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
index 557331b1ec..4f2ce221af 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9a04edb4d56c8390bc3a.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-31
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ A `glitch` is a small problem that stops something from working right. Like when
 
 ## --sentence--
 
-`Yeah, technical BLANK are complicated and there’s not much we can do other than BLANK to solve them.`
+`Yeah, technical BLANK are complicated and there's not much we can do other than BLANK to solve them.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
index 59bb5b760f..7eebaba627 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-have-a-conversation-about-preferences-and-motivations/65fc9ab3635ebc6d167f86e6.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-33
 ---
 
-<!-- (Audio) Maria: Yeah, technical glitches are complicated and there’s not much we can do other than try to solve them. -->
+<!-- (Audio) Maria: Yeah, technical glitches are complicated and there's not much we can do other than try to solve them. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
index 264598ab36..dc5b85d954 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/656bd968e52c34220164de8d.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-32
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
index 8bcd0b5cbe..1d15e26ec3 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84dad1595bbbc2e9cd895.md
@@ -5,11 +5,11 @@ challengeType: 22
 dashedName: task-34
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
-People often use `have already` to talk about something they have done before now, and `have never` to talk about something they have not done at any time in the past. Let’s practice using these phrases.
+People often use `have already` to talk about something they have done before now, and `have never` to talk about something they have not done at any time in the past. Let's practice using these phrases.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
index 6ee70a6e52..f45c1443d0 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a84e922382a7bd112057ad.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-35
 ---
 
-<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I’ve already tried a few things to solve it. -->
+<!-- (Audio) Sarah: No problem, Tom. I noticed the issue you mentioned, and I've already tried a few things to solve it. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
index 5d2e2c04d5..6713e75053 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a85090914872be8ca97793.md
@@ -19,7 +19,7 @@ What is Tom asking Sarah about?
 
 ## --answers--
 
-Why she didn’t solve the issue
+Why she didn't solve the issue
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
index 22355a8035..b1d011408f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65a9457392dfd7d564bc940e.md
@@ -27,7 +27,7 @@ It caused more problems, showing the current version is the issue.
 
 ### --feedback--
 
-Sarah said that going back didn’t solve the issue, not that it caused more problems.
+Sarah said that going back didn't solve the issue, not that it caused more problems.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
index a5bbef4e68..3921c9d46d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28bbe803df52c4e76dd15.md
@@ -13,7 +13,7 @@ Modal verbs like `might` and `can` are used to express possibility and ability.
 
 `Might` is used for something that could happen or be true, like saying, `It might rain today`.
 
-`Can` is used to talk about someone's ability to do something, like, `She can speak three languages`. Let’s practice using these words in sentences.
+`Can` is used to talk about someone's ability to do something, like, `She can speak three languages`. Let's practice using these words in sentences.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
index e3d5b6e2ee..2deb62cf81 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b28f840a0d962f2240e800.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-47
 ---
 
-<!-- (Audio) Sarah: Agreed. I’ll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
+<!-- (Audio) Sarah: Agreed. I'll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
 
 # --description--
 
@@ -15,7 +15,7 @@ In this task, you'll practice filling in key verbs and adjectives used in techni
 
 ## --sentence--
 
-`Agreed. I’ll BLANK a PR with the rollback and some BLANK logs for BLANK. That may help us find what the problem is.`
+`Agreed. I'll BLANK a PR with the rollback and some BLANK logs for BLANK. That may help us find what the problem is.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
index 1ab0495856..17c5f4214c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2af1545e34334b7573de9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-48
 ---
 
-<!-- (Audio) Sarah: Agreed. I’ll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
+<!-- (Audio) Sarah: Agreed. I'll create a PR with the rollback and some additional logs for debugging. That may help us find what the problem is. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
index c88c9cc689..9fd98e8f24 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2b2781c59e837a5e0beb2.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-51
 ---
 
-<!-- (Audio) Maria: Tom, I saw that you’ve fixed the issue on GitHub. Great job! -->
+<!-- (Audio) Maria: Tom, I saw that you've fixed the issue on GitHub. Great job! -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
index 9c1256a421..a1ce1f6f6c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-help-a-coworker-troubleshoot-on-github/65b2bb073ac8d03dfe507810.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-60
 ---
 
-<!-- (Audio) Tom: It happens to all of us, Maria. I’ll make sure to document this for future reference, so we won't run into the same problem again. -->
+<!-- (Audio) Tom: It happens to all of us, Maria. I'll make sure to document this for future reference, so we won't run into the same problem again. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
index ffe29d6e90..ee94aec584 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6620e51c36d18c137b887081.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-29
 ---
 
-<!-- (Audio) Tom: I see. So by explaining the complex parts with comments, I’ll help other people understand the code. Is that right? Sarah: Precisely. It's a form of documentation within the code. Great job grasping these concepts! -->
+<!-- (Audio) Tom: I see. So by explaining the complex parts with comments, I'll help other people understand the code. Is that right? Sarah: Precisely. It's a form of documentation within the code. Great job grasping these concepts! -->
 
 # --description--
 
@@ -27,7 +27,7 @@ Writing complex code without comments
 
 ### --feedback--
 
-Tom’s focus is on explaining complex code with comments, not writing it without comments.
+Tom's focus is on explaining complex code with comments, not writing it without comments.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
index bc1aeed0c9..4cb8f054a9 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-offer-technical-support-and-guidance/6622346c798d906ee4d31846.md
@@ -37,7 +37,7 @@ In this context, it refers to the final point Maria wants to make.
 
 ### --feedback--
 
-It describes the team’s nature of working together and helping each other.
+It describes the team's nature of working together and helping each other.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
index 6b28c5ed82..8c54ad805d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-read-and-understand-code-documentation/65fd5f2abfdbc510942d76f8.md
@@ -35,7 +35,7 @@ Because it's a standard practice to read everything in order
 
 ### --feedback--
 
-The suggestion isn’t about reading everything in order but about finding specific information efficiently.
+The suggestion isn't about reading everything in order but about finding specific information efficiently.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
index 54fcbd4f84..74ad9bd474 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661005bbe1801e14c303a57a.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-4
 ---
 
-<!-- (Audio) Bob: That's great, Sarah! I’ve also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
+<!-- (Audio) Bob: That's great, Sarah! I've also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
 
 # --description--
 
@@ -17,7 +17,7 @@ dashedName: task-4
 
 ## --sentence--
 
-`That's great, Sarah! I’ve also been BLANK busy this week. I tested the new BLANK we added last week. It BLANK to be working well. And I found a few BLANK issues that we need to fix.`
+`That's great, Sarah! I've also been BLANK busy this week. I tested the new BLANK we added last week. It BLANK to be working well. And I found a few BLANK issues that we need to fix.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
index 53e4327760..a857c20ffb 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66100646290700150caff732.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-5
 ---
 
-<!-- (Audio) Bob: That's great, Sarah! I’ve also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
+<!-- (Audio) Bob: That's great, Sarah! I've also been pretty busy this week. I tested the new feature we added last week. It seems to be working well. And I found a few minor issues that we need to fix. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
index 1818ca9913..c222365c18 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661216bbf6d9a51b409172a8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-7
 ---
 
-<!-- (Audio) Sarah: Thanks for catching those. As for me, I also finished the market research report. I presented it to the team yesterday. We’ve gathered valuable data that will help us make informed decisions. -->
+<!-- (Audio) Sarah: Thanks for catching those. As for me, I also finished the market research report. I presented it to the team yesterday. We've gathered valuable data that will help us make informed decisions. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
index a7bf842d65..5df2f8b44e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/661256fe823f142fb9858beb.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-22
 ---
 
-<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I’m working on fully updated, and I intend to improve our customer support process based on the training I received. -->
+<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I'm working on fully updated, and I intend to improve our customer support process based on the training I received. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
index 0303f8a900..2a112d6a82 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-progress-and-accomplishments/66126744e24b0a31255718a7.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-23
 ---
 
-<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I’m working on fully updated, and I intend to improve our customer support process based on the training I received. -->
+<!-- (Audio) Brian: Of course. By the end of the quarter, I plan to have the documentation I'm working on fully updated, and I intend to improve our customer support process based on the training I received. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
index bcfc7989fc..04e3aa0a90 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579cf81a9cec6d21f872959.md
@@ -9,7 +9,7 @@ dashedName: task-6
 
 # --description--
 
-The phrase `a fresh pair of eyes` is an idiomatic expression meaning to have someone new look at something to offer a different perspective. It’s often used when someone has been working on a problem for a long time and needs an outside opinion. The modal verb `may` suggests possibility or likelihood but not certainty.
+The phrase `a fresh pair of eyes` is an idiomatic expression meaning to have someone new look at something to offer a different perspective. It's often used when someone has been working on a problem for a long time and needs an outside opinion. The modal verb `may` suggests possibility or likelihood but not certainty.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
index 0135cee3cf..8f147965c8 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d002683211d5c7d13ef3.md
@@ -9,7 +9,7 @@ dashedName: task-8
 
 # --description--
 
-Sophie implies, or suggests without directly stating, that she needs help with her coding problem. To 'imply' something means to suggest it in an indirect way. For example, saying 'It’s getting late' can imply that it's time to leave, without saying it directly.
+Sophie implies, or suggests without directly stating, that she needs help with her coding problem. To 'imply' something means to suggest it in an indirect way. For example, saying 'It's getting late' can imply that it's time to leave, without saying it directly.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
index 0e6debc701..7aecbc246e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d4ca0578b4e95f1df60e.md
@@ -35,7 +35,7 @@ She should wait until the next meeting
 
 ### --feedback--
 
-Bob’s offer to help is immediate, contingent on Sophie sharing the code, not waiting until the next meeting.
+Bob's offer to help is immediate, contingent on Sophie sharing the code, not waiting until the next meeting.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
index 3dc8fe0149..d443f66209 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d539b1e5c2ec64484e49.md
@@ -43,7 +43,7 @@ He doesn't think the problem can be solved
 
 ### --feedback--
 
-Bob’s statement implies he believes there are possible solutions, not that it's unsolvable.
+Bob's statement implies he believes there are possible solutions, not that it's unsolvable.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
index f051cf04a9..d11033e4fe 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579d827ebd50afcacb829fe.md
@@ -44,7 +44,7 @@ He is asking for a break from the meeting
 
 ### --feedback--
 
-Bob’s statement is about making a suggestion, not about taking a break from the meeting.
+Bob's statement is about making a suggestion, not about taking a break from the meeting.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
index 23a87bd30c..b230b440b8 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579dbf6a3e8a5161a592169.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-31
 ---
 
-<!-- (Audio) Bob: I’m sure we'll gain some valuable insights from our discussion. -->
+<!-- (Audio) Bob: I'm sure we'll gain some valuable insights from our discussion. -->
 
 # --description--
 
@@ -43,7 +43,7 @@ He is unsure about the usefulness of the discussion
 
 ### --feedback--
 
-Bob’s statement `I'm sure` shows confidence in the usefulness of the discussion.
+Bob's statement `I'm sure` shows confidence in the usefulness of the discussion.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
index bfd75f1dcb..3c7b969815 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579ddc94db61d2463022da3.md
@@ -35,7 +35,7 @@ Sophie specifically mentions a coding issue she's been working on, not a differe
 
 ---
 
-She requests Bob’s help on a coding issue she's struggling with
+She requests Bob's help on a coding issue she's struggling with
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
index 22fea697ce..47fb134f10 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579de040244fb274179f001.md
@@ -31,7 +31,7 @@ It means to give someone access to something, here referring to the code.
 
 ### --feedback--
 
-It suggests starting something with enthusiasm, indicating Bob’s readiness to examine the code closely.
+It suggests starting something with enthusiasm, indicating Bob's readiness to examine the code closely.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
index e41b40a7b9..81e0846404 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-share-your-progress-in-weekly-stand-up-meetings/6579e17ff05c5d451c2e4f35.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-56
 ---
 
-<!-- (Audio) Sophie: Yeah, consistency is essential. I’ll go ahead and start with defining those coding standards. -->
+<!-- (Audio) Sophie: Yeah, consistency is essential. I'll go ahead and start with defining those coding standards. -->
 
 # --description--
 
@@ -23,7 +23,7 @@ To wait for further instructions about coding standards
 
 ### --feedback--
 
-Sophie’s statement shows she is ready to start working on the standards, not waiting for instructions.
+Sophie's statement shows she is ready to start working on the standards, not waiting for instructions.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
index 3f65c83626..f8c4f352be 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e0868da73165e32763679.md
@@ -38,7 +38,7 @@ Which sentence correctly uses the word `most`?
 
 ### --feedback--
 
-This sentence doesn’t use `most`
+This sentence doesn't use `most`
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
index dda6ad5238..3c36ac1713 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e15f175ecdf90b583ed01.md
@@ -19,7 +19,7 @@ What is Tom asking Sophie about?
 
 ## --answers--
 
-Sophie’s opinion on work.
+Sophie's opinion on work.
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ The focus is on breaks during work, not after work.
 
 ---
 
-Sophie’s favorite coffee.
+Sophie's favorite coffee.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
index 7dce6f2fd0..23c4a176c2 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e1c10bc3f2ea8e1c1d7f7.md
@@ -7,7 +7,7 @@ dashedName: task-22
 
 # --description--
 
-Understanding someone’s routine, like their lunch habits, involves paying attention to specific details in the conversation.
+Understanding someone's routine, like their lunch habits, involves paying attention to specific details in the conversation.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
index f52e60445c..fbab79ef2a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e31b82090130535456f65.md
@@ -33,7 +33,7 @@ For helping him with a project.
 
 ### --feedback--
 
-Helping with a project isn’t mentioned in this context.
+Helping with a project isn't mentioned in this context.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
index d97918e009..6cbdbc24a3 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e358a40dd95143df6fe26.md
@@ -41,7 +41,7 @@ His favorite security equipment.
 
 ### --feedback--
 
-Equipment isn’t mentioned in Sophie's question.
+Equipment isn't mentioned in Sophie's question.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
index 210520379e..38d50d8972 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e3dfda31b534042d06e39.md
@@ -27,7 +27,7 @@ Company rules suggest an external obligation, more suited to `have to`.
 
 ---
 
-`I have to make sure the security cameras work because I believe it’s crucial.`
+`I have to make sure the security cameras work because I believe it's crucial.`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
index da3c53934b..4a128ff905 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4a245cc71782126b3316.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-68
 ---
 
-<!-- (audio) Jake: “Well, yeah, security is a top priority and I have to make sure everything goes as expected.” -->
+<!-- (audio) Jake: "Well, yeah, security is a top priority and I have to make sure everything goes as expected." -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
index 5f4fa4583b..9ad6479bab 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e4e482e3a38992b212c6f.md
@@ -9,7 +9,7 @@ dashedName: task-77
 
 A `policy` (in the plural, `policies`) is a principle or rule to guide decisions and achieve rational outcomes. Policies are often adopted by an organization to guide employees.
 
-For instance, `The company’s privacy policy protects client information.`
+For instance, `The company's privacy policy protects client information.`
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
index bb9c004796..8ca986ec69 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50576597e0a65cd97e24.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-75
 ---
 
-<!-- (audio) Linda: Hey, James. So what is the meaning of “compliance”. Can you tell me? -->
+<!-- (audio) Linda: Hey, James. So what is the meaning of "compliance". Can you tell me? -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
index 846f6b5a6c..9a4dfb86bf 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e50dd1f6ff2a9873f9ff0.md
@@ -44,7 +44,7 @@ Deciding what tasks to do.
 
 ### --feedback--
 
-It’s about following set tasks, not personal choice.
+It's about following set tasks, not personal choice.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
index 828885fedd..50cf4e1ee6 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-a-typical-workday-and-tasks/657e5c296bdba2ea26c67ca0.md
@@ -15,7 +15,7 @@ Listen to the audio to answer the question below.
 
 ## --text--
 
-What is the meaning of Linda’s question?
+What is the meaning of Linda's question?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
index e26136fde5..86936d1fff 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e76356b6af6c07fe338c1.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-28
 ---
 
-<!-- (Audio) Linda: I've been a cyclist for more than 15 years. It's a love that hasn’t disappeared with time. -->
+<!-- (Audio) Linda: I've been a cyclist for more than 15 years. It's a love that hasn't disappeared with time. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
index 52cd8ce27f..29dfa450ee 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657e786b51f7eac240e92bcc.md
@@ -39,7 +39,7 @@ This sentence is not correct. A correct usage would be `Would you like me to mak
 
 ### --feedback--
 
-In this context, `like` doesn’t require the ending `-s` The correct form is `Would you like a glass of water?`
+In this context, `like` doesn't require the ending `-s` The correct form is `Would you like a glass of water?`
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
index 015ce73fef..ec1f23cf22 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/657fff7dabba2ff23993b08c.md
@@ -31,7 +31,7 @@ Partial acceptance
 
 ### --feedback--
 
-It suggests agreeing partially, which doesn’t fit the intention of the phrase.
+It suggests agreeing partially, which doesn't fit the intention of the phrase.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
index 652a7816d2..914ce31e13 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-hobbies-and-interests/658010478daa16fe79d8113a.md
@@ -35,7 +35,7 @@ She's hesitant to include Brian.
 
 ### --feedback--
 
-Sophie's tone doesn’t suggest hesitation, but rather openness and enthusiasm for his participation.
+Sophie's tone doesn't suggest hesitation, but rather openness and enthusiasm for his participation.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
index d4a4e08426..4abf0566c6 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d3fe6615374be0d10008.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-5
 ---
 
-<!-- (Audio) Brian: Well, we’re going to use a framework for the front-end, probably React. It's the technology we're most comfortable with, and it will make development faster. -->
+<!-- (Audio) Brian: Well, we're going to use a framework for the front-end, probably React. It's the technology we're most comfortable with, and it will make development faster. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
index c8aac6bc38..b3fa35e633 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d46936e9374c24cfaaab.md
@@ -11,7 +11,7 @@ dashedName: task-6
 
 `Going to` can also be used when you have some evidence in the present that something will happen in the future.
 
-For example, `Look at those numbers! It's going to be a hard day.` or `They are going to feel upset if we don’t invite them to the meeting.`
+For example, `Look at those numbers! It's going to be a hard day.` or `They are going to feel upset if we don't invite them to the meeting.`
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
index 30acf7c1f1..1b1e4f6ff1 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d550a08c194cd27607ec.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-8
 ---
 
-<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we’ll use Node.js. -->
+<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we'll use Node.js. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
index 7a1fa716e4..0b70344b0c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6613d6c3e74a984d6fcbd013.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-10
 ---
 
-<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we’ll use Node.js. It's a solid choice, and it will allow us to scale the application effectively. -->
+<!-- (Audio) Brian: Absolutely. And as for the back-end, I think we'll use Node.js. It's a solid choice, and it will allow us to scale the application effectively. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
index 0db34941fa..53cf16536e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ad58c102e15df06c96d5.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-15
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
@@ -21,7 +21,7 @@ An `audience` refers to the group of people who watch, read, or listen to someth
 
 ## --sentence--
 
-`I think we’re going to focus on social media marketing. It's BLANK, and it will BLANK a BLANK audience.`
+`I think we're going to focus on social media marketing. It's BLANK, and it will BLANK a BLANK audience.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
index 89cd9b3c21..75284c19fd 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614ae3e02cc465ebee68851.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-16
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
@@ -19,7 +19,7 @@ Which part of Sophie's sentence indicates that she is considering focusing on so
 
 ## --answers--
 
-`I think we’re going to focus on social media marketing.`
+`I think we're going to focus on social media marketing.`
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
index 9226d7dbd2..b524bf726a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b1f8ee220c5f79df89b8.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-17
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
index 525acd9ab8..46d406b836 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-talk-about-updates-and-plans-for-tasks-and-projects/6614b3e52a6aca60bc3417fb.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-20
 ---
 
-<!-- (Audio) Sophie: I think we’re going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. Brian: That sounds good. I suggest that we also invest in email marketing. It's more targeted, and it will allow us to engage with our subscribers directly. -->
+<!-- (Audio) Sophie: I think we're going to focus on social media marketing. It's cost-effective, and it will reach a broader audience. Brian: That sounds good. I suggest that we also invest in email marketing. It's more targeted, and it will allow us to engage with our subscribers directly. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
index d83521255d..73d598852a 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/6629ce1a4f6581a7266d6ca9.md
@@ -11,7 +11,7 @@ dashedName: task-3
 
 The **Present Perfect Continuous tense** is used talk about actions or situations that started in the past and are still happening now. It is very useful when you want to emphasize the duration of an activity or that it is an ongoing process.
 
-Here’s how to form the **Present Perfect Continuous**: Subject + `has/have been` + `-ing` form of the verb. This tense is often used with expressions of time such as `for` and `since`. `For` is used with a period of time like two years or six months, while `since` is used with a specific point in time, like 2018 or this morning.
+Here's how to form the **Present Perfect Continuous**: Subject + `has/have been` + `-ing` form of the verb. This tense is often used with expressions of time such as `for` and `since`. `For` is used with a period of time like two years or six months, while `since` is used with a specific point in time, like 2018 or this morning.
 
 예:
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
index c926609aa5..554e897708 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2779b2aeb80c10508bf2.md
@@ -23,7 +23,7 @@ She complains about the difficulty of learning them.
 
 ### --feedback--
 
-Sophie doesn’t mention any difficulty; she only expresses surprise at the number of programming languages.
+Sophie doesn't mention any difficulty; she only expresses surprise at the number of programming languages.
 
 ---
 
@@ -43,7 +43,7 @@ She ignores the comment and changes the subject.
 
 ### --feedback--
 
-Sophie directly responds to Brian’s observation by pointing out an interesting fact about programming languages.
+Sophie directly responds to Brian's observation by pointing out an interesting fact about programming languages.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
index 004cbafbf2..f92948b12f 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a2b1f0c9314142ae87955.md
@@ -43,7 +43,7 @@ Who she was with when she spent the time
 
 ### --feedback--
 
-Brian’s question is specifically about the amount of time, not about who was with her.
+Brian's question is specifically about the amount of time, not about who was with her.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
index 0db44bbb3e..a8af053cff 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662a304552f2631d63aa7cab.md
@@ -35,7 +35,7 @@ Sophie actually indicates she has free time and chooses to spend much of it on a
 
 ---
 
-She doesn’t enjoy what she does in her free time.
+She doesn't enjoy what she does in her free time.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
index aec19e9fb4..b974b3a90b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b74055c06e60af4f9b976.md
@@ -23,7 +23,7 @@ Brian needs help finding Python, the snake.
 
 ### --feedback--
 
-Brian’s question is about Python the programming language, not a snake.
+Brian's question is about Python the programming language, not a snake.
 
 ---
 
@@ -35,7 +35,7 @@ Brian is looking for someone to teach him Python next week.
 
 ### --feedback--
 
-Brian’s request implies an immediate need for clarification on a specific question, not seeking a teacher for future lessons.
+Brian's request implies an immediate need for clarification on a specific question, not seeking a teacher for future lessons.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
index 1dba64adb0..b48b7083cd 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662b8975b11107146a49ec58.md
@@ -35,7 +35,7 @@ Sarah needs help installing her code.
 
 ### --feedback--
 
-The audio does not mention installation issues; it focuses on trouble with existing code and understanding what’s wrong.
+The audio does not mention installation issues; it focuses on trouble with existing code and understanding what's wrong.
 
 ---
 
@@ -43,7 +43,7 @@ Sarah is confident about fixing the code herself.
 
 ### --feedback--
 
-Sarah’s description of not being able to figure out the issue suggests she is not confident about resolving it on her own.
+Sarah's description of not being able to figure out the issue suggests she is not confident about resolving it on her own.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
index 8de618ca83..9ec6648a33 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f074021418e2b24937af7.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-53
 ---
 
-<!-- (Audio) Tom: Depending on the IDE that you’re using, there are many extensions and plugins to use. -->
+<!-- (Audio) Tom: Depending on the IDE that you're using, there are many extensions and plugins to use. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
index 4d45b479d9..6934ab728e 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f0d350c37f42de48847fe.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-57
 ---
 
-<!-- (Audio) Tom: There are many debugging tools you can use. Depending on the IDE that you’re using, there are many extensions and plugins to use. They are super helpful. Sarah: I'll keep that in mind. Thanks, Tom. -->
+<!-- (Audio) Tom: There are many debugging tools you can use. Depending on the IDE that you're using, there are many extensions and plugins to use. They are super helpful. Sarah: I'll keep that in mind. Thanks, Tom. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
index 2fc64e245c..812e05036b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f2e4b96f60636d44eb7db.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-66
 ---
 
-<!-- (Audio) Tom: I understand that there are classes and methods, but I’ve never used them in my code. -->
+<!-- (Audio) Tom: I understand that there are classes and methods, but I've never used them in my code. -->
 
 # --description--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
index 0714228145..bdad8fee67 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f31024608f337c0bf53a9.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-67
 ---
 
-<!-- (Audio) Sarah: Object-oriented programming is used in many modern languages. How much do you know about it so far? Tom: Not much, really. I understand there are classes and methods, but I’ve never used them in my code. -->
+<!-- (Audio) Sarah: Object-oriented programming is used in many modern languages. How much do you know about it so far? Tom: Not much, really. I understand there are classes and methods, but I've never used them in my code. -->
 
 # --description--
 
@@ -31,11 +31,11 @@ Tom knows some things but hasn't tried them yet.
 
 ---
 
-Tom knows a lot about it but hasn’t used it.
+Tom knows a lot about it but hasn't used it.
 
 ### --feedback--
 
-Tom mentions understanding basic ideas like classes and methods, but he hasn’t used them, showing he knows a bit but not a lot.
+Tom mentions understanding basic ideas like classes and methods, but he hasn't used them, showing he knows a bit but not a lot.
 
 ---
 
@@ -43,7 +43,7 @@ Tom doesn't know anything about it.
 
 ### --feedback--
 
-Tom does know something because he talks about classes and methods, so he isn’t completely unfamiliar.
+Tom does know something because he talks about classes and methods, so he isn't completely unfamiliar.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
index 53912865ad..b8dcdcfff8 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-how-to-use-basic-programming-vocabulary-in-conversations/662f3450de7c2139809fb72b.md
@@ -33,7 +33,7 @@ A coworker asks for a report urgently and you reply, `No worries`, without provi
 
 ### --feedback--
 
-This use might imply indifference or dismissal without addressing the coworker’s urgent need, which is not appropriate.
+This use might imply indifference or dismissal without addressing the coworker's urgent need, which is not appropriate.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
index 7e6cee75c7..1cc4062085 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b400653813a1caa228aca.md
@@ -20,7 +20,7 @@ Sentences with the verb `to be` are often used to describe feelings and emotions
 
 ## --text--
 
-What does the expression `I’m happy` indicate in the present simple tense?
+What does the expression `I'm happy` indicate in the present simple tense?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
index f3fc614799..78487ca329 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657b68caf6debb2975503948.md
@@ -13,7 +13,7 @@ It's nice to have you here, Alice.
 
 # --description--
 
-`It’s nice to` is used to express a positive sentiment or feeling about something or someone.
+`It's nice to` is used to express a positive sentiment or feeling about something or someone.
 
 # --questions--
 
@@ -23,7 +23,7 @@ What is Bob expressing in his sentence?
 
 ## --answers--
 
-A negative opinion about Alice’s presence
+A negative opinion about Alice's presence
 
 ### --feedback--
 
@@ -31,7 +31,7 @@ Think about how the phrase `nice to` usually conveys positive feelings.
 
 ---
 
-A neutral statement about Alice’s presence
+A neutral statement about Alice's presence
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ Consider the warmth usually conveyed by the phrase `nice to`.
 
 ---
 
-An apology for Alice’s presence
+An apology for Alice's presence
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ Reflect on the purpose of the phrase `nice to` in welcoming contexts.
 
 ---
 
-A positive and welcoming sentiment about Alice’s presence
+A positive and welcoming sentiment about Alice's presence
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
index 67fd94fb24..c33d9d1bc6 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ca50a95d1c3828ee5a991.md
@@ -34,7 +34,7 @@ He is pleased with the current team members.
 
 ### --feedback--
 
-While this might be true, it doesn’t directly relate to the phrase about new members.
+While this might be true, it doesn't directly relate to the phrase about new members.
 
 ---
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
index 9adb5c7dfb..7c6fb0ff6c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caa4012f1cf846dcaa619.md
@@ -7,7 +7,7 @@ dashedName: task-33
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years. He makes sure our data is secure and efficient.
+This is John, the database administrator. He's been here for three years. He makes sure our data is secure and efficient.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
index b107b99704..668d6f75a4 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cad90d6745e85569cdc06.md
@@ -7,7 +7,7 @@ dashedName: task-34
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years. He makes sure our data is secure and efficient.
+This is John, the database administrator. He's been here for three years. He makes sure our data is secure and efficient.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
index b65b6f3ba7..7cba3f9c55 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657caec5163c6c85e5b31284.md
@@ -7,7 +7,7 @@ dashedName: task-35
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years.
+This is John, the database administrator. He's been here for three years.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
index 83a26611de..0fd347be73 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cafc142a867006734c3ed.md
@@ -7,7 +7,7 @@ dashedName: task-36
 
 <!--
 AUDIO REFERENCE:
-This is John, the database administrator. He’s been here for three years.
+This is John, the database administrator. He's been here for three years.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
index 3149d36633..eeb310927c 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ccfa7eeb47305177d4a45.md
@@ -7,7 +7,7 @@ dashedName: task-42
 
 <!--
 AUDIO REFERENCE:
-Everybody, let’s welcome Alice to the team.
+Everybody, let's welcome Alice to the team.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
index 293dc13f40..019bbdce77 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657cd816f3caf509f85e4d4a.md
@@ -7,7 +7,7 @@ dashedName: task-50
 
 <!--
 AUDIO REFERENCE:
-I'd like to introduce Lisa. She’s our new front-end developer.
+I'd like to introduce Lisa. She's our new front-end developer.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
index 4c0c43967b..0e1b862e7d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce387f809d60eb54f06d6.md
@@ -7,7 +7,7 @@ dashedName: task-58
 
 <!--
 AUDIO REFERENCE:
-Bob: Is there any specific area of design or development you're interested in? He’s your go-to guy for that.
+Bob: Is there any specific area of design or development you're interested in? He's your go-to guy for that.
 -->
 
 # --description--
@@ -20,7 +20,7 @@ For example, `He's the go-to guy for computer problems` means he is the person b
 
 ## --sentence--
 
-`Is there any BLANK area of design or development you're interested in? He’s your BLANK-to BLANK for that.`
+`Is there any BLANK area of design or development you're interested in? He's your BLANK-to BLANK for that.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
index 2db18719f9..868a16409b 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657ce691d6c57c107e650c5e.md
@@ -7,7 +7,7 @@ dashedName: task-61
 
 <!--
 AUDIO REFERENCE:
-Bob: This is Tom, our new graphic designer. Is there any specific area of design or development you're interested in? He’s your go-to guy for that.
+Bob: This is Tom, our new graphic designer. Is there any specific area of design or development you're interested in? He's your go-to guy for that.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
index 7768777883..56277dd8ba 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daa5ab8505427a5b99cd2.md
@@ -7,7 +7,7 @@ dashedName: task-64
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager.
+Bob: And I'm Bob, the team's project manager.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
index bae7906551..63109bd6de 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dab674b9de728828aa020.md
@@ -7,7 +7,7 @@ dashedName: task-66
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager. I’m the person you always need to talk to if you have any questions about the team’s goals and schedule.
+Bob: And I'm Bob, the team's project manager. I'm the person you always need to talk to if you have any questions about the team's goals and schedule.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
index 0878b60d8a..f617ef9400 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657dadfc7d21eb294c9f057e.md
@@ -7,7 +7,7 @@ dashedName: task-67
 
 <!--
 AUDIO REFERENCE:
-Bob: And I’m Bob, the team’s project manager. I’m the person you always need to talk to if you have any questions about the team’s goals and schedule.
+Bob: And I'm Bob, the team's project manager. I'm the person you always need to talk to if you have any questions about the team's goals and schedule.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
index b74e976b36..597beb2f90 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657daf702ed04a29ee42de69.md
@@ -7,7 +7,7 @@ dashedName: task-68
 
 <!--
 AUDIO REFERENCE:
-Lisa: Hi, Bob. It’s great to meet you too.
+Lisa: Hi, Bob. It's great to meet you too.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
index 71ee4c712f..35beb02fe6 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df21cc45b1f66112fb8fc.md
@@ -7,7 +7,7 @@ dashedName: task-69
 
 <!--
 AUDIO REFERENCE:
-Bob: Excellent! Lisa, it’s great to have you join our team, even if just online.
+Bob: Excellent! Lisa, it's great to have you join our team, even if just online.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
index efa8ac5345..71af118d4d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df2b22d7649667734d71e.md
@@ -7,7 +7,7 @@ dashedName: task-70
 
 <!--
 AUDIO REFERENCE:
-Bob: Excellent! Lisa, it’s great to have you join our team, even if just online.
+Bob: Excellent! Lisa, it's great to have you join our team, even if just online.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
index 94437caec1..d88c66f94d 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df5d14291b56887825276.md
@@ -7,7 +7,7 @@ dashedName: task-74
 
 <!--
 AUDIO REFERENCE:
-James: Good morning. I’m James and I’m here to help you with your training.
+James: Good morning. I'm James and I'm here to help you with your training.
 -->
 
 # --description--
@@ -18,7 +18,7 @@ Listen to the audio and fill in the missing words.
 
 ## --sentence--
 
-`I’m James and I’m BLANK to BLANK you with your BLANK.`
+`I'm James and I'm BLANK to BLANK you with your BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
index 7cf942fc3f..ec5afd0432 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657df6018a70e468f5dc016a.md
@@ -7,7 +7,7 @@ dashedName: task-75
 
 <!--
 AUDIO REFERENCE:
-James: Good morning. I’m James and I’m here to help you with your training.
+James: Good morning. I'm James and I'm here to help you with your training.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
index 57cb2df43b..53ec387ce7 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4b7d381d567e8d97967c.md
@@ -7,7 +7,7 @@ dashedName: task-88
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
index d17861b90a..3c09b26e81 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4c1f0bd3e97ef2d46644.md
@@ -7,7 +7,7 @@ dashedName: task-89
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
index 3608932d8f..8ed1d6bfdb 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4cd7f87d4f7f6954446d.md
@@ -7,7 +7,7 @@ dashedName: task-90
 
 <!--
 AUDIO REFERENCE:
-I'm Maria, the lead developer. I’m responsible for the technical aspects of the project. This is Bob, the project manager. He’s responsible for coordinating our efforts to meet your needs.
+I'm Maria, the lead developer. I'm responsible for the technical aspects of the project. This is Bob, the project manager. He's responsible for coordinating our efforts to meet your needs.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
index 8d7879228a..46d15fb380 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4db2e3fc8d7fb41b8b85.md
@@ -7,7 +7,7 @@ dashedName: task-91
 
 <!--
 AUDIO REFERENCE:
-David: Hey, Bob. How’s it going?
+David: Hey, Bob. How's it going?
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
index 2409dfaf7a..2cd8608c05 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e4fd2ecf31280ef673f0d.md
@@ -7,7 +7,7 @@ dashedName: task-94
 
 <!--
 AUDIO REFERENCE:
-Maria: And this is Linda, she’s our UX/UI designer. She works in user experience and she creates our interface design.
+Maria: And this is Linda, she's our UX/UI designer. She works in user experience and she creates our interface design.
 -->
 
 # --description--
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
index 357caad275..2755c0e762 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e539471b4aa82c7402c15.md
@@ -8,7 +8,7 @@ dashedName: task-97
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
index 03edc606d6..9d01733325 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e5477269b94834908826f.md
@@ -8,7 +8,7 @@ dashedName: task-98
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
@@ -20,7 +20,7 @@ David: I’ll be your point of contact and I’ll help make sure our collaborati
 
 ## --sentence--
 
-`I'll be your BLANK of contact and I’ll help make sure our BLANK is great.`
+`I'll be your BLANK of contact and I'll help make sure our BLANK is great.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
index 2942122d17..d0d5c04085 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e54f51fe1c983d840cb70.md
@@ -8,7 +8,7 @@ dashedName: task-99
 <!--
 AUDIO REFERENCE:
 
-David: I’ll be your point of contact and I’ll help make sure our collaboration is great.
+David: I'll be your point of contact and I'll help make sure our collaboration is great.
 
 -->
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
index 04529a558d..5b466bce30 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e55e612fac9847dc7ce03.md
@@ -8,7 +8,7 @@ dashedName: task-100
 <!--
 AUDIO REFERENCE:
 
-"We’re excited about this project. I’m confident that we can achieve great results."
+"We're excited about this project. I'm confident that we can achieve great results."
 
 -->
 
diff --git a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
index 6f137204cd..c381505fa1 100644
--- a/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
+++ b/curriculum/challenges/korean/21-a2-english-for-developers/learn-introductions-in-an-online-team-meeting/657e56e7034d2d858b6e9e00.md
@@ -8,7 +8,7 @@ dashedName: task-101
 <!--
 AUDIO REFERENCE:
 
-David: Wonderful to meet you all. I'm David, the project manager from FCC Corp. I’ll be your point of contact and I’ll help make sure our collaboration is great. We’re excited about this project. I’m confident that we can achieve great results.
+David: Wonderful to meet you all. I'm David, the project manager from FCC Corp. I'll be your point of contact and I'll help make sure our collaboration is great. We're excited about this project. I'm confident that we can achieve great results.
 
 -->
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
index d354f8b2f7..0508452f04 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a91783d34e873290e9f5ec.md
@@ -58,7 +58,7 @@ If she is going to a Hackathon this weekend.
 
 To find out what Bob wants to know, listen to the second question he asks. Pay attention what comes after `I hear you're going to...` which show what Bob is trying to find out.
 
-He uses a question to confirm what he heard, specifically mentioning the event he thinks she’s attending.
+He uses a question to confirm what he heard, specifically mentioning the event he thinks she's attending.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
index 06c1cee959..25869b37cf 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95606a32d5747dae3bfba.md
@@ -8,7 +8,7 @@ dashedName: task-14
 <!--
 AUDIO REFERENCE:
 Lisa: We plan to develop a new app for real-time project collaboration. How does that sound to you?
-Bob: Interesting! Who’s on your team?
+Bob: Interesting! Who's on your team?
 -->
 
 # --instructions--
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
index ca36ed3e23..6bc8abd325 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a958bb3ac85c4a75e5fe88.md
@@ -7,7 +7,7 @@ dashedName: task-18
 
 <!--
 AUDIO REFERENCE:
-Bob: Interesting! Who’s on your team?
+Bob: Interesting! Who's on your team?
 Lisa: A couple of developers from our branch in Seattle, and a UX designer I've collaborated with before.
 -->
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
index 4ac4454391..1d204157a4 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a9599790c94a4ba0e5dbd9.md
@@ -54,7 +54,7 @@ Lisa is asking about similar projects happening soon, not about moving to a diff
 
 # --explanation--
 
-Lisa asks about what’s coming up, specifically looking for information on projects that are similar to the one she is currently working on.
+Lisa asks about what's coming up, specifically looking for information on projects that are similar to the one she is currently working on.
 
 Pay attention to the phrase `similar projects coming up here` to understand what Lisa is asking about.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
index 0a3bcdfe0c..e547ded4d5 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a95ab699d0064d16bdf469.md
@@ -56,7 +56,7 @@ Bob is not asking about development status.
 
 Bob uses the word `yet`, which signals that he is asking if something expected has already happened.
 
-Pay attention to the words `potential name` and `yet` in Bob’s question, as these indicate that he is asking about the status of the app's name.
+Pay attention to the words `potential name` and `yet` in Bob's question, as these indicate that he is asking about the status of the app's name.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
index 89ea86edbd..ca9bfe0a46 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66a961222115ad5437ddf4fb.md
@@ -55,9 +55,9 @@ Bob has not decided yet. He says `Maybe`.
 
 # --explanation--
 
-People sometimes express uncertainty before making a decision. Bob hasn’t fully decided if he'll join the event. You can notice that because he says `Maybe`, which shows he is still thinking about it.
+People sometimes express uncertainty before making a decision. Bob hasn't fully decided if he'll join the event. You can notice that because he says `Maybe`, which shows he is still thinking about it.
 
-Pay attention to Bob’s follow-up question where he asks, `Where can I find...?` This reveals that he needs more details before deciding whether to join the event.
+Pay attention to Bob's follow-up question where he asks, `Where can I find...?` This reveals that he needs more details before deciding whether to join the event.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
index 7d67182960..8775026bec 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b13f2f0c5a415ccd41335e.md
@@ -45,4 +45,4 @@ False
 
 # --explanation--
 
-To answer this question, focus on the part of the text that describes Lisa’s team. Look for the sentence that mentions `Her team includes...`. This will help you determine if there are developers from Seattle on her team.
+To answer this question, focus on the part of the text that describes Lisa's team. Look for the sentence that mentions `Her team includes...`. This will help you determine if there are developers from Seattle on her team.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
index b82062ba59..ea088d0df4 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b4f8f6c1af973bdfdc0228.md
@@ -41,7 +41,7 @@ When someone asks if you have a moment, they want to talk to you about something
 
 When someone asks if you have a moment, they want to discuss something important.
 
-The correct response will show that you’re ready to listen or talk about the topic they want to discuss. Pay attention to options that focus on being open to a conversation.
+The correct response will show that you're ready to listen or talk about the topic they want to discuss. Pay attention to options that focus on being open to a conversation.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
index 4a83860096..ba994c9200 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b56c0432933515821a4eeb.md
@@ -20,7 +20,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Does Anna support Brian’s idea of using real-life scenarios?
+Does Anna support Brian's idea of using real-life scenarios?
 
 ## --answers--
 
@@ -44,7 +44,7 @@ She mentions that using real-life scenarios improves the training. This indicate
 
 ---
 
-She ignores Brian’s suggestion completely. This indicates she doesn't understands his idea.
+She ignores Brian's suggestion completely. This indicates she doesn't understands his idea.
 
 ### --feedback--
 
@@ -56,7 +56,7 @@ She didn't ignore Brian. Pay attention to the words she uses after `Using real-l
 
 # --explanation--
 
-People sometimes show support indirectly without explicitly saying they agree. To understand if Anna supports Brian’s idea, focus on her comment about the training.
+People sometimes show support indirectly without explicitly saying they agree. To understand if Anna supports Brian's idea, focus on her comment about the training.
 
 Instead of directly saying she likes the idea, she mentions that using real-life scenarios `makes the training more relevant`. This shows she agrees with Brian because she highlights a positive result of using his suggestion.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
index 8a8cccc7bb..c61a585c09 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b572bd3d3e122e9a8ff9df.md
@@ -37,9 +37,9 @@ Consider what phrase you would use to suggest connecting with someone to discuss
 
 `Touch base` means to make contact or to check in with someone, usually to discuss progress or updates. For example:
 
-- `Let’s touch base next week to see how the project is going.` - We'll talk again next week to discuss the project's progress.
+- `Let's touch base next week to see how the project is going.` - We'll talk again next week to discuss the project's progress.
 
-- `I’ll touch base with you later about the meeting.` - you'll contact this person later to talk about the meeting.
+- `I'll touch base with you later about the meeting.` - you'll contact this person later to talk about the meeting.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
index fb318c8bbf..1cb3999e59 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b57e127321d8524c7ddda7.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -83,4 +83,4 @@ Brian doesn't mention a party.
 
 # --explanation--
 
-Look at the email subject `Cybersecurity Training Session` and the first line `I want to update you on our next cybersecurity training session`. These show that Brian is informing the team about the upcoming session. There’s no mention of rescheduling, so the correct answer focuses on providing information about the training.
+Look at the email subject `Cybersecurity Training Session` and the first line `I want to update you on our next cybersecurity training session`. These show that Brian is informing the team about the upcoming session. There's no mention of rescheduling, so the correct answer focuses on providing information about the training.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
index fba928ee12..9865cdf2ce 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b580cb9307d46113a8a637.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -55,7 +55,7 @@ To know why the training session is important.
 
 ### --feedback--
 
-Although understanding the importance is useful, it doesn’t help you attend the meeting.
+Although understanding the importance is useful, it doesn't help you attend the meeting.
 
 ---
 
@@ -63,7 +63,7 @@ To bring a laptop to take notes during the session.
 
 ### --feedback--
 
-Bringing a laptop might be helpful, but it’s not essential information for attending the meeting.
+Bringing a laptop might be helpful, but it's not essential information for attending the meeting.
 
 ---
 
@@ -83,4 +83,4 @@ This is an important information, but it won't help you to attend the meeting. Q
 
 # --explanation--
 
-To answer correctly, focus on the details needed to attend the meeting: the `date`, `time`, `topic`, and `location`. These are listed under `Details` in the email. While informing a manager is important if you can’t attend, it doesn't help you participate in the session itself.
+To answer correctly, focus on the details needed to attend the meeting: the `date`, `time`, `topic`, and `location`. These are listed under `Details` in the email. While informing a manager is important if you can't attend, it doesn't help you participate in the session itself.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
index f3937b181d..0f98762db2 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b58252cb001966f564c19e.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
index a7ca1ea7ce..a2778d1e14 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b582d6978cff693c7b9455.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -83,4 +83,4 @@ Think about whether the email mentions anything about meetings or focuses on cyb
 
 # --explanation--
 
-The email states, `We’re adding a section on phishing, using real-life scenarios.` This shows that the new section is focused on identifying phishing attempts, not scheduling meetings.
+The email states, `We're adding a section on phishing, using real-life scenarios.` This shows that the new section is focused on identifying phishing attempts, not scheduling meetings.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
index cff9863927..b9b8acba45 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66b583275950846a87e88de8.md
@@ -35,11 +35,11 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Why Attend?`
 
-`As you know, our company has recently faced some security threats. We’re adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
+`As you know, our company has recently faced some security threats. We're adding a section on phishing, using real-life scenarios to ensure everyone uses strong passwords and protects our data.`
 
 `Attendance:`
 
-`Attendance is mandatory. If you can’t attend, please inform your manager.`
+`Attendance is mandatory. If you can't attend, please inform your manager.`
 
 `Looking forward to seeing you all.`
 
@@ -47,7 +47,7 @@ A couple of days after the conversation with Anna, Brian sent this email to the
 
 `Brian`
 
-What should you do if you can’t attend the meeting?
+What should you do if you can't attend the meeting?
 
 ## --answers--
 
@@ -84,4 +84,4 @@ Reflect on whether the email mentions this as an option or gives different instr
 
 # --explanation--
 
-The email says, `If you can’t attend, please inform your manager.` This clearly shows that the correct action is to inform your manager, not reschedule the meeting yourself.
+The email says, `If you can't attend, please inform your manager.` This clearly shows that the correct action is to inform your manager, not reschedule the meeting yourself.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
index 865b9759a4..d29fa0f85c 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbba46fff0ef451b701bcd.md
@@ -45,7 +45,7 @@ Yes, but only for a moment because she has her own problems.
 
 ### --feedback--
 
-Sarah doesn’t limit the time; she simply states that she is not busy.
+Sarah doesn't limit the time; she simply states that she is not busy.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
index ee9241e31c..f2f4e253a6 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbc147bc59c25e60e18aec.md
@@ -44,7 +44,7 @@ The live preview is working correctly.
 
 ### --feedback--
 
-If it were working correctly, Tom wouldn’t say that it isn’t showing.
+If it were working correctly, Tom wouldn't say that it isn't showing.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
index 24bb29a532..94a6c7425e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66bbf183427671a86f5ac25e.md
@@ -44,7 +44,7 @@ Not have this feature.
 
 ### --feedback--
 
-Pay attention to how Tom’s initial statement about the problem connects with his question, showing his surprise that the feature isn’t working as expected.
+Pay attention to how Tom's initial statement about the problem connects with his question, showing his surprise that the feature isn't working as expected.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
index 2cca4413cc..eadfeafc80 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
@@ -15,7 +15,7 @@ This is a review of the entire dialogue you just studied.
 
 Place the following phrases in the correct spot:
 
-`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, `Does your app`.
+`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, and `Does your app`.
 
 # --fillInTheBlank--
 
@@ -29,7 +29,7 @@ Place the following phrases in the correct spot:
 
 `Lisa: We plan to develop a new app for real-time project collaboration. BLANK sound to you?`
 
-`Bob: Interesting! Who’s on your team?`
+`Bob: Interesting! Who's on your team?`
 
 `Lisa: A couple of developers from our branch in Seattle, and a UX designer I've collaborated with before. BLANK we have any similar projects coming up here?`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
index 4809d4e625..d1ad2f49cc 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ec1a03bb27643063f262.md
@@ -32,7 +32,7 @@ This is a contraction for `it is`, indicating who or what is involved in the act
 
 ### --feedback--
 
-This word is used to make the sentence negative, showing that the action isn’t happening.
+This word is used to make the sentence negative, showing that the action isn't happening.
 
 # --explanation--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
index cf06529d4b..c55863c153 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4efaa80afd0729ae471d1.md
@@ -44,11 +44,11 @@ Remember the verb `to be`.
 
 # --explanation--
 
-`Might` is used to express possibility. When Sarah says, `might not be running`, she’s suggesting that it’s possible the live server extension isn’t currently active or working. For example:
+`Might` is used to express possibility. When Sarah says, `might not be running`, she's suggesting that it's possible the live server extension isn't currently active or working. For example:
 
-- `The server might be down.` - It’s possible the server isn’t working.
+- `The server might be down.` - It's possible the server isn't working.
 
-- `She might not be available today.` - It’s possible she’s not free today.
+- `She might not be available today.` - It's possible she's not free today.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
index 7d795fbb9b..6ac0a66232 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f19f86b5f07a71ac7642.md
@@ -16,11 +16,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What is the probable reason the live preview isn’t working?
+What is the probable reason the live preview isn't working?
 
 ## --answers--
 
-The live preview isn’t supported in Visual Studio Code.
+The live preview isn't supported in Visual Studio Code.
 
 ### --feedback--
 
@@ -40,7 +40,7 @@ Consider why Sarah would mention an issue if everything was working properly.
 
 ---
 
-Sarah doesn’t know what the problem is.
+Sarah doesn't know what the problem is.
 
 ### --feedback--
 
@@ -54,7 +54,7 @@ Think about whether Sarah suggested a possible cause for the issue.
 
 Sarah mentions three things that will help you to help identify the issue.
 
-First, she says, `It should,` showing that the live preview is expected to work. Next, she states that it’s `not displaying,` which indicates a problem. Finally, she suggests a reason: `the live server extension might not be running.`
+First, she says, `It should,` showing that the live preview is expected to work. Next, she states that it's `not displaying,` which indicates a problem. Finally, she suggests a reason: `the live server extension might not be running.`
 
 By connecting these clues, you can determine the probable reason Sarah provides for the issue.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
index 7c6b1aa2df..f13a7f41ff 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f338d6b658809576ae77.md
@@ -26,7 +26,7 @@ Which option is the best answer to Sarah's question?
 
 ### --feedback--
 
-This response doesn’t address whether Tom is using the extension Sarah mentioned.
+This response doesn't address whether Tom is using the extension Sarah mentioned.
 
 ---
 
@@ -38,7 +38,7 @@ This response doesn’t address whether Tom is using the extension Sarah mention
 
 # --explanation--
 
-Sarah is asking Tom if he’s using the live server extension, which is necessary for real-time previews in Visual Studio Code. Tom’s answer will help identify if this might be the cause of the problem. Select the option that answers Sarah's question.
+Sarah is asking Tom if he's using the live server extension, which is necessary for real-time previews in Visual Studio Code. Tom's answer will help identify if this might be the cause of the problem. Select the option that answers Sarah's question.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
index c03d740306..3a9346f3bc 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f45289436884e6afc059.md
@@ -28,9 +28,9 @@ These two words together mean to configure something so it works correctly.
 
 # --explanation--
 
-`Set up right` means to configure something correctly so that it works as expected. If something isn’t `set up right`, it might not function properly. For example:
+`Set up right` means to configure something correctly so that it works as expected. If something isn't `set up right`, it might not function properly. For example:
 
-- `The printer isn’t working because it’s not set up right.` - The printer isn’t configured correctly.
+- `The printer isn't working because it's not set up right.` - The printer isn't configured correctly.
 
 - `Make sure the software is set up right before you start using it.` - You need to configure the software correctly to ensure it works.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
index 2ed0f408a8..39e59c36ba 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4f90997120794595abd5c.md
@@ -21,7 +21,7 @@ Which sentence correctly uses `pop up`?
 
 ### --feedback--
 
-Think about whether `pop up` describes something that happens automatically, or if it’s something you actively do.
+Think about whether `pop up` describes something that happens automatically, or if it's something you actively do.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
index f564cf3f65..12bab43332 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4fd010695b5a316201d03.md
@@ -46,7 +46,7 @@ These two words together mean something suddenly appearing on the screen. The fi
 
 `IntelliJ IDEA` is a popular Integrated Development Environment (IDE) used by developers to write, test, and debug code. It is known for its powerful features, including `auto-completion`, which helps you code faster by suggesting possible completions as you type.
 
-When Tom says that `auto-completion isn’t popping up`, he means that the feature, which normally suggests code as you type, isn’t appearing on the screen like it should.
+When Tom says that `auto-completion isn't popping up`, he means that the feature, which normally suggests code as you type, isn't appearing on the screen like it should.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
index ed6d30065a..223088f40a 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4ffe51866ecadb48304b9.md
@@ -6,7 +6,7 @@ dashedName: task-122
 ---
 
 <!-- Audio Reference:
-Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic? -->
 
 # --instructions--
 
@@ -20,7 +20,7 @@ Listen to the audio and complete the sentence below.
 
 ## --blanks--
 
-`Isn’t it`
+`Isn't it`
 
 ### --feedback--
 
@@ -30,11 +30,11 @@ A tag question using the contraction of `is not` followed by a pronoun. The firs
 
 A `tag question` is a short question added to the end of a sentence to confirm or check something. It's often used when the speaker expects the listener to agree with them. For example:
 
-- `It’s a nice day, isn’t it?` - The speaker expects that the listener will agree that it’s a nice day.
+- `It's a nice day, isn't it?` - The speaker expects that the listener will agree that it's a nice day.
 
-- `They are coming to the meeting, aren’t they?` - The speaker expects that the listener will agree that they are coming to the meeting.
+- `They are coming to the meeting, aren't they?` - The speaker expects that the listener will agree that they are coming to the meeting.
 
-When Tom says, `Isn’t it automatic?`, he is asking for confirmation that the auto-completion should happen automatically.
+When Tom says, `Isn't it automatic?`, he is asking for confirmation that the auto-completion should happen automatically.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
index e64bc75442..620bea5497 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c5012e6643c2b32b3af0be.md
@@ -6,7 +6,7 @@ dashedName: task-123
 ---
 
 <!-- Audio Reference:
-Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic? -->
 
 # --instructions--
 
@@ -16,7 +16,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Why does Tom ask `Isn’t it automatic?`
+Why does Tom ask `Isn't it automatic?`
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
index 5d377d7ee1..b9da55a2cf 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c507bef7c69ac73fbc82cc.md
@@ -6,7 +6,7 @@ dashedName: task-124
 ---
 
 <!-- Audio Reference:
-Tom: The code auto-completion isn't popping up. Isn’t it automatic? -->
+Tom: The code auto-completion isn't popping up. Isn't it automatic? -->
 
 <!-- SPEAKING -->
 
@@ -30,9 +30,9 @@ Which option is the best answer to Tom's question?
 
 ### --feedback--
 
-This options is wrong because it contradicts itself. It starts saying `It is`, confirming Tom’s question, but then it adds that auto-completion needs to be enabled manually every time.
+This options is wrong because it contradicts itself. It starts saying `It is`, confirming Tom's question, but then it adds that auto-completion needs to be enabled manually every time.
 
-This doesn’t make sense — if something is automatic, you wouldn’t need to enable it manually.
+This doesn't make sense — if something is automatic, you wouldn't need to enable it manually.
 
 ## --video-solution--
 
@@ -40,7 +40,7 @@ This doesn’t make sense — if something is automatic, you wouldn’t need to
 
 # --explanation--
 
-Tom says, `The code auto-completion isn't popping up. Isn’t it automatic?` This means he expects auto-completion to work automatically.
+Tom says, `The code auto-completion isn't popping up. Isn't it automatic?` This means he expects auto-completion to work automatically.
 
 A good response would either confirm that auto-completion should be automatic or explain why it might not be working.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
index fd842b9866..3f35eea8a3 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c611f2d1e400c2f41ad5d9.md
@@ -42,7 +42,7 @@ In the `Present Simple` tense, the negative form is created using `doesn't` or `
 
 - Use `isn't` with forms of `to be` to show that something is not true, like `isn't set up.`
 
-In this sentence, you’ll need both `doesn't` and `isn't` to correctly describe why the feature isn’t working as expected.
+In this sentence, you'll need both `doesn't` and `isn't` to correctly describe why the feature isn't working as expected.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
index 46f8651fd9..075b4fed84 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c613a4d11b69cdd746b5ed.md
@@ -54,13 +54,13 @@ Pay attention to what Sarah says after `it doesn't work if...`.
 
 # --explanation--
 
-When Listening to Sarah’s, pay attention to the word `if`. This word often introduces the cause of a problem, explaining what needs to happen for something else to occur.
+When Listening to Sarah's, pay attention to the word `if`. This word often introduces the cause of a problem, explaining what needs to happen for something else to occur.
 
-After finding `if`, identify the part of the sentence that describes what happens when that condition isn’t met (the effect). In Sarah’s sentence:
+After finding `if`, identify the part of the sentence that describes what happens when that condition isn't met (the effect). In Sarah's sentence:
 
-- **Effect:** `The auto-completion doesn’t work`.
+- **Effect:** `The auto-completion doesn't work`.
 
-- **Cause** introduced by `if`: `If the project isn’t set up correctly`.
+- **Cause** introduced by `if`: `If the project isn't set up correctly`.
 
 Understanding this relationship helps you explain problems and solutions clearly.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
index 0d8514e8ec..1c6799b09d 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c616d281199cda967c144d.md
@@ -22,11 +22,11 @@ Tom is not sure he checked the settings and wants to check it again. How can he
 
 ## --answers--
 
-`I don’t think the settings matter.`
+`I don't think the settings matter.`
 
 ### --feedback--
 
-The correct answer would say that he isn’t sure if he has checked the settings, so he needs to check them again.
+The correct answer would say that he isn't sure if he has checked the settings, so he needs to check them again.
 
 ---
 
@@ -38,11 +38,11 @@ The correct answer would say that he isn’t sure if he has checked the settings
 
 # --explanation--
 
-Sometimes, when you’re not sure if you’ve done something, it’s important to say that you’re unsure. For example:
+Sometimes, when you're not sure if you've done something, it's important to say that you're unsure. For example:
 
 - `I'm not sure this is the correct settings.` - You are unsure whether the settings are according to what is expected or not.
 
-The correct answer will reflect Tom’s uncertainty and his plan to check the settings again.
+The correct answer will reflect Tom's uncertainty and his plan to check the settings again.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
index 9d0529ccb8..bcdb2dece2 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6184eda8a8be150b1a0b4.md
@@ -32,7 +32,7 @@ These two words together mean that something is necessary or required.
 
 ### --feedback--
 
-This verb means to look at something carefully to find out if it’s correct or working properly.
+This verb means to look at something carefully to find out if it's correct or working properly.
 
 ---
 
@@ -46,7 +46,7 @@ This word means to do something one more time.
 
 `Have to` is used to express that something is necessary or required. It indicates that there is no choice but to do something. For example:
 
-- `You have to save your changes before closing the program.` - This means it’s necessary to save changes before closing the program.
+- `You have to save your changes before closing the program.` - This means it's necessary to save changes before closing the program.
 
 When Tom says, `I'll have to check again`, he is stating that it's necessary for him to check the settings one more time, suggesting he's not sure about it.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
index 5193a4b374..c9f5737a33 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6193e7546c4e51cbf64c9.md
@@ -6,7 +6,7 @@ dashedName: task-130
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. -->
+Tom: And in Eclipse, it's not showing the Git tools. -->
 
 # --instructions--
 
@@ -36,9 +36,9 @@ This word means that something is supposed to be visible. It ends with `-ing`.
 
 # --explanation--
 
-`It’s not showing` is used to explain that something expected to appear on the screen isn’t visible. For example:
+`It's not showing` is used to explain that something expected to appear on the screen isn't visible. For example:
 
-- `The image isn’t showing on the screen.` - The image is supposed to be there, but it’s not visible.
+- `The image isn't showing on the screen.` - The image is supposed to be there, but it's not visible.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
index 508b0dc14f..9b343d92f3 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a0197d7e7e87191e033.md
@@ -6,7 +6,7 @@ dashedName: task-131
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. -->
+Tom: And in Eclipse, it's not showing the Git tools. -->
 
 # --instructions--
 
@@ -20,7 +20,7 @@ What problem is Tom facing now?
 
 ## --answers--
 
-He doesn’t know how to use Git tools.
+He doesn't know how to use Git tools.
 
 ### --feedback--
 
@@ -28,11 +28,11 @@ Pay attention to the part where Tom talks about something that should be visible
 
 ---
 
-He can’t see the Git tools in Eclipse.
+He can't see the Git tools in Eclipse.
 
 ---
 
-He can’t open the Eclipse software.
+He can't open the Eclipse software.
 
 ### --feedback--
 
@@ -40,7 +40,7 @@ Pay attention to the part where Tom talks about something that should be visible
 
 ---
 
-He doesn’t have Git installed.
+He doesn't have Git installed.
 
 ### --feedback--
 
@@ -52,7 +52,7 @@ Pay attention to the part where Tom talks about something that should be visible
 
 # --explanation--
 
-Tom says, `it’s not showing the Git tools,` which gives important clues to identify his problem.
+Tom says, `it's not showing the Git tools,` which gives important clues to identify his problem.
 
 The key phrase is `not showing`, which points to a visibility issue rather than a problem with knowledge or installation.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
index 54cccc567f..106c722948 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61a57f6eca6e9fb0f61d7.md
@@ -6,7 +6,7 @@ dashedName: task-132
 ---
 
 <!-- Audio Reference:
-Tom: And in Eclipse, it’s not showing the Git tools. Are they built-in? -->
+Tom: And in Eclipse, it's not showing the Git tools. Are they built-in? -->
 
 # --instructions--
 
@@ -16,7 +16,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`And in Eclipse, it’s not showing the Git tools. Are they BLANK?`
+`And in Eclipse, it's not showing the Git tools. Are they BLANK?`
 
 ## --blanks--
 
@@ -30,7 +30,7 @@ Something has been included as part of a larger system or structure from the sta
 
 `Built-in` refers to features or tools that are included as part of a software program or device from the start, without needing to be added or installed separately.
 
-When something is `built-in`, it’s already there and ready to use. For example:
+When something is `built-in`, it's already there and ready to use. For example:
 
 - `This laptop has a built-in camera.` - The camera is included as part of the laptop.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
index 9aa50e0fc9..6ed79263c4 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c61dee09da09f603fa3dbc.md
@@ -6,7 +6,7 @@ dashedName: task-133
 ---
 
 <!-- Audio Reference:
-Tom: It’s not showing the Git tools. Are they built-in? -->
+Tom: It's not showing the Git tools. Are they built-in? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
index 93318ded00..813f4789c4 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62046cf3df2fe7cf92230.md
@@ -20,7 +20,7 @@ According to Sarah, in which case won't the Git tools be visible?
 
 ## --answers--
 
-If the project isn’t saved correctly.
+If the project isn't saved correctly.
 
 ### --feedback--
 
@@ -28,7 +28,7 @@ Pay attention to what Sarah says after `but they're not visible if...`.
 
 ---
 
-If Eclipse isn’t updated to the latest version.
+If Eclipse isn't updated to the latest version.
 
 ### --feedback--
 
@@ -36,11 +36,11 @@ Pay attention to what Sarah says after `but they're not visible if...`.
 
 ---
 
-If the project isn’t linked to Git.
+If the project isn't linked to Git.
 
 ---
 
-If the Git tools aren’t installed manually.
+If the Git tools aren't installed manually.
 
 ### --feedback--
 
@@ -58,7 +58,7 @@ After `but`, Sarah mentions `they're not visible`, followed by the condition `if
 
 This tells you that the tools are hidden unless the project is connected to Git.
 
-The phrase `if the project isn't` is a key marker that introduces the condition under which the Git tools won’t appear.
+The phrase `if the project isn't` is a key marker that introduces the condition under which the Git tools won't appear.
 
 In Sarah's sentence, she uses `they're not` to explain that the Git tools are not visible, and `isn't` to say that the project is not linked to Git.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
index 6eebd117d0..4350295d82 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6213241b74d023adcf637.md
@@ -34,7 +34,7 @@ When forming questions with the verb `to be`, the usual word order of the subjec
 
 - `Is your project connected to Git?` (Question)
 
-In Sarah’s sentence, she uses this inversion to ask Tom if his project is connected to Git in Eclipse.
+In Sarah's sentence, she uses this inversion to ask Tom if his project is connected to Git in Eclipse.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
index a62104b0ec..666757cb56 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62515cf6ae70e34eb361d.md
@@ -16,11 +16,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Tom believes his project should be connected to Git, but he isn’t completely sure. What should he answer Sarah?
+Tom believes his project should be connected to Git, but he isn't completely sure. What should he answer Sarah?
 
 ## --answers--
 
-`It’s supposed to be.`
+`It's supposed to be.`
 
 ---
 
@@ -36,11 +36,11 @@ Think about whether Tom is completely sure about the connection.
 
 # --explanation--
 
-Sometimes, when you're not completely sure about something, but you believe it should be true, you can use the phrase `It’s supposed to` + verb.
+Sometimes, when you're not completely sure about something, but you believe it should be true, you can use the phrase `It's supposed to` + verb.
 
-This will express that something is expected to be a certain way, even if you haven’t confirmed it yet. For example:
+This will express that something is expected to be a certain way, even if you haven't confirmed it yet. For example:
 
-- `The update is supposed to fix the bug.` - This means you expect the update to fix the bug, but you haven’t confirmed it yet.
+- `The update is supposed to fix the bug.` - This means you expect the update to fix the bug, but you haven't confirmed it yet.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
index e6ae198ef7..6ecd32ea6a 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c625e03abcb711ca38ba5f.md
@@ -32,13 +32,13 @@ These two words start the sentence and are used to describe something that is ha
 
 ### --feedback--
 
-An adjective that describes the feeling of being upset or annoyed because something isn’t working as expected. It ends with `-ing`.
+An adjective that describes the feeling of being upset or annoyed because something isn't working as expected. It ends with `-ing`.
 
 # --explanation--
 
 `This is` is a simple way to start a sentence when describing something.
 
-`Frustrating` is an adjective that describes a feeling of being upset or annoyed because something isn’t working as expected. For example:
+`Frustrating` is an adjective that describes a feeling of being upset or annoyed because something isn't working as expected. For example:
 
 - `This is confusing.` - The situation is hard to understand.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
index 5c1cb4919d..dc90df92b0 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62747744dc4178785207d.md
@@ -20,7 +20,7 @@ Why is Tom frustrated?
 
 ## --answers--
 
-Because he doesn’t know how to code.
+Because he doesn't know how to code.
 
 ### --feedback--
 
@@ -28,7 +28,7 @@ Tom's frustration is not related to his coding skills.
 
 ---
 
-Because he didn’t save his project.
+Because he didn't save his project.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
index f182ad1168..9b4afa7617 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c628215739f51ac74cb5cc.md
@@ -30,11 +30,11 @@ This word introduces the condition or situation that causes something to happen.
 
 `when` is used here to describe a specific condition or situation that causes something to happen.
 
-In Sarah’s sentence, `when` introduces the condition where the IDEs become tricky: `if they’re not set up properly`. For example:
+In Sarah's sentence, `when` introduces the condition where the IDEs become tricky: `if they're not set up properly`. For example:
 
 - `The program crashes when it runs out of memory.` - The condition of running out of memory causes the program to crash.
 
-- `The printer only works when it’s plugged in.` - The condition of being plugged in allows the printer to work.
+- `The printer only works when it's plugged in.` - The condition of being plugged in allows the printer to work.
 
 In both cases, `when` is used to explain the situation in which something occurs.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
index cf4c22aa7c..c9a8a3d164 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6293f674a0a1e960027c3.md
@@ -41,7 +41,7 @@ The IDEs are tricky because they lack built-in tools.
 
 ### --feedback--
 
-Reflect on whether Sarah’s explanation was about built-in tools or the setup of the IDEs.
+Reflect on whether Sarah's explanation was about built-in tools or the setup of the IDEs.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
index 60dd081e30..6fe398be0c 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c62b0c65018625985a897d.md
@@ -26,7 +26,7 @@ Tom wants to accept Sarah's offer. How could he reply to her?
 
 ---
 
-`I’m not sure if that will help.`
+`I'm not sure if that will help.`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
index e0451e2128..643e541962 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c637ce17705151c64f9059.md
@@ -29,11 +29,11 @@ Place the following phrases in the correct spot:
 
 `Sarah: It should, but BLANK because the live server extension might not be running. Are you using that extension for real-time previews?`
 
-`Tom: I think we are, but maybe BLANK right. Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn’t it automatic?`
+`Tom: I think we are, but maybe BLANK right. Also, in IntelliJ IDEA, the code auto-completion isn't popping up. Isn't it automatic?`
 
 `Sarah: It usually is, but it doesn't work if the project isn't set up right. Have you checked the settings?`
 
-`Tom: I'll have to check again. And in Eclipse, it’s not showing the Git tools. BLANK built in?`
+`Tom: I'll have to check again. And in Eclipse, it's not showing the Git tools. BLANK built in?`
 
 `Sarah: Yes, they are, but BLANK if the project isn't linked to Git. Is your project connected to Git in Eclipse?`
 
@@ -57,7 +57,7 @@ This phrase is used when checking if something should be working automatically.
 
 ### --feedback--
 
-This phrase indicates that something expected to be visible on the screen isn’t appearing.
+This phrase indicates that something expected to be visible on the screen isn't appearing.
 
 ---
 
@@ -65,7 +65,7 @@ This phrase indicates that something expected to be visible on the screen isn’
 
 ### --feedback--
 
-This phrase explains that something isn’t arranged or configured correctly.
+This phrase explains that something isn't arranged or configured correctly.
 
 ---
 
@@ -81,7 +81,7 @@ This phrase is used to ask if something, like the Git tools, is included or buil
 
 ### --feedback--
 
-This phrase indicates that something, like the Git tools, can’t be seen on the screen.
+This phrase indicates that something, like the Git tools, can't be seen on the screen.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
index 7078fc94a0..4bb912d098 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63db09b73ad6539eeee61.md
@@ -27,17 +27,17 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
 `Best, Sarah`
 
-What should Tom do if the Live Preview isn’t displaying in Visual Studio Code?
+What should Tom do if the Live Preview isn't displaying in Visual Studio Code?
 
 ## --answers--
 
@@ -45,7 +45,7 @@ Restart Visual Studio Code and check the project settings.
 
 ### --feedback--
 
-Consider whether restarting the program is Sarah’s suggested solution or if she focuses more on project settings.
+Consider whether restarting the program is Sarah's suggested solution or if she focuses more on project settings.
 
 ---
 
@@ -65,7 +65,7 @@ Switch to a different IDE to see if the issue persists. She prefers Eclipse.
 
 ### --feedback--
 
-Reflect on whether Sarah’s advice is about changing IDEs or troubleshooting within Visual Studio Code.
+Reflect on whether Sarah's advice is about changing IDEs or troubleshooting within Visual Studio Code.
 
 ## --video-solution--
 
@@ -73,8 +73,8 @@ Reflect on whether Sarah’s advice is about changing IDEs or troubleshooting wi
 
 # --explanation--
 
-To find the answer, focus on the section of Sarah’s email labeled `1. Visual Studio Code - Live preview.`
+To find the answer, focus on the section of Sarah's email labeled `1. Visual Studio Code - Live preview.`
 
-In this part, she explains that if the Live Preview isn’t displaying, Tom should first make sure the live server extension is installed and running.
+In this part, she explains that if the Live Preview isn't displaying, Tom should first make sure the live server extension is installed and running.
 
-Then, if it’s still not working, she advises checking the project settings to ensure everything is correctly set up for real-time previews.
+Then, if it's still not working, she advises checking the project settings to ensure everything is correctly set up for real-time previews.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
index cd6ca7c8a9..b010db7d26 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c63fda0e11806e78090f36.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -41,7 +41,7 @@ Why might auto-completion not work in IntelliJ IDEA, according to Sarah's email?
 
 ## --answers--
 
-The live server extension isn’t installed.
+The live server extension isn't installed.
 
 ### --feedback--
 
@@ -53,7 +53,7 @@ The Git tools are not visible.
 
 ### --feedback--
 
-Consider whether the visibility of Git tools affects auto-completion, or if it’s more about the project setup.
+Consider whether the visibility of Git tools affects auto-completion, or if it's more about the project setup.
 
 ---
 
@@ -75,4 +75,4 @@ Reflect on whether Sarah mentioned file corruption as a reason for auto-completi
 
 Pay close attention to the section labeled `2. IntelliJ IDEA - Auto-Completion.`
 
-In this part, Sarah mentions that if auto-completion isn’t working, the problem is likely due to the project not being set up correctly. She suggests checking the project settings and verifying that all necessary plugins are enabled.
+In this part, Sarah mentions that if auto-completion isn't working, the problem is likely due to the project not being set up correctly. She suggests checking the project settings and verifying that all necessary plugins are enabled.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
index e4b2db4d62..d46dd94d8d 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c6409f492e5e71621d06b8.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -41,7 +41,7 @@ What does Sarah say about the Git tools in Eclipse?
 
 ## --answers--
 
-They are built-in but won’t be visible unless your project is linked to Git.
+They are built-in but won't be visible unless your project is linked to Git.
 
 ---
 
@@ -61,7 +61,7 @@ Consider if Sarah said the tools are automatically visible or if she mentioned a
 
 ---
 
-They only work if you’re using IntelliJ IDEA.
+They only work if you're using IntelliJ IDEA.
 
 ### --feedback--
 
@@ -75,4 +75,4 @@ Reflect on whether Sarah was talking about Eclipse or if this applies to a diffe
 
 Sarah provides instructions specifically about the Git tools in Eclipse under the section `3. Eclipse - Git Tools.`
 
-She mentions that the tools are built-in, but they won’t be visible unless the project is linked to Git. 
+She mentions that the tools are built-in, but they won't be visible unless the project is linked to Git. 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
index 6f49f93d04..c77c188650 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c640e2f81416727a42fd4c.md
@@ -27,11 +27,11 @@ Sarah decided to e-mail and document their conversation:
 
 `2. IntelliJ IDEA - Auto-Completion:`
 
-`Double-check your project settings. If auto-completion isn’t working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
+`Double-check your project settings. If auto-completion isn't working, the project might not be set up right. Go to your project settings and verify that all necessary plugins are enabled.`
 
 `3. Eclipse - Git Tools:`
 
-`The Git tools are built-in, but they won’t be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
+`The Git tools are built-in, but they won't be visible unless your project is linked to Git. Make sure your project is connected to the Git repository.`
 
 `Let me know if you need any more help, or if you'd like to go through a detailed walkthrough together.`
 
@@ -53,7 +53,7 @@ She suggests that Tom should hire someone else to fix the issues.
 
 ### --feedback--
 
-Consider if Sarah’s tone is more supportive or if she is suggesting an alternative solution.
+Consider if Sarah's tone is more supportive or if she is suggesting an alternative solution.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
index 52fa983677..b00e7e2457 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
@@ -1,8 +1,8 @@
 ---
 id: 66609f86c2500e597c8cb52f
-title: "Dialogue 1: I'm Tom"
+title: "Dialogue 1: Scheduled Maintenance to Prevent DoS Attacks"
 challengeType: 21
-dashedName: dialogue-1-im-tom
+dashedName: dialogue-1-scheduled-maintenance-to-prevent-dos-attacks
 ---
 
 # --description--
@@ -11,48 +11,177 @@ Watch the video below to understand the context of the upcoming lessons.
 
 # --assignment--
 
-Watch the video
+Watch the video.
 
 # --scene--
 
 ```json
 {
-  "setup": {
-    "background": "chaos.png",
-    "characters": [
-      {
-        "character": "David",
-        "position": {"x":50,"y":80,"z":8},
-        "opacity": 0
-      }
-    ],
-    "audio": {
-      "filename": "1.1-1.mp3",
-      "startTime": 1,
-      "startTimestamp": 5.7,
-      "finishTimestamp": 6.48
-    }
-  },
-  "commands": [
-    {
-      "character": "David",
-      "opacity": 1,
-      "startTime": 0
-    },
-    {
-      "character": "David",
-      "startTime": 1,
-      "finishTime": 0.78,
-      "dialogue": {
-        "text": "I'm Tom.",
-        "align": "center"
-      }
-    },
-    {
-      "character": "Tom",
-      "opacity": 0,
-      "startTime": 1.28
-    }
-  ]
+ "setup": {
+   "background": "company2-boardroom.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-1.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.94,
+     "dialogue": {
+       "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 5.22,
+     "finishTime": 10.94,
+     "dialogue": {
+       "text": "It's crucial to enhance our firewall settings to prevent any potential denial of service attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 11.9,
+     "finishTime": 17.52,
+     "dialogue": {
+       "text": "Yes, Jake. I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.4,
+     "finishTime": 21.06,
+     "dialogue": {
+       "text": "That's right. The update should last about two hours.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.42,
+     "finishTime": 25.52,
+     "dialogue": {
+       "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 26.1,
+     "finishTime": 31.76,
+     "dialogue": {
+       "text": "Will the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 32.78,
+     "finishTime": 35.44,
+     "dialogue": {
+       "text": "Absolutely. The entire technical support team will be on duty.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 35.82,
+     "finishTime": 40,
+     "dialogue": {
+       "text": "They've been briefed and are prepared to manage any unexpected situations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 40.5,
+     "finishTime": 42.74,
+     "dialogue": {
+       "text": "Great. And when does the team perform the final checks?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 43.12,
+     "finishTime": 45.78,
+     "dialogue": {
+       "text": "The final system checks are set for Friday night.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 46.1,
+     "finishTime": 51.18,
+     "dialogue": {
+       "text": "We'll confirm that all security patches are ready to be deployed without any complications.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 51.76,
+     "finishTime": 55.42,
+     "dialogue": {
+       "text": "Perfect. And the training session for the new security protocols, when is that planned?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 55.42,
+     "finishTime": 57.98,
+     "dialogue": {
+       "text": "The training is planned for Thursday afternoon.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 58.44,
+     "finishTime": 63.06,
+     "dialogue": {
+       "text": "Every team member must understand the changes and how these will impact our operations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 63.56
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 64.06
+   }
+ ]
 }
 ```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
new file mode 100644
index 0000000000..d78c313753
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
@@ -0,0 +1,90 @@
+---
+id: 673519c3d750b013c96f1e6f
+title: Task 1
+challengeType: 22
+dashedName: task-1
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Maria, the next BLANK BLANK is scheduled for this Saturday at 2 AM.`
+
+## --blanks--
+
+`system`
+
+### --feedback--
+
+This word refers to the entire software or hardware environment needing improvement or maintenance.
+
+---
+
+`update`
+
+### --feedback--
+
+This word describes a new version or change that improves software or adds features.
+
+# --explanation--
+
+A `system update` is an essential process that makes improvements, adds new features, or corrects issues in the software on a device or network. For example:
+
+- `The system update included security improvements to protect user data.` - The update made changes to help keep user information safe from potential threats.
+
+- `After the system update, the device ran faster and had new features.` - The update improved device speed and added new functionalities, making it more efficient and useful.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
new file mode 100644
index 0000000000..5d6e6f115b
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
@@ -0,0 +1,107 @@
+---
+id: 67351b96eefe7c282ec1424b
+title: Task 2
+challengeType: 19
+dashedName: task-2
+---
+
+<!-- (Audio) Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has been scheduled?
+
+## --answers--
+
+The next system update.
+
+---
+
+A team meeting.
+
+### --feedback--
+
+James does not mention a meeting.
+
+---
+
+A system backup.
+
+### --feedback--
+
+James doesn't mention a backup.
+
+---
+
+A software installation.
+
+### --feedback--
+
+James doesn't mention a new installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`To be scheduled` means to set a specific date and time for something to happen. In this case, the system update is planned for a specific day and hour. For example:
+
+- `The meeting is scheduled for Monday at 10 AM.` - This means the meeting will happen on Monday at 10 AM.
+
+- `The release is scheduled for next month.` - This means the release will take place sometime in the upcoming month.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
new file mode 100644
index 0000000000..57d207b4f2
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
@@ -0,0 +1,108 @@
+---
+id: 673653fa580778853a7a7afd
+title: Task 3
+challengeType: 19
+dashedName: task-3
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the system update scheduled?
+
+## --answers--
+
+This Sunday at 2 AM.
+
+### --feedback--
+
+Check if Jake mentions Saturday or Sunday for the update.
+
+---
+
+This Saturday at 2 AM.
+
+---
+
+Next Saturday at 2 PM.
+
+### --feedback--
+
+Check if Jake specifies a morning or afternoon time and which Saturday he means.
+
+---
+
+Past Saturday at 2 AM.
+
+### --feedback--
+
+Consider whether Jake refers to a future date or something that has already passed.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`This` and `next` help clarify if an event is scheduled soon or further in the future.
+
+In this case, `this Saturday at 2 AM` refers to the upcoming Saturday and a specific early morning time chosen to minimize disruption. For example:
+
+- `The meeting is scheduled for this Friday at 9 AM.` - This means the meeting is set for the closest Friday at 9 AM.
+
+- `Our next session is next Tuesday at 4 PM.` - This means the session will occur on the Tuesday following this week, at 4 PM.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
new file mode 100644
index 0000000000..15bbeeacc3
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
@@ -0,0 +1,82 @@
+---
+id: 673654d11366b18b1c76d980
+title: Task 4
+challengeType: 22
+dashedName: task-4
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to BLANK our firewall settings.`
+
+## --blanks--
+
+`enhance`
+
+### --feedback--
+
+This word means to improve or make something stronger or more effective.
+
+# --explanation--
+
+`Enhance` means to improve something or make it more effective. For example:
+
+- `We need to enhance our website's security features.` - This means improving or strengthening the website's security.
+
+- `The new update enhances the app's performance.` - This means the update improves how well the app works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
new file mode 100644
index 0000000000..2da226cc72
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
@@ -0,0 +1,107 @@
+---
+id: 673655ea628630928b5b50b8
+title: Task 6
+challengeType: 22
+dashedName: task-6
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to enhance our firewall settings to prevent any potential BLANK BLANK BLANK attacks.`
+
+## --blanks--
+
+`denial`
+
+### --feedback--
+
+This word refers to refusing or blocking something from happening.
+
+---
+
+`of`
+
+### --feedback--
+
+This word is a short preposition often used to link two related ideas.
+
+---
+
+`service`
+
+### --feedback--
+
+This word describes a type of assistance or functionality provided, such as by a network.
+
+# --explanation--
+
+A `Denial of Service (DoS)` attack is a cyber-attack intended to make a network or service unavailable to its intended users, usually by overwhelming it with traffic. This type of attack disrupts normal service, causing slowdowns or complete outages. For example:
+
+- `The system went down due to a denial of service attack.` - This means the system became unavailable because it was overwhelmed by malicious traffic.
+
+- `Enhanced firewall settings can help prevent DoS attacks.` - This means improved firewall configurations can reduce the risk of such attacks by blocking unwanted traffic.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
new file mode 100644
index 0000000000..a63034725a
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
@@ -0,0 +1,110 @@
+---
+id: 6736576b5407af9bdf1f41b7
+title: Task 5
+challengeType: 19
+dashedName: task-5
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be enhanced?
+
+## --answers--
+
+Network speed.
+
+### --feedback--
+
+Jake is not discussing the network's speed or performance.
+
+---
+
+Software compatibility.
+
+### --feedback--
+
+Jake is not focused on compatibility between different software.
+
+---
+
+Firewall settings.
+
+---
+
+User interface.
+
+### --feedback--
+
+Jake's focus is on something related to security, not appearance or design.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+A `firewall` is a security system that protects a network by controlling incoming and outgoing network traffic based on security rules.
+
+`Settings` refer to configurations or adjustments that determine how something functions.
+
+`Firewall settings` are the specific rules or configurations used to manage network security. For example:
+
+- `We updated the firewall settings to block unauthorized access.` - This means adjustments were made to prevent access by unauthorized users.
+
+- `Enhancing firewall settings can help prevent cyber attacks.` - This means improving the configurations to increase security against online threats.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
new file mode 100644
index 0000000000..2c32852ecc
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
@@ -0,0 +1,113 @@
+---
+id: 67365a08481f68acc18a9639
+title: Task 7
+challengeType: 19
+dashedName: task-7
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Jake want to enhance their firewall settings?
+
+## --answers--
+
+To improve network speed.
+
+### --feedback--
+
+Consider if Jake's focus is on security or performance.
+
+---
+
+To add new features.
+
+### --feedback--
+
+Think about whether Jake mentions adding anything new, or if he is more focused on protection.
+
+---
+
+To fix a current security issue.
+
+### --feedback--
+
+Jake refers to a potential risk, not a current issue that needs fixing.
+
+---
+
+To prevent Denial of Service attacks.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, `to prevent` is a key marker that shows Jake's main reason for enhancing the firewall settings.
+
+He emphasizes prevention, specifically mentioning `Denial of Service attacks` as the potential risk.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
new file mode 100644
index 0000000000..749d8c4e97
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
@@ -0,0 +1,109 @@
+---
+id: 673ba128855f6e78cd392dab
+title: Task 8
+challengeType: 19
+dashedName: task-8
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which is the best response to Jake's comment?
+
+## --answers--
+
+`Yes, Jake. I've reviewed the timetable.`
+
+---
+
+`Yes, Jake. The moon looks great tonight.`
+
+### --feedback--
+
+This response is unrelated to Jake's comment about the system update and firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. In this context, Jake refers to a timetable for the system update, and Maria mentions reviewing it, showing she is prepared. For example:
+
+- `The timetable for the train is posted at the station.` - This means the schedule for train arrivals and departures is available for reference.
+
+- `We created a timetable to organize our project milestones.` - This means a schedule was set up to track when each project goal should be achieved.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 10.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.94,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2 AM.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 7.62,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.63,
+      "finishTime": 10.34,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 11.04
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
new file mode 100644
index 0000000000..8a0e9ae740
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
@@ -0,0 +1,82 @@
+---
+id: 673ba3a9d1858104dfbba180
+title: Task 9
+challengeType: 22
+dashedName: task-9
+---
+
+<!-- (Audio) Maria: Yes, Jake. I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, Jake. I've reviewed the BLANK.`
+
+## --blanks--
+
+`timetable`
+
+### --feedback--
+
+This word refers to a schedule that organizes events or activities based on time.
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. It is used to organize and keep track of when specific tasks, meetings, or updates will happen. For example:
+
+- `The timetable for the conference was shared last week.` - This means the schedule of sessions and events for the conference was provided.
+
+- `Our team follows a weekly timetable for project check-ins.` - This means there is a set schedule each week for the team to review progress.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
new file mode 100644
index 0000000000..104e394e0c
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
@@ -0,0 +1,106 @@
+---
+id: 673ba5bf35e3b51211c27c2b
+title: Task 10
+challengeType: 19
+dashedName: task-10
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has Maria done?
+
+## --answers--
+
+She has changed the timetable.
+
+### --feedback--
+
+Consider whether Maria mentions making any edits or changes.
+
+---
+
+She has ignored the timetable.
+
+### --feedback--
+
+Think about whether Maria shows she has paid attention to the timetable.
+
+---
+
+She has created a timetable.
+
+### --feedback--
+
+Check if Maria refers to an existing timetable or mentions making a new one.
+
+---
+
+She has reviewed the timetable.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria's statement, `Yes, Jake, I've reviewed the timetable`, shows she has already checked or looked over the schedule for the system update. `To review` something means to examine or go over it carefully. For example:
+
+- `I reviewed the project proposal before the meeting.` - This means you checked the proposal to understand it.
+
+- `She reviewed the instructions before starting the task.` - This means she examined the instructions to ensure she knew what to do.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
new file mode 100644
index 0000000000..eab87a114a
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
@@ -0,0 +1,101 @@
+---
+id: 673ba72bd5ef6a1bc39ba037
+title: Task 11
+challengeType: 22
+dashedName: task-11
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The BLANK BLANK starts exactly when the user traffic is at its lowest, correct?`
+
+## --blanks--
+
+`server`
+
+### --feedback--
+
+This word refers to a computer system that provides services, resources, or data to other computers on a network.
+
+---
+
+`downtime`
+
+### --feedback--
+
+This word refers to a period when a system or service is not available or operational.
+
+# --explanation--
+
+`Downtime` is a period when a system or service is unavailable or not operational. It is often scheduled to perform maintenance, updates, or repairs.
+
+`Server downtime` specifically refers to the time when a server — a computer system that provides data, services, or resources to other devices — is temporarily unavailable. For example:
+
+- `The server downtime was scheduled at midnight to minimize the impact on users.` - This means the server was made unavailable at midnight to reduce inconvenience to users.
+
+- `Unexpected downtime occurred due to a power failure.` - This means the system became unavailable without prior planning because of a power outage.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
new file mode 100644
index 0000000000..3e4a44f387
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
@@ -0,0 +1,111 @@
+---
+id: 673ba8558f0a93235de58ccb
+title: Task 12
+challengeType: 22
+dashedName: task-12
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The server downtime starts exactly when the user traffic is BLANK BLANK BLANK, correct?`
+
+## --blanks--
+
+`at`
+
+### --feedback--
+
+This is a preposition used to indicate a specific time or condition.
+
+---
+
+`its`
+
+### --feedback--
+
+This is a possessive pronoun referring to something that belongs to or is related to the server traffic.
+
+---
+
+`lowest`
+
+### --feedback--
+
+This is the superlative form of `low`, describing the smallest amount or level.
+
+# --explanation--
+
+The pronoun `its` is a possessive pronoun that indicates something belongs to or is associated with a subject. For example:
+
+`The system operates best when its temperature is regulated.` - This means the system works well when the temperature belonging to it is controlled.
+
+The word `lowest` is the superlative form of `low`, meaning the least amount or the smallest degree. For example:
+
+`The lowest temperature recorded was in the early morning.` - This means the smallest temperature measured occurred in the morning.
+
+In Maria's sentence, `at its lowest` refers to the lowest level of user traffic for the server.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
new file mode 100644
index 0000000000..e814301b9d
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
@@ -0,0 +1,111 @@
+---
+id: 673ba99a1280af2ba7770b56
+title: Task 13
+challengeType: 19
+dashedName: task-13
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does the server downtime start?
+
+## --answers--
+
+When the user traffic is at its peak.
+
+### --feedback--
+
+Consider whether downtime would be planned when the server is most active. Think about when the least disruption would occur.
+
+---
+
+When the user traffic is at its lowest.
+
+---
+
+When the server needs a reboot.
+
+### --feedback--
+
+Maria does not mention any specific technical need like a reboot. Focus on what she says about traffic.
+
+---
+
+When new features are added.
+
+### --feedback--
+
+Maria is talking about downtime related to user traffic, not updates or feature additions. Pay attention to the context of the sentence.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria states that the server downtime starts when `the user traffic is at its lowest`. This indicates the downtime is planned for a time with minimal user activity, likely to reduce the impact on users.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
new file mode 100644
index 0000000000..f3712a2e98
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
@@ -0,0 +1,101 @@
+---
+id: 673bab51ecb42c369eb6b37b
+title: Task 14
+challengeType: 19
+dashedName: task-14
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`That's right. The update lasted about two hours.`
+
+### --feedback--
+
+Check if the response uses the correct tense for a future event. Maria is asking about something that hasn't happened yet.
+
+---
+
+`That's right. The update should last about two hours.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria's question uses the `Present Simple` tense, `The server downtime starts...`, to talk about a planned event.
+
+This is common when discussing schedules or timetables, as the `Present Simple` indicates something fixed or organized in the future. Her intention is to confirm the timing of the downtime as planned.
+
+The answer, `That's right. The update should last about two hours`, confirms her statement and provides additional detail about the expected duration of the update.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
new file mode 100644
index 0000000000..b92c074789
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
@@ -0,0 +1,94 @@
+---
+id: 673bad5d57b0a6444819ca0e
+title: Task 15
+challengeType: 22
+dashedName: task-15
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That's right. The update BLANK BLANK about two hours.`
+
+## --blanks--
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express an expectation or likelihood of something happening.
+
+---
+
+`last`
+
+### --feedback--
+
+This word means to continue for a specific period of time.
+
+# --explanation--
+
+`Should` is used to express an expectation or something that is likely to happen.
+
+`Last` means to continue or endure for a specific amount of time. For example:
+
+- `The meeting should last for one hour.` - This means it is expected that the meeting will take one hour to complete.
+
+- `This battery should last up to five hours.` - This indicates the expected duration of the battery's performance.
+
+Together, `should last` expresses the anticipated length of time something will continue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 20.06
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
new file mode 100644
index 0000000000..1277e59b5e
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
@@ -0,0 +1,92 @@
+---
+id: 673baec00a78e04d5c6a9ea2
+title: Task 16
+challengeType: 22
+dashedName: task-16
+---
+
+<!-- (Audio) Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to BLANK BLANK while strengthening our defenses.`
+
+## --blanks--
+
+`minimize`
+
+### --feedback--
+
+This word means to reduce something to the smallest possible amount or degree.
+
+---
+
+`disruption`
+
+### --feedback--
+
+This word refers to a disturbance or interruption in the normal flow or operation of something.
+
+# --explanation--
+
+`Minimize` means to reduce something to the smallest amount or degree possible.
+
+`Disruption` refers to any interruption or disturbance in normal activity.
+
+Together, `minimize disruption` means to reduce interruptions or disturbances to the lowest level possible. For example:
+
+`The team worked at night to minimize disruption to daily operations.` - This means they scheduled their work at night to cause the least amount of interference during the day.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
new file mode 100644
index 0000000000..bc428e2aa0
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
@@ -0,0 +1,80 @@
+---
+id: 673c03eb9c3d4c2e12555aaf
+title: Task 17
+challengeType: 22
+dashedName: task-17
+---
+
+<!-- (Audio) Jake: Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to minimize disruption while BLANK our defenses.`
+
+## --blanks--
+
+`strengthening`
+
+### --feedback--
+
+This word refers to the process of making something stronger or more secure. It ends in `-ing`.
+
+# --explanation--
+
+`Strengthening` describes the ongoing process of making something stronger. For example:
+
+`We are strengthening our defenses to improve security.` - This means actively working to make the defenses better and more secure.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
new file mode 100644
index 0000000000..972e3636ad
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
@@ -0,0 +1,113 @@
+---
+id: 673c06abb58d403f7e4533fb
+title: Task 18
+challengeType: 19
+dashedName: task-18
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the expected outcome?
+
+## --answers--
+
+The update completely avoids all disruption.
+
+### --feedback--
+
+Consider whether Jake mentions completely avoiding disruption or minimizing it.
+
+---
+
+The update weakens defenses while maintaining user traffic.
+
+### --feedback--
+
+Think about whether Jake's goal is to weaken defenses or strengthen them.
+
+---
+
+The update causes minimal disruption and strengthens defenses.
+
+---
+
+The update distracts users to implement new features.
+
+### --feedback--
+
+Jake is focused on minimizing disruption, not on distracting users, and does not mention new features.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify the expected outcome, listen for the parts of the audio where Jake states the goals of the update.
+
+He mentions `minimize disruption` and `strengthening our defenses`, which clearly outline what the update aims to achieve.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.02,
+      "finishTime": 8.32,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
new file mode 100644
index 0000000000..368a66821f
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
@@ -0,0 +1,92 @@
+---
+id: 673c07da6aa1be470dc55332
+title: Task 19
+challengeType: 22
+dashedName: task-19
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK the support team be BLANK during the update?`
+
+## --blanks--
+
+`Will`
+
+### --feedback--
+
+It is used to indicate the future in this structure. The first letter is capitalized.
+
+---
+
+`on call`
+
+### --feedback--
+
+This phrase means being available online to provide support or help if needed.
+
+# --explanation--
+
+`On call` means being available online to provide help or support if necessary.
+
+This sentence uses the structure `Will + subject + verb` to ask about a planned event in the future. This structure is common in formal questions about future arrangements. For example:
+
+- `Will the meeting start at 10 AM?` - This is asking if the meeting is scheduled to begin at that specific time.
+
+- `Will they join us for dinner?` - This is asking if they have plans to come to dinner.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
new file mode 100644
index 0000000000..a0ff078d7f
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
@@ -0,0 +1,104 @@
+---
+id: 673c097ad524db51cca7ae3f
+title: Task 20
+challengeType: 19
+dashedName: task-20
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to confirm about the support team?
+
+## --answers--
+
+If they will be on call during the update.
+
+---
+
+If they will perform the update themselves.
+
+### --feedback--
+
+Think about whether Maria is asking about the team's role or their availability.
+
+---
+
+If they will monitor user traffic.
+
+### --feedback--
+
+Consider whether Maria refers to managing user activity or being available to assist.
+
+---
+
+If they will install new features.
+
+### --feedback--
+
+Maria's question focuses on their availability, not specific tasks like feature installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria uses the structure `Will the support team be on call during the update?` to ask if they will be available to help if needed.
+
+Pay attention to the phrase `on call` to understand her intention.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
new file mode 100644
index 0000000000..499a16488a
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
@@ -0,0 +1,102 @@
+---
+id: 673c0bf736904660a9077269
+title: Task 21
+challengeType: 19
+dashedName: task-21
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the support team might install new features during the update.
+
+### --feedback--
+
+Think about whether Maria's question mentions feature installation or their availability.
+
+---
+
+If the support team is not required to assist during the update.
+
+### --feedback--
+
+Consider whether Maria's question implies the team is unnecessary or if she is confirming their availability.
+
+---
+
+If the support team will be on call during the update.
+
+---
+
+If the support team will work on managing user activity.
+
+### --feedback--
+
+Maria's question does not focus on user activity but rather their availability.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria's question, `Will the support team be on call during the update?`, is asking about a future event in which the team needs to be available to assist.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
new file mode 100644
index 0000000000..5cafb2b6ae
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
@@ -0,0 +1,101 @@
+---
+id: 67472118e6040e52ad3ca5b0
+title: Task 22
+challengeType: 22
+dashedName: task-22
+---
+
+<!-- (Audio) Maria:  We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to make sure they're ready to BLANK any immediate BLANK that come up.`
+
+## --blanks--
+
+`handle`
+
+### --feedback--
+
+This word means to manage, deal with, or take care of something.
+
+---
+
+`issues`
+
+### --feedback--
+
+This word refers to problems or concerns that need to be addressed or resolved.
+
+# --explanation--
+
+`Handle` means to deal with or manage a task or situation effectively.
+
+`Issues` refers to problems or concerns that require attention or resolution. Together, `handle issues` suggests managing or solving problems as they occur. For example:
+
+- `The technician handled the issue quickly.` - This means the technician managed or resolved the problem efficiently.
+
+- `Addressing these issues is critical for project success.` - This refers to focusing on and resolving problems that affect the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
new file mode 100644
index 0000000000..8c23c475f4
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
@@ -0,0 +1,115 @@
+---
+id: 67472280c0b01f5e1442f8da
+title: Task 23
+challengeType: 19
+dashedName: task-23
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to ensure?
+
+## --answers--
+
+That they've already solved all the issues.
+
+### --feedback--
+
+Maria is talking about preparation for future problems, not resolving something that has already been handled.
+
+---
+
+That they're ready to handle any immediate issues.
+
+---
+
+That they avoid dealing with any issues.
+
+### --feedback--
+
+Maria emphasizes readiness, not avoidance. Think about whether she wants them to act or ignore.
+
+---
+
+That they focus only on long-term problems.
+
+### --feedback--
+
+Maria's focus is on immediate issues, not long-term concerns. Pay attention to the word `immediate`.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen to the key phrases in Maria's statement: `We need to make sure they're ready` and `to handle any immediate issues that come up.`
+
+The word `ready` indicates preparation, and `immediate issues` specifies the type of problems Maria is referring to.
+
+Together, these phrases show that Maria is focused on ensuring readiness to deal with short-term, unexpected challenges.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
new file mode 100644
index 0000000000..0863bb86fe
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
@@ -0,0 +1,99 @@
+---
+id: 67472348ce54e263862c5386
+title: Task 24
+challengeType: 19
+dashedName: task-24
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria believes they should handle issues as they come up.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+Consider whether Maria talks about avoiding or addressing issues. Pay attention to the phrase `handle any immediate issues`.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria says, `We need to make sure they're ready to handle any immediate issues that come up.`
+
+The phrase `handle issues as they come up` directly points to her belief in addressing problems as they occur.
+
+To answer correctly, focus on her use of the words `ready to handle` and `immediate issues`, which indicate her intention for proactive problem-solving.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
new file mode 100644
index 0000000000..df14a58f76
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
@@ -0,0 +1,92 @@
+---
+id: 674e3864432aea6f5ce708ed
+title: Task 26
+challengeType: 22
+dashedName: task-26
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The BLANK technical support team will be BLANK.`
+
+## --blanks--
+
+`entire`
+
+### --feedback--
+
+This word means the whole or complete group.
+
+---
+
+`on duty`
+
+### --feedback--
+
+These two words together mean being officially assigned to work or perform tasks at a specific time. The first word is a preposition, and the second is a noun.
+
+# --explanation--
+
+`Entire` means the whole or complete group, emphasizing that every member of the technical support team is included.
+
+`On duty` refers to being officially assigned to work or available to perform tasks during a specific time. For example:
+
+- `The entire staff attended the meeting.` - This means all members of the staff were present.
+
+- `The security guard is on duty until midnight.` - This means the guard is working and available until the specified time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
new file mode 100644
index 0000000000..a167546f76
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
@@ -0,0 +1,94 @@
+---
+id: 674e3b2f69b2e481d4f6cebe
+title: Task 25
+challengeType: 22
+dashedName: task-25
+---
+
+<!-- (Audio) Absolutely. The entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The entire technical support team BLANK BLANK on duty.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense.
+
+---
+
+`be`
+
+### --feedback--
+
+Infinitive form of verb `to be`.
+
+# --explanation--
+
+The sentence uses `will` to indicate the `Future Simple` tense, showing that the action is expected to happen.
+
+The structure `will + verb` is commonly used to talk about future events, plans, or predictions. For example:
+
+- `They will be at the meeting tomorrow.` - This means their presence is planned for the future.
+
+- `We will start the project next week.` - This means the project is scheduled to begin in the future.
+
+Using `will` is a straightforward way to express future intentions, promises, or schedules.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
new file mode 100644
index 0000000000..f9b77c33aa
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
@@ -0,0 +1,88 @@
+---
+id: 674e3bc223f6c5862facf3e2
+title: Task 27
+challengeType: 19
+dashedName: task-27
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Only a part of the technical support team will be on duty.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Focus on the word `entire` in his statement.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Entire` in the sentence makes it clear that all members of the technical support team will be available.
+
+To find the correct answer, focus on the key phrase: `the entire technical support team`. This emphasizes that no one is excluded from being on duty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
new file mode 100644
index 0000000000..691fda15e6
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
@@ -0,0 +1,99 @@
+---
+id: 674e3cb5a611618cd5301758
+title: Task 28
+challengeType: 22
+dashedName: task-28
+---
+
+<!-- (Audio) They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`They've been BLANK and are prepared to manage any BLANK situations.`
+
+## --blanks--
+
+`briefed`
+
+### --feedback--
+
+This word means being given detailed information or instructions about a task or situation. It ends in `-ed`.
+
+---
+
+`unexpected`
+
+### --feedback--
+
+This word describes something that happens without warning or is not anticipated. It ends in `-ed`.
+
+# --explanation--
+
+`Briefed` means that someone has been provided with detailed instructions or information to prepare them for a specific task or situation.
+
+`Unexpected` refers to something that happens without prior knowledge or warning. For example:
+
+`The team was briefed on the emergency procedures.` - This means the team was given instructions about what to do in an emergency.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
new file mode 100644
index 0000000000..c76e177c69
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
@@ -0,0 +1,111 @@
+---
+id: 67506acdf255ff94e0ba712e
+title: Task 29
+challengeType: 19
+dashedName: task-29
+---
+
+<!-- (Audio) Jake: They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did Jake instruct them about?
+
+## --answers--
+
+Completing a scheduled task.
+
+### --feedback--
+
+Think about whether Jake's statement focuses on planned tasks or unplanned situations.
+
+---
+
+Managing unexpected situations.
+
+---
+
+Avoiding all potential issues.
+
+### --feedback--
+
+Consider if Jake mentioned avoiding issues or handling them when they arise.
+
+---
+
+Reporting to him immediately.
+
+### --feedback--
+
+Jake's statement does not mention reporting back. Focus on what they are prepared to do.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen for the key phrase in Jake's statement: `prepared to manage any unexpected situations`. This shows that the team was briefed to handle unplanned or surprising events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
new file mode 100644
index 0000000000..495a696be3
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
@@ -0,0 +1,90 @@
+---
+id: 67506bd2d567359bac72f760
+title: Task 30
+challengeType: 22
+dashedName: task-30
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great, and when does the team BLANK the final BLANK?`
+
+## --blanks--
+
+`perform`
+
+### --feedback--
+
+This word means to carry out or execute a task or action.
+
+---
+
+`checks`
+
+### --feedback--
+
+This word refers to examinations or inspections to ensure something is correct or in good condition.
+
+# --explanation--
+
+`Perform` means to carry out or execute a specific task.
+
+`Checks` refers to inspections or evaluations made to ensure that everything is functioning correctly or meeting a standard. For example:
+
+`The team performed the tests before deployment.` - This means they executed tests as part of their tasks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
new file mode 100644
index 0000000000..7ac2e03436
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
@@ -0,0 +1,88 @@
+---
+id: 67506c7db9d148a0308107d8
+title: Task 31
+challengeType: 19
+dashedName: task-31
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria wants to perform the final checks with the team.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Think about whether Maria mentions her involvement in performing the checks or if she is just asking about the team's task.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria is asking about the timing of the team's task, not expressing a desire to join them in performing the checks.
+
+The phrase `when does the team perform` indicates she is inquiring rather than volunteering or participating.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
new file mode 100644
index 0000000000..62976e0eb0
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
@@ -0,0 +1,104 @@
+---
+id: 67506d2c92a80fa4b7a912a7
+title: Task 32
+challengeType: 19
+dashedName: task-32
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+Who performs the final checks.
+
+### --feedback--
+
+Maria's question is about timing, not about identifying who performs the checks.
+
+---
+
+When the final checks will happen.
+
+---
+
+Why the final checks are performed.
+
+### --feedback--
+
+Maria is asking about the timing, not the reason for the checks.
+
+---
+
+What the final checks include.
+
+### --feedback--
+
+Maria does not ask about the details of the checks, but when they happen.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Listening for key question words like `when` can help identify her intent.
+
+`When` indicates that her question is focused on the timing of the task, not who performs it, why they are performed, or what they include.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
new file mode 100644
index 0000000000..43f7869327
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
@@ -0,0 +1,98 @@
+---
+id: 67506e16a9e0bdaad7267c35
+title: Task 33
+challengeType: 19
+dashedName: task-33
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What would be the best answer to Maria's question?
+
+## --answers--
+
+`The final system checks are set for Friday night`.
+
+---
+
+`The final system checks were completed yesterday.`
+
+### --feedback--
+
+This refers to the past, but Maria is asking about a future event. Focus on the tense in her question.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`And when does the team perform the final checks?`, uses the `Present Simple` tense (`does perform`) to ask about a scheduled future event.
+
+The correct answer, `The final system checks are set for Friday night`, also uses the `Present Simple` to describe a fixed plan.
+
+`Present Simple` is often used for future events that are part of a schedule or timetable. For example:
+
+- `The train departs at 8 PM tonight.` - This indicates a scheduled departure.
+
+- `Our meeting starts tomorrow morning.` - This shows a planned time for a future event.
+
+In this context, the `Present Simple` makes the answer concise and appropriate for discussing a fixed event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
new file mode 100644
index 0000000000..e61c688f45
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
@@ -0,0 +1,88 @@
+---
+id: 67506e940e1d20ae6f0fc7e2
+title: Task 34
+challengeType: 22
+dashedName: task-34
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The final system checks are BLANK BLANK Friday night.`
+
+## --blanks--
+
+`set`
+
+### --feedback--
+
+This word means arranged or scheduled to happen at a specific time.
+
+---
+
+`for`
+
+### --feedback--
+
+This preposition indicates the purpose or time of an event.
+
+# --explanation--
+
+`Set` means that something is arranged, planned, or scheduled for a specific time or purpose. The preposition `for` is used to indicate the time or purpose of the planned event. For example:
+
+`The meeting is set for 3 PM tomorrow.` - This means the meeting is scheduled to take place at that time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
new file mode 100644
index 0000000000..fdfb7d5cd0
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
@@ -0,0 +1,102 @@
+---
+id: 67506f57df7629b3d8d90f11
+title: Task 35
+challengeType: 19
+dashedName: task-35
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When will the final checks happen?
+
+## --answers--
+
+Tomorrow morning.
+
+### --feedback--
+
+Focus on the last two words in Jack's statement.
+
+---
+
+Next Monday.
+
+### --feedback--
+
+Pay attention to the timing in his statement.
+
+---
+
+Last Friday.
+
+### --feedback--
+
+The checks are set for a future time, not a past date.
+
+---
+
+Friday night.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `The final system checks are set for Friday night`. The phrase `are set for` indicates a future event, and `Friday night` specifies the exact time. To answer correctly, focus on the timing mentioned in the statement and note that it refers to a planned, scheduled future event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
new file mode 100644
index 0000000000..40612d4212
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
@@ -0,0 +1,89 @@
+---
+id: 675070049d1f9fb8c1bced11
+title: Task 36
+challengeType: 22
+dashedName: task-36
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll confirm that all security BLANK are ready to be deployed without any complications.`
+
+## --blanks--
+
+`patches`
+
+### --feedback--
+
+This word refers to updates or fixes for software or systems.
+
+# --explanation--
+
+`Patches` refers to updates or fixes that address issues in software or systems. For example:
+
+`The patches are ready to be installed.` - This means the fixes are prepared for installation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
new file mode 100644
index 0000000000..541459e2df
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
@@ -0,0 +1,99 @@
+---
+id: 675070d075960bbe3f92eca6
+title: Task 37
+challengeType: 19
+dashedName: task-37
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The security patches are ready to be deployed.
+
+## --answers--
+
+True
+
+### --feedback--
+
+`We'll` shows this is a future action not something already completed.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The contraction `We'll` stands for `We will,` indicating a future action or plan. For example:
+
+- `I'll call you tomorrow.` - This means the action of calling will happen in the future.
+
+- `We'll review the report later.` - This indicates that the review is planned but has not yet occurred.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
new file mode 100644
index 0000000000..af84cac2e1
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
@@ -0,0 +1,108 @@
+---
+id: 675074863d75f1d559b039df
+title: Task 38
+challengeType: 22
+dashedName: task-38
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Perfect. And the training session for the new BLANK BLANK, when is that planned?`
+
+## --blanks--
+
+`security`
+
+### --feedback--
+
+This word refers to measures or systems designed to protect something, such as data or systems.
+
+---
+
+`protocols`
+
+### --feedback--
+
+This word means a set of rules or procedures to follow in specific situations.
+
+# --explanation--
+
+`Security` refers to systems or actions used to protect important resources, like data or networks.
+
+`Protocols` means a set of rules or procedures that explain how to do something correctly. For example:
+
+`We followed the security protocols during the test.` - This means they followed the safety rules step by step.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
new file mode 100644
index 0000000000..9277b259ca
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
@@ -0,0 +1,124 @@
+---
+id: 6750758f8581d3dcfeb1c386
+title: Task 39
+challengeType: 19
+dashedName: task-39
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria think about the training session?
+
+## --answers--
+
+It has not been scheduled yet.
+
+### --feedback--
+
+Focus on the tense she uses.
+
+---
+
+It will be scheduled later.
+
+### --feedback--
+
+Pay attention to her use of the `Present Simple` tense.
+
+---
+
+It is already scheduled.
+
+---
+
+It does not need to be scheduled.
+
+### --feedback--
+
+Consider her use of the phrase `is planned`.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria asks, `when is that planned?` The verb `is` in the `Present Simple` shows she believes the training session is already scheduled. The `Present Simple` is often used for fixed future plans, like schedules or timetables. For example:
+
+- `The train departs at 6 PM.` - This shows a planned future event using the `Present Simple`.
+
+- `What time does the concert start?` - This assumes the concert has a fixed start time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
new file mode 100644
index 0000000000..7835648ded
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
@@ -0,0 +1,110 @@
+---
+id: 6750775f2b0832e88216e98c
+title: Task 40
+challengeType: 19
+dashedName: task-40
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`The training is planned for Thursday afternoon.`
+
+---
+
+`The training will be planned for Thursday afternoon.`
+
+### --feedback--
+
+This uses the `Future Simple` tense, which suggests the plan has not been made yet. Maria's question assumes the training is already scheduled.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria's question, `when is that planned?`, uses the `Present Simple` tense (`is planned`) to ask about a fixed future event.
+
+The `Present Simple` is commonly used for schedules, timetables, or planned events because it gives a sense of certainty. For example:
+
+`The bus leaves at 9 AM tomorrow.` - This shows a fixed schedule.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
new file mode 100644
index 0000000000..8d35fa0a07
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
@@ -0,0 +1,90 @@
+---
+id: 6750784c1399a9ef62b27e9e
+title: Task 41
+challengeType: 22
+dashedName: task-41
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The training BLANK BLANK for Thursday afternoon.`
+
+## --blanks--
+
+`is`
+
+### --feedback--
+
+This word is a form of the verb `to be` and is part of the `Present Simple` tense.
+
+---
+
+`planned`
+
+### --feedback--
+
+This word means arranged or scheduled for a specific time.
+
+# --explanation--
+
+The sentence `The training is planned for Thursday afternoon` uses the `Present Simple` tense.
+
+This tense is often used to describe fixed future events, like schedules or timetables, because it expresses certainty. For example:
+
+`The meeting starts at 10 AM tomorrow.` - This means the meeting is already scheduled for a specific time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
new file mode 100644
index 0000000000..b8c04b9747
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
@@ -0,0 +1,88 @@
+---
+id: 67507a47729d85fb7c88ee06
+title: Task 42
+challengeType: 19
+dashedName: task-42
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The training happened last Thursday afternoon.
+
+## --answers--
+
+True
+
+### --feedback--
+
+The phrase `is planned` shows that the training is scheduled for the future, not something that has already happened.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Is planned` uses the `Present Simple` tense to describe a future event that is already scheduled. It indicates certainty about when the training will happen, not that it has already occurred. For example:
+
+`The meeting is planned for next Monday.` - This shows that the meeting is scheduled for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
new file mode 100644
index 0000000000..5f0989e378
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
@@ -0,0 +1,111 @@
+---
+id: 67507adbc31ab8ffa2dc5243
+title: Task 43
+challengeType: 22
+dashedName: task-43
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Every team member must BLANK BLANK BLANK and how these will impact our operations.`
+
+## --blanks--
+
+`understand`
+
+### --feedback--
+
+This word means to know the meaning of something.
+
+---
+
+`the`
+
+### --feedback--
+
+This is a definite article used to specify something particular.
+
+---
+
+`changes`
+
+### --feedback--
+
+This word refers to modifications or adjustments that are made.
+
+# --explanation--
+
+`Understand` means to know the meaning of something.
+
+`The` is a definite article used to refer to specific things or ideas.
+
+`Changes` refers to modifications or adjustments that affect a situation. For example:
+
+- `It is important to understand the updates before implementing them.` - This means comprehending the details of updates before action.
+
+- `We need to explain the changes to the team.` - This refers to communicating the specific adjustments or modifications.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
new file mode 100644
index 0000000000..08c71648ba
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
@@ -0,0 +1,117 @@
+---
+id: 67507f042946421936eb425a
+title: Task 44
+challengeType: 19
+dashedName: task-44
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake's main concern in this statement?
+
+## --answers--
+
+The team has to finish the changes quickly.
+
+### --feedback--
+
+Jake does not mention speed or urgency.
+
+---
+
+The team understands the changes.
+
+---
+
+The team avoids changes.
+
+### --feedback--
+
+Jake is not concerned about avoiding changes.
+
+---
+
+Assigning tasks to the team.
+
+### --feedback--
+
+Jake's statement is not about assigning tasks to individuals.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says, `Every team member must understand the changes and how these will impact our operations.`
+
+His main concern is ensuring that all team members fully understand the changes and their effect on operations.
+
+The word `must` highlights the importance of this understanding. For example:
+
+`The team must understand the updates before implementation.` - This shows the focus on comprehension as a priority.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
new file mode 100644
index 0000000000..667e794c00
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
@@ -0,0 +1,96 @@
+---
+id: 67508b92b31af876eed82c66
+title: Task 45
+challengeType: 22
+dashedName: task-45
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`Will`, `is scheduled`, `will be`, `are set`, `is`, `We'll`, and `will impact`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Maria, the next system update BLANK for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks.`
+
+`Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?`
+
+`Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses.`
+
+`Maria: BLANK the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.`
+
+`Jake: Absolutely, the entire technical support team BLANK on duty. They've been briefed and are prepared to manage any unexpected situations.`
+
+`Maria: Great, and when does the team perform the final checks?`
+
+`Jake: The final system checks BLANK for Friday night. BLANK confirm that all security patches are ready to be deployed without any complications.`
+
+`Maria: Perfect. And the training session for the new security protocols, when BLANK that planned?`
+
+`Jake: The training is planned for Thursday afternoon. Every team member must understand the changes and how these BLANK our operations.`
+
+## --blanks--
+
+`is scheduled`
+
+### --feedback--
+
+These two words together are the `Present Simple` tense to describe a planned future event.
+
+---
+
+`Will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense and is used for asking about future actions. It is capitalized.
+
+---
+
+`will be`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe a planned future action.
+
+---
+
+`are set`
+
+### --feedback--
+
+These two words together are used to talk about a future event that has been scheduled.
+
+---
+
+`We'll`
+
+### --feedback--
+
+Contraction that shows a future action or plan. The first letter is capitalized.
+
+---
+
+`is`
+
+### --feedback--
+
+This is the verb `to be` conjugated.
+
+---
+
+`will impact`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe an action that will affect something in the future.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
new file mode 100644
index 0000000000..848b065854
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
@@ -0,0 +1,70 @@
+---
+id: 6752100607e30e31bd85af76
+title: Task 46
+challengeType: 19
+dashedName: task-46
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. Please ensure all tasks are completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When does the system downtime start?
+
+## --answers--
+
+`Friday night`
+
+### --feedback--
+
+This is when the final checks are set, not the downtime.
+
+---
+
+`Thursday afternoon`
+
+### --feedback--
+
+This refers to the training session, not the downtime.
+
+---
+
+`Friday at 2 AM`
+
+### --feedback--
+
+The downtime doesn't start on Friday.
+
+---
+
+`Saturday at 2 AM.`
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find out when the system downtime starts, focus on the part of the message where Jake talks about the timeline.
+
+Look for the phrase `The system update is scheduled to...` to find the correct answer.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
new file mode 100644
index 0000000000..1e959b134d
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
@@ -0,0 +1,70 @@
+---
+id: 6752133caed6e849142fcc19
+title: Task 47
+challengeType: 19
+dashedName: task-47
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When do the final system checks take place?
+
+## --answers--
+
+Thursday afternoon.
+
+### --feedback--
+
+This is when the training session is planned, not the final system checks.
+
+---
+
+Friday evening.
+
+---
+
+Saturday at 2 AM.
+
+### --feedback--
+
+This is when the system update starts, not the final system checks.
+
+---
+
+Friday afternoon.
+
+### --feedback--
+
+This is when the security patches are ready to be deployed, not when the final system checks occur.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find out when the final system checks take place, focus on the part of the message that lists the schedule.
+
+Look for the phrase `The final system checks are...` to find the correct time.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
new file mode 100644
index 0000000000..14b19a86ed
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
@@ -0,0 +1,70 @@
+---
+id: 6752136c94c79a4ad803f0cf
+title: Task 48
+challengeType: 19
+dashedName: task-48
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Why are the firewall settings enhanced by Friday?
+
+## --answers--
+
+To prevent potential DoS attacks.
+
+---
+
+To minimize disruption during the downtime.
+
+### --feedback--
+
+While minimizing disruption is mentioned elsewhere, it is not the reason given for enhancing firewall settings.
+
+---
+
+To ensure the system update happens on time.
+
+### --feedback--
+
+The system update happens on Saturday, but this task is unrelated to the timing of the update.
+
+---
+
+To manage immediate issues during the update.
+
+### --feedback--
+
+Managing immediate issues is the responsibility of the support team, not the firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To find out why the firewall settings are enhanced, focus on the sentence `Firewall settings are enhanced by Friday to prevent potential DoS attacks.`
+
+The text explicitly states this purpose, emphasizing the importance of preparing for potential cyber threats.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
new file mode 100644
index 0000000000..81a8ef7646
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
@@ -0,0 +1,72 @@
+---
+id: 675213a1aa7da34c876d94e9
+title: Task 49
+challengeType: 19
+dashedName: task-49
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+What happens if the final system checks are not completed by Friday?
+
+## --answers--
+
+The server downtime will last longer.
+
+### --feedback--
+
+The server downtime is scheduled to last two hours and is not directly impacted by the final checks.
+
+---
+
+The training session will be rescheduled.
+
+### --feedback--
+
+The training session takes place on Thursday, unrelated to the timing of the final checks.
+
+---
+
+The system update might be delayed.
+
+---
+
+Immediate issues won't be resolved.
+
+### --feedback--
+
+Immediate issues are handled by the support team during the update, not by the final system checks.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To understand what might happen if the final system checks are not completed, consider their role in preparing for the update.
+
+Final checks ensure readiness for the system update, so their delay could lead to postponing the update.
+
+Look for the phrase `The final system checks are set` to confirm this connection.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
new file mode 100644
index 0000000000..fefadfc1ec
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
@@ -0,0 +1,72 @@
+---
+id: 675213f5a47d9e4ef23d9050
+title: Task 50
+challengeType: 19
+dashedName: task-50
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Which event happens first?
+
+## --answers--
+
+The final system checks are set.
+
+### --feedback--
+
+The final checks happen after the training session on Thursday and after security patches on Friday.
+
+---
+
+The security patches are ready to be deployed.
+
+### --feedback--
+
+The security patches are scheduled for Friday, but the training session happens earlier.
+
+---
+
+The training session is planned.
+
+---
+
+The system update starts.
+
+### --feedback--
+
+The system update happens last, on Saturday at 2 AM, after all other events are completed.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify which event happens first, look at the timeline in the message.
+
+The training session is scheduled for Thursday afternoon, making it the first event before the other tasks.
+
+Look for the phrase `Thursday afternoon: The training session ... is planned` to confirm.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
new file mode 100644
index 0000000000..724ededb89
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
@@ -0,0 +1,196 @@
+---
+id: 67531709d628ef047202e6ae
+title: "Dialogue 2: Responding to Phishing Threats"
+challengeType: 21
+dashedName: dialogue-2-responding-to-phishing-threats
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video..
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Sarah",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-2.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.56,
+     "dialogue": {
+       "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 4.96,
+     "finishTime": 8.52,
+     "dialogue": {
+       "text": "It looks like someone will need to notify the team and take immediate action.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 8.94,
+     "finishTime": 11.12,
+     "dialogue": {
+       "text": "Oh, no. Do you know where it originated from?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 11.38,
+     "finishTime": 13.86,
+     "dialogue": {
+       "text": "Not yet, but I think it came from an email link.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.1,
+     "finishTime": 18.02,
+     "dialogue": {
+       "text": "We need to investigate quickly. I'll send out a warning to everyone right away.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 18.42,
+     "finishTime": 21.48,
+     "dialogue": {
+       "text": "That sounds like a good plan. Do you think it will affect our project deadlines?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.88,
+     "finishTime": 25.16,
+     "dialogue": {
+       "text": "It might. I hope it won't, but we should prepare for delays.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 25.54,
+     "finishTime": 27.98,
+     "dialogue": {
+       "text": "I'll update the project manager about the situation.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 27.98,
+     "finishTime": 31.62,
+     "dialogue": {
+       "text": "I'll alert the development team and tell them to check their emails carefully.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 31.98,
+     "finishTime": 33.16,
+     "dialogue": {
+       "text": "Is there anything else we should do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 33.46,
+     "finishTime": 37.6,
+     "dialogue": {
+       "text": "We'll probably need to run a full system scan to ensure that there's no hidden malware.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 37.96,
+     "finishTime": 40.6,
+     "dialogue": {
+       "text": "Can you coordinate with the IT support team for that?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 41,
+     "finishTime": 44.92,
+     "dialogue": {
+       "text": "Yes, I'll contact them now. How do you think our clients will react to this news?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 45.6,
+     "finishTime": 51.98,
+     "dialogue": {
+       "text": "They'll likely be concerned, but I'll reassure them that we're taking all necessary steps to secure our systems.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 52.5,
+     "finishTime": 56.92,
+     "dialogue": {
+       "text": "Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.52
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 57.92
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
new file mode 100644
index 0000000000..4dae0411e6
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
@@ -0,0 +1,95 @@
+---
+id: 675318543812fa0f15f42c10
+title: Task 51
+challengeType: 22
+dashedName: task-51
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Sarah, I just found out that we've had a BLANK BLANK on our system.`
+
+## --blanks--
+
+`phishing`
+
+### --feedback--
+
+This word refers to a type of online scam where someone tries to steal personal information.
+
+---
+
+`attack`
+
+### --feedback--
+
+This word means an attempt to harm something, usually intentionally. This word has double `t`.
+
+# --explanation--
+
+`Phishing` is a method used by scammers to trick people into sharing personal information like passwords or credit card details, usually through fake emails or websites. For example:
+
+`The phishing email looked like it came from our bank.` - This means the email was fake but designed to steal personal information.
+
+`Attack` means an act of trying to harm or damage something. It can be physical, verbal, or in cybersecurity. For example:
+
+- `The attack on the server caused it to shut down.` - This means an intentional act damaged the server.
+
+- `She defended herself during the verbal attack.` - This means someone said harmful things to her.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
new file mode 100644
index 0000000000..c1440df4fb
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
@@ -0,0 +1,104 @@
+---
+id: 67531ca2cb308e28acf3bdc1
+title: Task 52
+challengeType: 19
+dashedName: task-52
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake reporting to Sarah?
+
+## --answers--
+
+Jake was attacked by a fish.
+
+### --feedback--
+
+Jake mentioned `phishing`, which refers to an online scam, not anything related to fish.
+
+---
+
+There was a phishing attack on their system.
+
+---
+
+Jake uploaded something new to the system.
+
+### --feedback--
+
+Jake is talking about a problem with the system, not adding or uploading anything.
+
+---
+
+The system was updated successfully.
+
+### --feedback--
+
+Jake is reporting a problem, not describing a successful update.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Phishing` refers to a type of online scam where someone tries to steal personal information, like passwords or credit card details. It is not related to `fishing`, even though they sound similar.
+
+Try to listen to the words `phishing attack` in Jake's statement. They make it clear that this is about a harmful event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
new file mode 100644
index 0000000000..2d5051caed
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
@@ -0,0 +1,90 @@
+---
+id: 67531f0c699943385e41734c
+title: Task 53
+challengeType: 19
+dashedName: task-53
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake just found out about the phishing attack.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+`Just found out` means Jake learned about something for the first time, so he didn't know about it before.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Found out` means to discover or learn something new, usually for the first time. For example:
+
+`I just found out about the meeting yesterday.` - This means I learned about the meeting for the first time yesterday.
+
+Try to listen to the phrase `just found out` in the audio. In this context, Jake is saying he just discovered that there was a phishing attack. This shows he didn't know about it before.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
new file mode 100644
index 0000000000..530c0682b3
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
@@ -0,0 +1,90 @@
+---
+id: 67531ff45ade873e5ff17211
+title: Task 55
+challengeType: 19
+dashedName: task-55
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake is not worried about the phishing attack.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Jake mentions taking `immediate action`, which shows urgency and concern about the situation.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Immediate action` means doing something without delay because it is urgent. For example:
+
+`We need to take immediate action to stop the leak.` - This shows the situation is urgent, and action must be taken quickly.
+
+In this context, Jake says `immediate action`, which indicates he is worried and believes the phishing attack is a serious issue that requires quick response. The words `notify the team` also show he is treating the matter with importance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
new file mode 100644
index 0000000000..6dd4e54d85
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
@@ -0,0 +1,92 @@
+---
+id: 67532227a04e5e4cd4ccf987
+title: Task 54
+challengeType: 22
+dashedName: task-54
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It looks like someone BLANK BLANK to notify the team and take immediate action.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word is a modal verb used to express a decision made at the moment of speaking.
+
+---
+
+`need`
+
+### --feedback--
+
+This word shows that something is necessary or required.
+
+# --explanation--
+
+`Will` is used to express a decision made at the moment of speaking, often when someone reacts to a situation. It is a way to show spontaneity or immediate response. For example:
+
+`I will call the manager right away.` - This shows a decision made at the moment in response to a need.
+
+`Need` means something is required or necessary. For example:
+
+`We need more time to finish the project.` - This shows something essential to complete the task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
new file mode 100644
index 0000000000..3f08bb2acc
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
@@ -0,0 +1,104 @@
+---
+id: 675323b130ad71572ef10510
+title: Task 56
+challengeType: 19
+dashedName: task-56
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who will need to take immediate action?
+
+## --answers--
+
+Jake
+
+### --feedback--
+
+Jake does not say that he will be the one taking action in this context.
+
+---
+
+Sarah
+
+### --feedback--
+
+Jake does not mention Sarah needing to take immediate action in this context.
+
+---
+
+Someone
+
+---
+
+The entire team
+
+### --feedback--
+
+The audio does not mention the entire team needing to act.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+In the audio, Jake uses the word `someone`, which means he is not specifying a particular person who needs to act. The word `someone` helps identify that the responsibility is not assigned to Jake, Sarah, or the entire team.
+
+Listen for the phrase `someone will need to notify`. This is a key part of the sentence that points out the correct answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
new file mode 100644
index 0000000000..8ce96c60ad
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
@@ -0,0 +1,104 @@
+---
+id: 67532445152d375af93d4d19
+title: Task 57
+challengeType: 19
+dashedName: task-57
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be done?
+
+## --answers--
+
+Notify the team and take immediate action.
+
+---
+
+Notify the team later.
+
+### --feedback--
+
+Jake uses the phrase `immediate action`, which shows urgency, not something that can be delayed.
+
+---
+
+Take immediate action without telling anyone.
+
+### --feedback--
+
+Jake mentions `notify the team`, which means informing others is part of what needs to be done.
+
+---
+
+Ignore the issue for now.
+
+### --feedback--
+
+Jake clearly says `immediate action`, which means the situation requires attention right away.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Listen for the words `notify the team` and `immediate action`. These are key parts of the sentence and point directly to the correct answer.
+
+In the audio, Jake says `notify the team and take immediate action`. These two actions are clearly mentioned together as what needs to be done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
new file mode 100644
index 0000000000..f9a241f43e
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
@@ -0,0 +1,100 @@
+---
+id: 675325cfea799165252500d4
+title: Task 58
+challengeType: 19
+dashedName: task-58
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone will need to notify the team and take immediate action. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to ask Jake more about the problem?
+
+## --answers--
+
+`Oh no! What is the team going to do?`
+
+### --feedback--
+
+This question focuses on the team's response, not the details of the phishing attack itself.
+
+---
+
+`Oh no! Do you know where it originated from?`
+
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The correct option is `Oh no! Do you know where it originated from?` because it asks for specific details about the phishing attack.
+
+The phrase `where it originated from` refers to the source or starting point of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 8.52,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 9.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
new file mode 100644
index 0000000000..a488b8c515
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
@@ -0,0 +1,78 @@
+---
+id: 675326de48b3e36c45ba1328
+title: Task 59
+challengeType: 22
+dashedName: task-59
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Oh no! Do you know where BLANK originated from?`
+
+## --blanks--
+
+`it`
+
+### --feedback--
+
+This pronoun is used to refer to something already mentioned, like the phishing attack.
+
+# --explanation--
+
+`It` is a pronoun used to refer to something already mentioned, so you don't have to repeat the same noun. In this context, `it` refers to the phishing attack mentioned earlier.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
new file mode 100644
index 0000000000..9af2a3bb83
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
@@ -0,0 +1,104 @@
+---
+id: 675327d73a38d5731235d764
+title: Task 60
+challengeType: 19
+dashedName: task-60
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+Who will notify the team.
+
+### --feedback--
+
+Sarah is not asking about who will notify the team.
+
+---
+
+How serious the phishing attack is.
+
+### --feedback--
+
+Sarah is not asking about how serious the attack is.
+
+---
+
+If the system is safe now.
+
+### --feedback--
+
+Sarah is not asking about whether the system is safe now.
+
+---
+
+The source of the phishing attack.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Pay attention to `where it originated from`. It shows she is asking about the source or starting point of the phishing attack.
+
+In the audio, Sarah uses the pronoun `it` to refer to the phishing attack, showing she is asking about where it started.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
new file mode 100644
index 0000000000..daeb65589f
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
@@ -0,0 +1,90 @@
+---
+id: 675329bc0e2bfa7f1c4f7411
+title: Task 61
+challengeType: 19
+dashedName: task-61
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Sarah's question?
+
+## --answers--
+
+`This is terrible! The system is currently down.`
+
+### --feedback--
+
+This focuses on the state of the system, not the origin of the phishing attack.
+
+---
+
+`Not yet, but I think it came from an email link.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Pay attention to the words `where it originated from` in Sarah's question. They indicate she is asking about the source of the issue.
+
+The correct answer is `Not yet, but I think it came from an email link`. It directly addresses Sarah's question by discussing the origin of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
new file mode 100644
index 0000000000..7f0576a046
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
@@ -0,0 +1,90 @@
+---
+id: 67532ac8b110a08666ee5f18
+title: Task 62
+challengeType: 22
+dashedName: task-62
+---
+
+<!-- (Audio) Jake: Not yet, but I think it came from an email link. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Not yet, but I think it BLANK BLANK an email link.`
+
+## --blanks--
+
+`came`
+
+### --feedback--
+
+This word means to move or happen from one place or source to another. It is the past tense of `come`.
+
+---
+
+`from`
+
+### --feedback--
+
+This word shows the starting point or source of something.
+
+# --explanation--
+
+`Came from` is used to describe the source or starting point of something. For example:
+
+- `The idea came from a brainstorming session.` - This means the brainstorming session was the source of the idea.
+
+- `She said the problem came from a mistake in the code.` - This indicates the mistake in the code caused the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 12.86
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
new file mode 100644
index 0000000000..1af4895b69
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
@@ -0,0 +1,82 @@
+---
+id: 67532bbaa817558e7691df51
+title: Task 63
+challengeType: 22
+dashedName: task-63
+---
+
+<!-- (Audio) Jake We need to investigate quickly. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to investigate BLANK.`
+
+## --blanks--
+
+`quickly`
+
+### --feedback--
+
+This word means to do something fast or without delay.
+
+# --explanation--
+
+`Quickly` is an adverb that describes doing something in a fast or timely manner. In this context, it shows that the investigation must happen without delay. For example:
+
+- `He quickly responded to the email.` - This means he replied fast.
+
+- `We need to act quickly to prevent more damage.` - This shows urgency in taking action.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.1,
+      "finishTimestamp": 14.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
new file mode 100644
index 0000000000..0bf1ae83c5
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
@@ -0,0 +1,84 @@
+---
+id: 67532c49e75faf929fd9378d
+title: Task 64
+challengeType: 22
+dashedName: task-64
+---
+
+<!-- (Audio) Jake: I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK send out a warning to everyone right away.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. It is commonly used to express decisions made at the moment of speaking or to indicate future actions. For example:
+
+- `I'll call the manager now.` - This shows a decision made at the moment of speaking.
+
+- `I'll help you with your project.` - This means offering help immediately after hearing about the need.
+
+The contraction makes the sentence shorter and more natural in spoken English.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.72,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.8
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
new file mode 100644
index 0000000000..70466b5892
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
@@ -0,0 +1,139 @@
+---
+id: 6753314748a2feb09a3059b2
+title: Task 65
+challengeType: 19
+dashedName: task-65
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What are the next steps?
+
+## --answers--
+
+Fix the issue and update the system.
+
+### --feedback--
+
+The audio does not mention fixing the issue or updating the system yet.
+
+---
+
+Find the source and contact IT support.
+
+### --feedback--
+
+The audio mentions investigating quickly, but it does not mention contacting IT support.
+
+---
+
+Wait for more information before taking action.
+
+### --feedback--
+
+The audio clearly states the need to act quickly and send out a warning, not to wait.
+
+---
+
+Investigate quickly and send out a warning.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, Jake says, `We need to investigate quickly` and `I'll send out a warning to everyone right away.` These phrases indicate the immediate next steps.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 7.68,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.88,
+      "finishTime": 10.18,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 10.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
new file mode 100644
index 0000000000..35e4cea5e6
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
@@ -0,0 +1,97 @@
+---
+id: 67533335139a96bd1eb18395
+title: Task 66
+challengeType: 19
+dashedName: task-66
+---
+
+<!-- Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Sarah wants to **agree** with Jake. What should she say?
+
+## --answers--
+
+`I'm not sure about that approach. Can we wait before deciding?`
+
+### --feedback--
+
+This option disagrees with Jake, so it does not align with Sarah wanting to agree.
+
+---
+
+`That sounds like a good plan. Do you think it will affect our project deadlines?`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The phrase `That sounds like a good plan` shows agreement with Jake's proposed actions. Sarah then adds a follow-up question about project deadlines, which continues the discussion.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.14,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.34,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
new file mode 100644
index 0000000000..0d49d06f15
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
@@ -0,0 +1,101 @@
+---
+id: 6753357b948f6acb55e35e3b
+title: Task 67
+challengeType: 22
+dashedName: task-67
+---
+
+<!-- (Audio) Sarah: That sounds like a good plan. Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That sounds like a good plan. Do you think it BLANK BLANK our project deadlines?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This is a modal verb used to talk about something that might happen in the future.
+
+---
+
+`affect`
+
+### --feedback--
+
+This word means to cause a change or impact something.
+
+# --explanation--
+
+`Will` is a modal verb used to talk about future possibilities or decisions.
+
+`Affect` means to cause a change or impact. For example:
+
+- `Do you think the delay will affect the delivery time?` - This asks if the delay might change the delivery time.
+
+- `The new policy will affect how we work.` - This means the policy will have an impact on work processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.22,
+      "finishTimestamp": 20.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.36,
+      "dialogue": {
+        "text": "That sounds like a good plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.54,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
new file mode 100644
index 0000000000..c506c55a13
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
@@ -0,0 +1,108 @@
+---
+id: 67535bfb5c07ec6334ec8ea3
+title: Task 68
+challengeType: 19
+dashedName: task-68
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+If they need to update the project plan.
+
+### --feedback--
+
+This option is about changing the plan, but Sarah is asking something different.
+
+---
+
+If the project can continue as planned.
+
+### --feedback--
+
+This option talks about the project's continuation, but Sarah's question is about something else.
+
+---
+
+If the attack will delay their deadlines.
+
+---
+
+If the team has already finished the project.
+
+### --feedback--
+
+This option refers to whether the project is complete, but Sarah is not asking about that.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Pay attention to the words `will affect` and `deadlines` in the audio. These are key to understanding the question.
+
+A `project deadline` is the final date by which a project must be completed.
+
+`Will affect` is used to ask if something will cause a change or impact. For example:
+
+`The new policy will affect the project deadline.` - This means the policy will change the timeline for the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
new file mode 100644
index 0000000000..1d27ab1602
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
@@ -0,0 +1,88 @@
+---
+id: 67535e02fd808570ca6cb599
+title: Task 69
+challengeType: 19
+dashedName: task-69
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Select the most adequate answer to Sarah's question.
+
+## --answers--
+
+`It might. I hope it won't.`
+
+---
+
+`I'm not sure. Let's ignore it for now.`
+
+### --feedback--
+
+This response suggests doing nothing, which is not appropriate for addressing Sarah's concern.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Pay attention to Sarah's question, especially `will affect our project deadlines.` She is asking about the possibility of delays and expects a thoughtful and realistic answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
new file mode 100644
index 0000000000..8d38ff60ab
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
@@ -0,0 +1,82 @@
+---
+id: 675743f6f7016d1074a9bca1
+title: Task 70
+challengeType: 22
+dashedName: task-70
+---
+
+<!-- (Audio) Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it BLANK.`
+
+## --blanks--
+
+`won't`
+
+### --feedback--
+
+This is the contraction for `will not`.
+
+# --explanation--
+
+`Won't` is the contraction for `will not`, which is used to make negative sentences about the future. For example:
+
+- `They won't finish the project on time if they don't start now.` - This predicts a negative outcome if action isn't taken.
+
+- `He won't attend the meeting because he is sick.` - This shows a future action that will not happen.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.8,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.3
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
new file mode 100644
index 0000000000..6628d1b37c
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
@@ -0,0 +1,134 @@
+---
+id: 675746c2d3d2f222111918d4
+title: Task 71
+challengeType: 19
+dashedName: task-71
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake feel about the deadlines?
+
+## --answers--
+
+He is sure they will be delayed and cannot be finished on time.
+
+### --feedback--
+
+Jake uses the word `might`, which shows he is uncertain, not certain about delays.
+
+---
+
+He thinks they might be affected but hopes they won't.
+
+---
+
+He doesn't care if the deadlines are affected or not.
+
+### --feedback--
+
+Jake expresses concern and hope in his response, which shows he does care about the deadlines.
+
+---
+
+He is confident the deadlines will be met without any delays.
+
+### --feedback--
+
+Jake's use of `might` and `I hope it won't` shows doubt, not confidence about meeting the deadlines.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake uses `might` to show uncertainty about the deadlines being affected. He also says, `I hope it won't`, which expresses hope that the deadlines remain unaffected. For example:
+
+- `The software update might cause some delays.` - This means it is possible, but not certain, that delays will happen.
+
+- `I hope the server won't go down during the deployment.` - This expresses a desire for the server to remain operational.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.76,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.12,
+      "finishTime": 4.82,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
new file mode 100644
index 0000000000..ca4008841e
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
@@ -0,0 +1,89 @@
+---
+id: 6757488ee5dfb72d866a36df
+title: Task 72
+challengeType: 22
+dashedName: task-72
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it won't, but we should prepare for BLANK.`
+
+## --blanks--
+
+`delays`
+
+### --feedback--
+
+This word means something happening later than expected. Remember, it is plural in this sentence.
+
+# --explanation--
+
+`Delays` are situations where something happens later than planned or expected. For example:
+
+`The software release faced delays due to testing issues.` - This means the release happened later than planned because of testing problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
new file mode 100644
index 0000000000..99e05c98fc
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
@@ -0,0 +1,111 @@
+---
+id: 6757498f826b0634696f224e
+title: Task 73
+challengeType: 22
+dashedName: task-73
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It BLANK. I hope it BLANK, but we BLANK prepare for delays.`
+
+## --blanks--
+
+`might`
+
+### --feedback--
+
+This modal verb shows possibility or uncertainty about the future.
+
+---
+
+`won't`
+
+### --feedback--
+
+This contraction is used to express a negative statement about the future.
+
+---
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express a recommendation or advice for future actions.
+
+# --explanation--
+
+Jake uses `might`, `won't`, and `should` to express his thoughts about possibilities, plans, and actions in the future.
+
+`Might` shows possibility or uncertainty: Jake thinks there's a chance that delays could happen but isn't certain.
+
+`Won't` is the contraction for `will not`: Jake hopes delays will not happen, expressing his desire for a positive outcome.
+
+`Should` is used to make a recommendation: Jake suggests preparing for delays as a practical step, even though he hopes they won't happen.
+
+This combination shows how Jake is reflecting on the future: acknowledging uncertainty (`might`), expressing hope (`won't`), and making a plan to act (`should`).
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
new file mode 100644
index 0000000000..d51d0dee88
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
@@ -0,0 +1,113 @@
+---
+id: 67574a712cb1143a3920f2a3
+title: Task 74
+challengeType: 19
+dashedName: task-74
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's approach to the situation?
+
+## --answers--
+
+He is ignoring the delays.
+
+### --feedback--
+
+Jake says, `we should prepare for delays` so he is not ignoring them.
+
+---
+
+He is sure there will be no delays.
+
+### --feedback--
+
+Jake says, `It might` which shows he is not certain there will be no delays.
+
+---
+
+He wants to be ready for delays.
+
+---
+
+He thinks delays are already happening.
+
+### --feedback--
+
+Jake uses `might` which shows he is unsure if delays will happen.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake uses `might` to show he is uncertain about the delays but acknowledges the possibility. By saying, `we should prepare for delays`, he demonstrates proactive planning.
+
+This combination of modal verbs shows both reflection and preparation for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
new file mode 100644
index 0000000000..39e6aae186
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
@@ -0,0 +1,88 @@
+---
+id: 67574bb2fe3c4c42bae7b6e5
+title: Task 75
+challengeType: 22
+dashedName: task-75
+---
+
+<!-- (Audio) I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll update the BLANK BLANK about the situation.`
+
+## --blanks--
+
+`project`
+
+### --feedback--
+
+This word refers to a specific task or goal being worked on.
+
+---
+
+`manager`
+
+### --feedback--
+
+This word refers to a person responsible for overseeing and organizing tasks or teams.
+
+# --explanation--
+
+A `project manager` is a person who oversees the progress of a project, ensuring tasks are completed on time and goals are met. For example:
+
+`The project manager called a meeting to discuss deadlines.` - This shows the manager organizing and leading the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
new file mode 100644
index 0000000000..e0f1027e41
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
@@ -0,0 +1,106 @@
+---
+id: 67574c6d474104486add91a7
+title: Task 76
+challengeType: 19
+dashedName: task-76
+---
+
+<!-- (Audio) Jake: I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake informing?
+
+## --answers--
+
+He has already updated the project manager about the situation.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is a plan for the future, not something that has already happened.
+
+---
+
+He is updating the project manager about the situation now.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is something he plans to do in the future, not right now.
+
+---
+
+He is not going to inform the project manager.
+
+### --feedback--
+
+Jake explicitly says he will do something.
+
+---
+
+He will update the project manager about the situation.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `I'll update the project manager`, this shows that Jake is talking about something he plans to do in the future, not something happening now or that has already been done. For example:
+
+- `I'll send the email tomorrow.` - This means sending the email is planned for the future.
+
+- `He'll call the client after the meeting.` - This shows a plan to contact the client later.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
new file mode 100644
index 0000000000..2d9f3bb8f6
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
@@ -0,0 +1,97 @@
+---
+id: 67574d8786f50e500eae8e67
+title: Task 77
+challengeType: 22
+dashedName: task-77
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll alert the BLANK BLANK and tell them to check their emails carefully.`
+
+## --blanks--
+
+`development`
+
+### --feedback--
+
+This word refers to the team responsible for creating or improving something, such as software or systems.
+
+---
+
+`team`
+
+### --feedback--
+
+This word refers to a group of people working together towards a common goal.
+
+# --explanation--
+
+The `development team` is a group of professionals responsible for building or improving systems, software, or products. For example:
+
+`The development team is working on the new feature.` - This means the team is creating or enhancing something specific.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
new file mode 100644
index 0000000000..95e192bf54
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
@@ -0,0 +1,121 @@
+---
+id: 67575000c0fd5b5f211d89c4
+title: Task 78
+challengeType: 19
+dashedName: task-78
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who is Sarah going to alert?
+
+## --answers--
+
+The development team. So they check their emails carefully.
+
+---
+
+Sarah will create a remider to herself about the emails.
+
+### --feedback--
+
+Sarah is giving instructions to others, not acting on them herself.
+
+---
+
+Jake. So he rememebers to check his emails carefully.
+
+### --feedback--
+
+Jake is not mentioned as the one being alerted in this context.
+
+---
+
+The project manager. So they check their emails carefully.
+
+### --feedback--
+
+Sarah is not addressing the project manager in this situation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Here are some elements from Sarah's statement that will help you understand what she is saying:
+
+`I'll alert` shows Sarah's future action to inform someone.
+
+`The development team` directly state who she is informing.
+
+`Tell them` makes it clear that she will give instructions to the development team.
+
+`To check their emails carefully` specifies the action Sarah is advising the development team to take.
+
+This combination of words shows Sarah is planning to inform the development team and give them instructions about being cautious with their emails.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
new file mode 100644
index 0000000000..39a3183667
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
@@ -0,0 +1,90 @@
+---
+id: 6757531dc5fbb973e1912e1a
+title: Task 79
+challengeType: 22
+dashedName: task-79
+---
+
+<!-- (Audio) Is there anything else we should do? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Is there BLANK BLANK we should do?`
+
+## --blanks--
+
+`anything`
+
+### --feedback--
+
+This word refers to something unspecified and is used in questions or negative sentences.
+
+---
+
+`else`
+
+### --feedback--
+
+This word means in addition or different from what has already been mentioned.
+
+# --explanation--
+
+`Is there anything else we should do?` is a way to ask if additional actions are necessary.
+
+It combines `anything`, which refers to something unspecified, with `else`, meaning something additional or different. For example:
+
+`Do you have anything else to add?` - This asks if there is additional input or information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.68,
+      "finishTimestamp": 32.16
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.48,
+      "dialogue": {
+        "text": "Is there anything else we should do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
new file mode 100644
index 0000000000..e3644254eb
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
@@ -0,0 +1,80 @@
+---
+id: 675753a815259c781d2b6913
+title: Task 80
+challengeType: 22
+dashedName: task-80
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll BLANK need to run a full system scan.`
+
+## --blanks--
+
+`probably`
+
+### --feedback--
+
+This word shows that something is likely but not certain to happen.
+
+# --explanation--
+
+`Probably` is an adverb used to express that something is likely to happen but not completely certain. For example:
+
+`We'll probably finish the project by Friday.` - This shows confidence in completing the project by Friday but leaves room for uncertainty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
new file mode 100644
index 0000000000..01216d5f7b
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
@@ -0,0 +1,96 @@
+---
+id: 67575473b14c837d8de3a866
+title: Task 81
+challengeType: 22
+dashedName: task-81
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a BLANK BLANK BLANK.`
+
+## --blanks--
+
+`full`
+
+### --feedback--
+
+This word means complete or entire, indicating that no parts will be skipped.
+
+---
+
+`system`
+
+### --feedback--
+
+This word refers to the computer or network being examined.
+
+---
+
+`scan`
+
+### --feedback--
+
+This word means an inspection or analysis to find problems or issues.
+
+# --explanation--
+
+``Full system scan` means a comprehensive check of the entire computer or network to identify potential issues, such as viruses or security threats. For example:
+
+`The team performed a full system scan to find malware.` - This shows a complete analysis of the system for security purposes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
new file mode 100644
index 0000000000..693a94ec0b
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
@@ -0,0 +1,101 @@
+---
+id: 67575588dfebc085e31941e4
+title: Task 82
+challengeType: 22
+dashedName: task-82
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a full system scan to ensure there's no BLANK BLANK.`
+
+## --blanks--
+
+`hidden`
+
+### --feedback--
+
+This word means something that is not visible or easily found.
+
+---
+
+`malware`
+
+### --feedback--
+
+This word refers to malicious software designed to harm or exploit a system.
+
+# --explanation--
+
+`Hidden` means something that is concealed or not immediately visible, often requiring extra effort to find.
+
+`Malware` refers to malicious software designed to damage, disrupt, or exploit a computer system.
+
+When combined, `hidden malware` describes harmful software that is difficult to detect because it is concealed within the system. For example:
+
+`The scan detected hidden malware that had bypassed the antivirus software.` - This means the malware was able to avoid detection by the antivirus program until a scan found it.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
new file mode 100644
index 0000000000..17b2d6d167
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
@@ -0,0 +1,117 @@
+---
+id: 67575734a3672990f7c4385a
+title: Task 83
+challengeType: 19
+dashedName: task-83
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning a full system scan?
+
+## --answers--
+
+To fix an issue with the system.
+
+### --feedback--
+
+Jake is not fixing an issue at this moment.
+
+---
+
+To ensure there's no hidden malware.
+
+---
+
+To update the system software.
+
+### --feedback--
+
+Jake is not updating the system at the moment.
+
+---
+
+To improve the system's performance.
+
+### --feedback--
+
+Jake is not focused on performance at the moment.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+By focusing on these specific parts of the sentence, you can determine Jake's intention:
+
+`Run a full system scan` shows the action Jake is planning to take.
+
+`To ensure` introduces the reason for the scan.
+
+`There's no hidden malware` explains the final purpose — Jake is checking for concealed malicious software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
new file mode 100644
index 0000000000..1e3ab1fcfa
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
@@ -0,0 +1,90 @@
+---
+id: 6757585d71b1ad9924a96eb9
+title: Task 84
+challengeType: 22
+dashedName: task-84
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Can you BLANK with the IT BLANK team for that?`
+
+## --blanks--
+
+`coordinate`
+
+### --feedback--
+
+This word means to organize or work together with others to achieve a goal.
+
+---
+
+`support`
+
+### --feedback--
+
+This word refers to assistance or help, often related to solving technical or operational issues.
+
+# --explanation--
+
+`Coordinate` means to organize or collaborate with others to complete a task or achieve a goal.
+
+`Support` refers to the help or assistance provided by the IT team, often related to technical issues. For example:
+
+`We need to coordinate with the IT team to ensure the system runs smoothly.` - This shows collaboration to manage technical processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
new file mode 100644
index 0000000000..d83c585008
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
@@ -0,0 +1,110 @@
+---
+id: 675758e09f09139cb34169f9
+title: Task 85
+challengeType: 19
+dashedName: task-85
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake asking Sarah?
+
+## --answers--
+
+To solve the problem on her own.
+
+### --feedback--
+
+Jake is not asking Sarah to handle the task alone.
+
+---
+
+To explain the issue to the development team.
+
+### --feedback--
+
+Jake doesn't mention the development team.
+
+---
+
+To update the project manager about the task.
+
+### --feedback--
+
+Jake does not mention the project manager in this context.
+
+---
+
+To work with the IT support team to handle the task.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+By focusing on key parts of the sentence, you can determine what Jake is asking Sarah:
+
+`Coordinate` shows Jake is asking Sarah to organize or collaborate.
+
+`With the IT support team` specifies who Sarah needs to work with.
+
+`For that` refers to the task Jake wants her to handle with their help.
+
+This shows Jake is asking Sarah to work with the IT support team to address a specific task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
new file mode 100644
index 0000000000..e857e557f2
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
@@ -0,0 +1,92 @@
+---
+id: 67575a0d4b966da41383050b
+title: Task 86
+challengeType: 19
+dashedName: task-86
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Jake's question?
+
+## --answers--
+
+`Yes, I'll contact them now.`
+
+---
+
+`I don't know how to work with people.`
+
+### --feedback--
+
+This doesn't address Jake's request or offer a solution.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best response is `Yes, I'll contact them now.` Here's why:
+
+`Yes` directly agrees to Jake's request.
+
+`I'll contact them now` shows willingness to act promptly, which matches the tone of Jake's question.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
new file mode 100644
index 0000000000..073a185670
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
@@ -0,0 +1,90 @@
+---
+id: 675c8db0264a83364dc521ac
+title: Task 87
+challengeType: 22
+dashedName: task-87
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, BLANK contact them BLANK.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+---
+
+`now`
+
+### --feedback--
+
+This word indicates that Sarah is planning to act immediately.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. In this context, it expresses a decision made at the moment of speaking. This is common when someone reacts to a situation or agrees to do something promptly.
+
+`Now` is used to indicate something happening at the present moment. For example:
+
+`I'll send the report now.` - This shows a decision to act right away.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 41.4
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.5,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.0
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
new file mode 100644
index 0000000000..ff24f27ca7
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
@@ -0,0 +1,92 @@
+---
+id: 675c8f75eaf3914275999cae
+title: Task 88
+challengeType: 22
+dashedName: task-88
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`How do you think our clients BLANK BLANK to this news?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This modal verb is used to talk about what is likely to happen in the future.
+
+---
+
+`react`
+
+### --feedback--
+
+This word means to respond or behave in a certain way when something happens.
+
+# --explanation--
+
+`Will` is a modal verb used to predict the future.
+
+`React` means how someone responds or behaves in response to something. For example:
+
+- `How do you think the team will react to the delay?` - This predicts the team's response to a delay.
+
+- `Our clients will react positively to the improved service.` - This shows an expected positive response to a change.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
new file mode 100644
index 0000000000..ebfb93b3d4
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
@@ -0,0 +1,117 @@
+---
+id: 675c900ff099fa46fad7624d
+title: Task 89
+challengeType: 19
+dashedName: task-89
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Sarah wondering about?
+
+## --answers--
+
+How the clients will react to the news.
+
+---
+
+If the clients reacted well to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+How the clients reacted to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+If they should let the clients know about the news.
+
+### --feedback--
+
+Sarah is not asking whether to share the news.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+In the sentence, Sarah says, `How do you think our clients will react to this news?` Here's how to find the answer:
+
+`Will react` uses the `Future Simple` tense, showing Sarah is asking about a future possibility.
+
+`React` focuses on the clients' response or behavior.
+
+This indicates Sarah is wondering about how the clients might respond to the news.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.6,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.9,
+      "finishTime": 5.12,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
new file mode 100644
index 0000000000..ff6c44bda5
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
@@ -0,0 +1,92 @@
+---
+id: 675c91b0c74a72519ebb0a83
+title: Task 91
+challengeType: 22
+dashedName: task-91
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK BLANK be concerned.`
+
+## --blanks--
+
+`They'll`
+
+### --feedback--
+
+This is the contraction for `They will,` used to talk about something that is expected to happen in the future. The first letter is capitalized.
+
+---
+
+`likely`
+
+### --feedback--
+
+This word means that something is probable or has a high chance of happening.
+
+# --explanation--
+
+`They'll` is the contraction for `they will`. It is used to talk about something expected or predicted to happen in the future.
+
+`Likely` means something is probable or has a high chance of happening. For example:
+
+- `They'll likely ask for more information.` - This predicts a probable request from the clients.
+
+- `The feature will likely need additional testing.` - This indicates a high probability that testing will be required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
new file mode 100644
index 0000000000..739a336cde
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
@@ -0,0 +1,92 @@
+---
+id: 675c92e9a6133659ccad5424
+title: Task 90
+challengeType: 19
+dashedName: task-90
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake thinks clients will be probably worried. Which option will deliver this message to Sarah?
+
+## --answers--
+
+`They'll likely be concerned.`
+
+---
+
+`They already know about the news.`
+
+### --feedback--
+
+Jake is not discussing whether the clients know about the news; he is focusing on their potential reaction.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `They'll likely be concerned.` Here's why:
+
+`They'll` indicates Jake is predicting the clients' future reaction.
+
+`Likely` suggests that worry is probable, though not certain.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
new file mode 100644
index 0000000000..cb9b9f73d5
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
@@ -0,0 +1,109 @@
+---
+id: 675c94decb56d46654acf008
+title: Task 92
+challengeType: 19
+dashedName: task-92
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How will the clients feel?
+
+## --answers--
+
+They'll be completely calm.
+
+### --feedback--
+
+Jake uses the word `concerned` which suggests worry, not calmness.
+
+---
+
+They'll likely be concerned.
+
+---
+
+They'll be unaware of the situation.
+
+### --feedback--
+
+Jake's statement focuses on their feelings, not whether they know about the situation.
+
+---
+
+They'll feel excited.
+
+### --feedback--
+
+The word `concerned` means worry, which is the opposite of excitement.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Likely be` suggests this is a probable outcome, though not certain.
+
+`Concerned` means feeling worried or anxious about something. In this context, Jake predicts that the clients will feel worried about the news. For example:
+
+- `The team was concerned about meeting the deadline.` - This shows they were worried about achieving their goal.
+
+- `Our clients were concerned about the system's performance.` - This indicates they were anxious about how well the system was functioning.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
new file mode 100644
index 0000000000..c66686a2a9
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
@@ -0,0 +1,100 @@
+---
+id: 675c9579b10f316b5542b331
+title: Task 93
+challengeType: 22
+dashedName: task-93
+---
+
+<!-- (Audio) Jake: But I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`But I'll BLANK them that we BLANK BLANK all necessary steps to secure our systems.`
+
+## --blanks--
+
+`reassure`
+
+### --feedback--
+
+This word means to comfort or make someone feel less worried about something.
+
+---
+
+`are`
+
+### --feedback--
+
+This is part of the structure `to be` + a verb ending in `-ing`, used here to describe an action planned for the near future
+
+---
+
+`taking`
+
+### --feedback--
+
+This word means performing or carrying out an action or step. In this context, it refers to actions being planned or executed.
+
+# --explanation--
+
+`Reassure` means to provide confidence or reduce someone's anxiety about a situation.
+
+`We are taking` combines the verb `to be` with a verb ending in `-ing`. This is often used to talk about future actions already planned or happening soon. For example:
+
+- `I'll reassure the team that we are reviewing the report.` - This means you will comfort the team by telling them the review is happening soon.
+
+- `She is meeting the client tomorrow to reassure them about the changes.` - This shows the `to be` + a verb ending in `-ing` structure for a planned event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.98,
+      "finishTimestamp": 50.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 6,
+      "dialogue": {
+        "text": "But I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
new file mode 100644
index 0000000000..f39ef43914
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
@@ -0,0 +1,115 @@
+---
+id: 675c96e7feed5f75004ea8a4
+title: Task 94
+challengeType: 19
+dashedName: task-94
+---
+
+<!-- (Audio) Jake: They'll likely be concerned, but I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake's statement show about his priorities for the future?
+
+## --answers--
+
+Fixing the problem without telling the clients.
+
+### --feedback--
+
+The audio mentions both actions, not just fixing the issue.
+
+---
+
+Avoiding responsibility for what happened.
+
+### --feedback--
+
+The audio shows Jake is planning to take action, not avoiding it.
+
+---
+
+Keeping clients calm and fixing the security issue.
+
+---
+
+Waiting to see what happens next.
+
+### --feedback--
+
+The audio shows Jake is planning to act now, not waiting.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake's statement shows his priorities are about keeping clients calm and solving the problem. Here's how the audio explains this:
+
+`I'll reassure them` shows Jake wants to help clients feel less worried by telling them what the team is doing.
+
+`We are taking all necessary steps` shows Jake's focus on solving the security issue as quickly and completely as possible.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 51.18
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.3,
+      "dialogue": {
+        "text": "They'll likely be concerned,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.38,
+      "finishTime": 7.58,
+      "dialogue": {
+        "text": "but I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.08
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
new file mode 100644
index 0000000000..27de1c1036
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
@@ -0,0 +1,109 @@
+---
+id: 675c9900820144823ed5b11a
+title: Task 95
+challengeType: 22
+dashedName: task-95
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. BLANK BLANK BLANK to discuss the investigation results and plan our next steps.`
+
+## --blanks--
+
+`Let's`
+
+### --feedback--
+
+This is a contraction for `Let us`, used to suggest doing something together. The first letter is capitalized.
+
+---
+
+`meet`
+
+### --feedback--
+
+This word means to come together, often to discuss or plan something.
+
+---
+
+`later`
+
+### --feedback--
+
+This word refers to a time in the future, not immediately.
+
+# --explanation--
+
+`Let's` is a contraction for `Let us`, used to make a suggestion or propose doing something together.
+
+`Meet` means to come together, often for a discussion or planning.
+
+`Later` refers to a future time, not immediately. Sarah is suggesting they meet in the near future to discuss the results and plan further actions. For example:
+
+`Let's meet tomorrow to finalize the details.` - This suggests getting together the next day to complete planning.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
new file mode 100644
index 0000000000..2cba93d41a
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
@@ -0,0 +1,101 @@
+---
+id: 675c9a309dcbc3053601e653
+title: Task 96
+challengeType: 22
+dashedName: task-96
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. Let's meet later to discuss the BLANK BLANK and plan our next steps.`
+
+## --blanks--
+
+`investigation`
+
+### --feedback--
+
+This word refers to a detailed process of examining or finding information about something, especially a problem or issue.
+
+---
+
+`results`
+
+### --feedback--
+
+This word means the outcomes or findings from an action, process, or investigation.
+
+# --explanation--
+
+`Investigation` refers to a detailed examination or inquiry to uncover facts or information.
+
+`Results` are the findings or outcomes of the investigation. For example:
+
+- `The investigation showed there was a security breach.` - This means the inquiry revealed information about the breach.
+
+- `The results of the investigation helped us fix the issue.` - This indicates that the findings led to corrective actions.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
new file mode 100644
index 0000000000..912695fbd3
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
@@ -0,0 +1,117 @@
+---
+id: 675c9a9d87d492086e1ab3cf
+title: Task 97
+challengeType: 19
+dashedName: task-97
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to do?
+
+## --answers--
+
+Solve the issue immediately without a meeting.
+
+### --feedback--
+
+Sarah suggests meeting later, not solving the issue immediately.
+
+---
+
+Finish the investigation before meeting with the clients.
+
+### --feedback--
+
+Sarah is not talking about finishing the investigation first; she wants to discuss the results they already have.
+
+---
+
+Ask Jake to share the results and next steps with the clients.
+
+### --feedback--
+
+Sarah is talking about discussing the results with Jake, not sharing them with the clients.
+
+---
+
+Meet later to discuss the results and plan the next steps.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Here's how to find the answer:
+
+`Let's meet later` shows she is proposing a meeting in the future.
+
+`To discuss the investigation results` explains what the meeting will focus on.
+
+`Plan our next steps` shows that Sarah wants to decide on future actions during the meeting.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
new file mode 100644
index 0000000000..eebfe0f563
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
@@ -0,0 +1,96 @@
+---
+id: 67619dab2031295f7b4dcee1
+title: Task 98
+challengeType: 22
+dashedName: task-98
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`probably`, `I'll reassure`, `I'll send`, `will need`, `it won't`, `will affect`, and `I'll alert`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone BLANK to notify the team and take immediate action.`
+
+`Sarah: Oh no! Do you know where it originated from?`
+
+`Jake: Not yet, but I think it came from an email link. We need to investigate quickly. BLANK out a warning to everyone right away.`
+
+`Sarah: That sounds like a good plan. Do you think it BLANK our project deadlines?`
+
+`Jake: It might. I hope BLANK, but we should prepare for delays. I'll update the project manager about the situation.`
+
+`Sarah: BLANK the development team and tell them to check their emails carefully. Is there anything else we should do?`
+
+`Jake: We'll BLANK need to run a full system scan to ensure there's no hidden malware. Can you coordinate with the IT support team for that?`
+
+`Sarah: Yes, I'll contact them now. How do you think our clients will react to this news?`
+
+`Jake: They'll likely be concerned, but BLANK them that we are taking all necessary steps to secure our systems.`
+
+## --blanks--
+
+`will need`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense and describe a future necessity. The second word indicates a requirement or something essential.
+
+---
+
+`I'll send`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, showing a future action. The first letter is capitalized. The second word means to deliver something to someone or somewhere.
+
+---
+
+`will affect`
+
+### --feedback--
+
+This phrase describes the future impact of an action using the `Future Simple` tense. The second word means to change or influence something.
+
+---
+
+`it won't`
+
+### --feedback--
+
+This is the contraction for `it will not`, showing a negative prediction about the future. The second word indicates refusal or something not happening.
+
+---
+
+`I'll alert`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action. The first letter is capitalized. The second word means to notify or warn someone.
+
+---
+
+`probably`
+
+### --feedback--
+
+This adverb is used to describe something that is likely to happen. It shows a high chance of something occurring.
+
+---
+
+`I'll reassure`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action to comfort or reassure someone. The first letter is capitalized. The second word means to calm someone's concerns or provide confidence.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
new file mode 100644
index 0000000000..0ebff27010
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
@@ -0,0 +1,178 @@
+---
+id: 6761c4698166cd2462c1d685
+title: "Dialogue 3: Planning for SQL Injection Prevention"
+challengeType: 21
+dashedName: dialogue-3-planning-for-sql-injection-prevention
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video.
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-3.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 3.42,
+     "dialogue": {
+       "text": "I've been looking into our database security,",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 3.66,
+     "finishTime": 7.64,
+     "dialogue": {
+       "text": "and I think we're going to need some additional measures to prevent SQL injection attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 8.3,
+     "finishTime": 13.62,
+     "dialogue": {
+       "text": "I agree. We've been noticing some unusual queries in the logs. What are you going to recommend to improve security?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.16,
+     "finishTime": 17.88,
+     "dialogue": {
+       "text": "We're going to implement parameterized queries to minimize the risk.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.16,
+     "finishTime": 21.62,
+     "dialogue": {
+       "text": "This should reduce the chances of unauthorized access to our data.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 22.06,
+     "finishTime": 26.18,
+     "dialogue": {
+       "text": "That sounds like a solid plan. Are we going to require additional training for our developers?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 26.82,
+     "finishTime": 31.68,
+     "dialogue": {
+       "text": "Yes. We're going to hold the session next week to ensure everyone knows how to implement these changes.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 31.94,
+     "finishTime": 34.98,
+     "dialogue": {
+       "text": "It's crucial that we all follow best practices.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 35.9,
+     "finishTime": 39.8,
+     "dialogue": {
+       "text": "I'm going to inform the team about the upcoming training. Is there anything else we need to do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 40.12,
+     "finishTime": 46.08,
+     "dialogue": {
+       "text": "We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 46.58,
+     "finishTime": 49.34,
+     "dialogue": {
+       "text": "Great. I think this is going to make a big difference in our security.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 49.74,
+     "finishTime": 52.02,
+     "dialogue": {
+       "text": "Are we going to share this information with other departments?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 52.4,
+     "finishTime": 57.44,
+     "dialogue": {
+       "text": "We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.94
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 58.44
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
new file mode 100644
index 0000000000..07d026345b
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
@@ -0,0 +1,70 @@
+---
+id: 6761c69821431133f4860640
+title: Task 99
+challengeType: 19
+dashedName: task-99
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What action will Jake take next?
+
+## --answers--
+
+He won't talk to the clients and focus only on fixing the system.
+
+### --feedback--
+
+The message shows Jake is keeping the clients informed, not ignoring their concerns.
+
+---
+
+He'll reassure the clients that steps are being taken.
+
+---
+
+He'll tell Sarah to report directly to the clients.
+
+### --feedback--
+
+Jake has already taken responsibility for communicating with the clients.
+
+---
+
+He'll ask the IT team to delay their investigation.
+
+### --feedback--
+
+The IT team is already actively monitoring the situation, so delaying the investigation doesn't make sense.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To determine what Jake will do next, focus on his message:
+
+`I'll provide you with regular updates` shows Jake's plan to keep the clients informed.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
new file mode 100644
index 0000000000..68ed2d0825
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
@@ -0,0 +1,76 @@
+---
+id: 6761ca7cf0fd854c646ebd11
+title: Task 100
+challengeType: 19
+dashedName: task-100
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the clients' main concern?
+
+## --answers--
+
+They are worried about losing access to their accounts.
+
+### --feedback--
+
+The message focuses on the security of the clients' data, not account access.
+
+---
+
+They think the issue has already been fixed.
+
+### --feedback--
+
+The clients are asking for confirmation, which shows they are not sure the issue has been resolved.
+
+---
+
+They are concerned about the safety of their data.
+
+---
+
+They are asking for technical details about the system scan.
+
+### --feedback--
+
+The clients are asking *when* the issue will be resolved, not for technical details.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The clients say, `We're very concerned about the security of our data.`
+
+This clearly shows their main concern is the **safety of their data**.
+
+They ask, `Can you confirm when this issue will be fully resolved?` which suggests they are looking for reassurance that their data is secure and the problem will soon be fixed. For example:
+
+- `We're worried about losing sensitive information.` - This shows concern for data safety.
+
+- `Is the system safe now?` - This reflects a need for confirmation about the resolution.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
new file mode 100644
index 0000000000..48ed6deba0
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
@@ -0,0 +1,72 @@
+---
+id: 6761cae47045b54f50840915
+title: Task 101
+challengeType: 19
+dashedName: task-101
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What do Jake's actions show about his priorities?
+
+## --answers--
+
+Keeping the clients informed and addressing the issue quickly.
+
+---
+
+Focusing on fixing the technical issue.
+
+### --feedback--
+
+Jake promises to provide updates to the clients, so he is not just focusing on fixing the system.
+
+---
+
+Finding the person who made this mistake.
+
+### --feedback--
+
+Jake's message does not assign blame.
+
+---
+
+Delaying the resolution to gather more information.
+
+### --feedback--
+
+Jake highlights that steps are already being taken to resolve the issue quickly.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake's actions show that he prioritizes keeping the clients informed and solving the issue quickly.
+
+`I'll provide you with regular updates` shows his focus on clear and transparent communication.
+
+`We're taking all necessary steps to secure the system` highlights his commitment to resolving the issue as soon as possible.  
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
new file mode 100644
index 0000000000..c65556d1ec
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
@@ -0,0 +1,74 @@
+---
+id: 6761cb950d555c54150b2212
+title: Task 102
+challengeType: 19
+dashedName: task-102
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the next step Jake refers to in his message?
+
+## --answers--
+
+Running a full system scan.
+
+### --feedback--
+
+Jake mentions that the full system scan has already been done.
+
+---
+
+Actively monitoring the system.
+
+---
+
+Resolving the issue completely.
+
+### --feedback--
+
+The text shows the issue is still being worked on, and Jake has not yet resolved it.
+
+---
+
+Sending details about the phishing attack.
+
+### --feedback--
+
+Jake focuses on actions being taken, not on sharing details about the phishing attack.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the next step Jake refers to, look at the specific actions mentioned in his message:
+
+`We've run a full system scan` shows this step has already been done.
+
+`The IT support team is actively monitoring the situation` is the next step currently happening to secure the system.
+
+Jake does not yet mention resolving the issue or providing additional details about the phishing attack.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
new file mode 100644
index 0000000000..1e70e5b13d
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
@@ -0,0 +1,82 @@
+---
+id: 6761e3efbd12c067489c90fe
+title: Task 103
+challengeType: 22
+dashedName: task-103
+---
+
+<!-- (audio) Jake: I've been looking into our database security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been BLANK into our database security.`
+
+## --blanks--
+
+`looking`
+
+### --feedback--
+
+This word means trying to find information or investigate. it ends in `-ing`.
+
+# --explanation--
+
+`Looking into` means to investigate or examine something carefully. For example:
+
+- `The manager is looking into the issue with the server.` - This means the manager is investigating the server problem.
+
+- `She is looking into ways to improve our performance.` - This means she is searching for ways to make the team perform better.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 2.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.92
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
new file mode 100644
index 0000000000..2c880f8a46
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
@@ -0,0 +1,124 @@
+---
+id: 6761e51505b1d96f537b089e
+title: Task 104
+challengeType: 22
+dashedName: task-104
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been looking into our database security, and I think BLANK BLANK BLANK some additional measures to prevent SQL injection attacks.`
+
+## --blanks--
+
+`we're`
+
+### --feedback--
+
+This is a contraction for `we are`.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb and the second a preposition.
+
+---
+
+`need`
+
+### --feedback--
+
+This verb means something is required or necessary. It is a verb in its base form.
+
+# --explanation--
+
+`Going to` is used to talk about planned actions or intentions for the future. For example:
+
+- `We are going to upgrade the system next month.` - This means the upgrade is planned and will happen soon.
+
+- `She is going to learn SQL next year.` - This means she intends to learn SQL in the future.
+
+In this sentence:
+
+`We're` is the contraction for `we are`.
+
+`Going to` shows the action is planned for the near future.
+
+`Need` is the base verb indicating something necessary or required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
new file mode 100644
index 0000000000..1b1456c086
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
@@ -0,0 +1,124 @@
+---
+id: 6761e7b82f98fc7fb7d9c06b
+title: Task 105
+challengeType: 19
+dashedName: task-105
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake currently looking into?
+
+## --answers--
+
+Database security
+
+---
+
+Server upgrades
+
+### --feedback--
+
+Jake doesn't mention upgrading servers; he's focused on something else.
+
+---
+
+New software
+
+### --feedback--
+
+Jake isn't talking about installing new software.
+
+---
+
+Network performance
+
+### --feedback--
+
+Jake's focus is not on network performance. Listen carefully to the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database security` refers to protecting databases from unauthorized access or attacks. For example:
+
+`The team is improving database security to prevent hackers from accessing confidential data.` - This means they are making the database safer to stop any illegal access.
+
+Jake says he is `looking into` their `database security`, which means he is investigating or checking its safety.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
new file mode 100644
index 0000000000..2e8b4f8e36
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
@@ -0,0 +1,125 @@
+---
+id: 6761e90350ebde88221daeea
+title: Task 106
+challengeType: 19
+dashedName: task-106
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake think they need to do?
+
+## --answers--
+
+A new database
+
+### --feedback--
+
+Jake doesn't mention needing a new database. Listen carefully to what he says they require.
+
+---
+
+More team members
+
+### --feedback--
+
+Jake doesn't suggest needing more people for the task.
+
+---
+
+Additional measures
+
+---
+
+Less security
+
+### --feedback--
+
+This option is the opposite of what Jake suggests. He is looking to improve security, not reduce it.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Additional measures` refers to extra actions or steps taken to fix or improve something. For example:
+
+`We need additional measures to protect the system from future attacks.` - This means more steps are necessary to improve the system's safety.
+
+Jake says they need additional measures, meaning more steps are required to improve the database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
+
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
new file mode 100644
index 0000000000..bdd401e122
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
@@ -0,0 +1,124 @@
+---
+id: 6761e99e3e0f098cc0f265aa
+title: Task 107
+challengeType: 19
+dashedName: task-107
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem are the additional measures meant to address?
+
+## --answers--
+
+Slow database performance
+
+### --feedback--
+
+Jake is not talking about improving the database speed. Listen carefully to what the measures are for.
+
+---
+
+Data backup issues
+
+### --feedback--
+
+Jake does not mention any problem with data backups. Focus on the security issue he talks about.
+
+---
+
+Software updates
+
+### --feedback--
+
+Jake is not discussing updates to software. He is concerned with preventing a specific type of attack.
+
+---
+
+SQL injection attacks
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`SQL injection attacks` are a type of cyber attack where hackers insert harmful code into a database query to access or damage data. For example:
+
+`The company added security measures to prevent SQL injection attacks on their website.` - This means they took steps to stop hackers from entering harmful code.
+
+Jake says the `additional measures` are needed to `prevent SQL injection attacks`, meaning they are trying to stop this specific type of threat.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
new file mode 100644
index 0000000000..0690caa26b
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
@@ -0,0 +1,124 @@
+---
+id: 6761eb2e4b1192968b2303f4
+title: Task 108
+challengeType: 19
+dashedName: task-108
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake describe their current database security?
+
+## --answers--
+
+They are not prepared at all and need to start from scratch.
+
+### --feedback--
+
+Jake doesn't say they have no security at all. Listen again to his comment about needing additional measures.
+
+---
+
+They have some security, but they need more measures to improve it.
+
+---
+
+They have already taken additional measures and are now fully protected.
+
+### --feedback--
+
+Jake mentions `additional measures`, which means they haven't done it yet.
+
+---
+
+Their security is perfect, and no further actions are required.
+
+### --feedback--
+
+Jake clearly says they need to add more measures, so their security is not perfect yet.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says he has been `looking into` their database security, which means he is investigating its current state. He concludes that they `need additional measures`, meaning some security exists, but it's not enough. For example:
+
+`The team needed additional measures to ensure their security was strong.` - This means the team added extra steps to improve something that already existed.
+
+Jake's statement shows their database security is in place but requires more work to prevent `SQL injection attacks`.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
new file mode 100644
index 0000000000..c8cbde4537
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
@@ -0,0 +1,106 @@
+---
+id: 6761ecb48889faa066740143
+title: Task 109
+challengeType: 19
+dashedName: task-109
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is the best answer to Jake's comment?
+
+## --answers--
+
+`I agree.`
+
+---
+
+`Why don't we ignore it?`
+
+### --feedback--
+
+Ignoring the issue doesn't address Jake's concern about security.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The most appropriate answer is `I agree` because it supports Jake's suggestion that additional measures are needed to improve database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
new file mode 100644
index 0000000000..04a9c8dd49
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
@@ -0,0 +1,103 @@
+---
+id: 6761ee00596d9fa8c8c3ac90
+title: Task 110
+challengeType: 22
+dashedName: task-110
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I agree. We've been noticing some unusual BLANK in the BLANK.`
+
+## --blanks--
+
+`queries`
+
+### --feedback--
+
+This is the plural form of a request for information in a database.
+
+---
+
+`logs`
+
+### --feedback--
+
+These are files or records where events, activities, or actions are stored.
+
+# --explanation--
+
+`Query` refers to a request for information, often in a database. `Queries` means more than one request. For example:
+
+- `The developer sent a query to find user data.` - This means the developer made a single request for information.
+
+- `There were multiple queries for customer information.` - This means there were several requests for data.
+
+`Logs` refers to files or records that track events or actions. For example:
+
+`The team checked the logs to find unusual activities.` - This means they looked at the stored records to identify any issues.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
new file mode 100644
index 0000000000..410ae23ed2
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
@@ -0,0 +1,113 @@
+---
+id: 6761f0dc81967cbbe1118dae
+title: Task 111
+challengeType: 19
+dashedName: task-111
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Maria agree with Jake?
+
+## --answers--
+
+Because the database is completely secure.
+
+### --feedback--
+
+Maria does not say the database is secure. She agrees with Jake about needing additional measures.
+
+---
+
+Because she noticed unusual queries in the logs.
+
+---
+
+Because they have already fixed the problem.
+
+### --feedback--
+
+Maria mentions noticing unusual queries, which suggests the problem is not yet fixed.
+
+---
+
+Because there are no issues in the logs.
+
+### --feedback--
+
+Maria says the opposite: there are unusual queries in the logs.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria agrees with Jake because she has evidence that supports his concern about database security.
+
+She mentions noticing `unusual queries in the logs`, which means some unexpected or suspicious requests were recorded.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
new file mode 100644
index 0000000000..605cd2e804
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
@@ -0,0 +1,98 @@
+---
+id: 6761f1e5287834c2cb5f4631
+title: Task 112
+challengeType: 22
+dashedName: task-112
+---
+
+<!-- (audio) What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`What BLANK BLANK BLANK recommend to improve security?`
+
+## --blanks--
+
+`are`
+
+### --feedback--
+
+This word is part of the verb `to be` and is used here to form a question about the future.
+
+---
+
+`you`
+
+### --feedback--
+
+This is the pronoun that refers to the person being asked.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words indicate a planned or intended action in the future. One is a verb, and the other is a preposition.
+
+# --explanation--
+
+This type of question uses `going to` to ask about someone's **future actions or plans**. You use it when you want to know what someone `intends to do` or has already planned. For example:
+
+- `What are you going to do about the missing files?` - This asks about the person's future action to solve a problem.
+
+- `When are you going to update the system?` - This asks about a specific plan for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
new file mode 100644
index 0000000000..ad528387ce
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f2fbd2db7aca063b6a5c
+title: Task 113
+challengeType: 19
+dashedName: task-113
+---
+
+<!-- (audio) Maria: What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+What Jake suggests to improve security in the future.
+
+---
+
+What has already been done to improve security.
+
+### --feedback--
+
+Maria is asking about a future action, not something that has already happened.
+
+---
+
+What kind of security measures are not useful.
+
+### --feedback--
+
+Maria is asking for suggestions, not about measures that are ineffective.
+
+---
+
+Who is responsible for causing the security issues.
+
+### --feedback--
+
+Maria is focused on improving security, not finding out who caused the issues.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Recommend` means to suggest or advise something as a good idea or solution. Maria uses `going to` in her question to ask about **future actions** or plans. For example:
+
+`What are you going to recommend for the project?` - This asks what someone will suggest as a solution or improvement.
+
+In this sentence, Maria wants to know what Jake will suggest to improve security in the future. She is not asking about past actions or problems, but about ideas to move forward.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
new file mode 100644
index 0000000000..e6bd753de9
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
@@ -0,0 +1,90 @@
+---
+id: 6761f509323d5ad6cfe9d212
+title: Task 114
+challengeType: 22
+dashedName: task-114
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're BLANK BLANK parameterized queries to minimize the risk.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb, and the second is a preposition.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put an action, idea, or plan into effect.
+
+# --explanation--
+
+`Going to` is used to show that something has been decided and will happen soon.
+
+`Implement` means to put a plan or idea into action. For example:
+
+`The team is going to implement a new security strategy next month.` - This means the team has decided to take action and will begin soon.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
new file mode 100644
index 0000000000..c71051c55c
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
@@ -0,0 +1,84 @@
+---
+id: 6761f66b536d13df9a6e4b87
+title: Task 115
+challengeType: 22
+dashedName: task-115
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to implement BLANK queries to minimize the risk.`
+
+## --blanks--
+
+`parameterized`
+
+### --feedback--
+
+This word describes queries that use predefined values to improve security. It is a long word often used in database contexts.
+
+# --explanation--
+
+`Parameterized` comes from the root word `parameter`, which is a value or placeholder used to control how something works.
+
+When people say a query is `parameterized`, it means it uses predefined values (parameters) instead of inserting user input directly.
+
+This helps improve database security by preventing certain attacks like SQL injection. For example:
+
+- `The developer used parameterized queries to secure the database.` - This means they used placeholders to ensure no harmful code could be inserted.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
new file mode 100644
index 0000000000..d7c5ba0cd2
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f6dc272d86e2f315b79c
+title: Task 116
+challengeType: 19
+dashedName: task-116
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's plan?
+
+## --answers--
+
+To improve the database's performance with faster queries.
+
+### --feedback--
+
+Jake's plan focuses on minimizing risk, not improving the database speed.
+
+---
+
+To implement parameterized queries to minimize the risk.
+
+---
+
+To add more servers to handle heavy traffic.
+
+### --feedback--
+
+Jake doesn't mention servers or traffic. He talks about securing the database.
+
+---
+
+To fix the errors caused by broken queries.
+
+### --feedback--
+
+Jake is not fixing broken queries. He's focused on reducing risks by implementing a specific security method.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Implement` means to put an idea or solution into action.
+
+`Parameterized queries` are a method used in databases to reduce security risks, like SQL injection. This works by using placeholders for data instead of inserting user input directly into the query.
+
+In this sentence, Jake's plan is to take action to improve security and prevent risks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
new file mode 100644
index 0000000000..d89ad70d05
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
@@ -0,0 +1,80 @@
+---
+id: 6761f838245300ebfcf372cd
+title: Task 117
+challengeType: 22
+dashedName: task-117
+---
+
+<!-- (audio) This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This should reduce the chances of BLANK access to our data.`
+
+## --blanks--
+
+`unauthorized`
+
+### --feedback--
+
+This word describes something that is not allowed or approved. It starts with `un-` to show the negative form.
+
+# --explanation--
+
+`Unauthorized` means **not allowed** or **not approved**. It is formed by adding the prefix `un-` to the root word `authorized`, which means permitted or approved. For example:
+
+`Unauthorized users tried to access the system.` - This means users who did not have permission attempted to get in.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
new file mode 100644
index 0000000000..86bfe5f3aa
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
@@ -0,0 +1,119 @@
+---
+id: 6761f9d7a849d8f61aa12deb
+title: Task 118
+challengeType: 19
+dashedName: task-118
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem is Jake trying to solve by implementing parameterized queries?
+
+## --answers--
+
+Data not being backed up correctly.
+
+### --feedback--
+
+Jake does not mention anything about data backups. Focus on the issue he wants to minimize.
+
+---
+
+Errors in the database caused by broken queries.
+
+### --feedback--
+
+Jake talks about minimizing risk, not fixing broken queries or errors.
+
+---
+
+Slow database performance when handling queries.
+
+### --feedback--
+
+Jake's goal is related to security, not improving database speed or performance.
+
+---
+
+Unauthorized access to data.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, listen for the words:
+
+`Should reduce` shows Jake's intention to make something smaller or less likely.
+
+`Unauthorized access` refers to someone without permission trying to view or use data.
+
+Jake says `this should reduce the chances of unauthorized access to our data`.
+
+This shows his plan is to minimize a security risk, not to fix backups, errors, or improve database performance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
new file mode 100644
index 0000000000..57f418be46
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
@@ -0,0 +1,96 @@
+---
+id: 6762dceeac22841f223b0101
+title: Task 119
+challengeType: 19
+dashedName: task-119
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to show support to Jake's plan?
+
+## --answers--
+
+`That sounds like a solid plan.`
+
+---
+
+`Let's focus on other issues for now.`
+
+### --feedback--
+
+This response does not address Jake's plan and shifts attention away from his suggestion.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The phrase `That sounds like a solid plan` is supportive because it shows agreement and confidence in the idea.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
new file mode 100644
index 0000000000..8a89f9d9e9
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
@@ -0,0 +1,108 @@
+---
+id: 6762e2adb437563844364cf1
+title: Task 120
+challengeType: 19
+dashedName: task-120
+---
+
+<!-- (audio) Maria: That sounds like a solid plan. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Maria's opinion about Jake's plan?
+
+## --answers--
+
+She thinks it is a good idea.
+
+---
+
+She thinks it is risky and might not minimize the problem.
+
+### --feedback--
+
+Maria does not mention any doubts or risks. Listen to how she uses the word `solid` to show support.
+
+---
+
+She thinks it needs more details to be effective.
+
+### --feedback--
+
+Maria does not suggest adding details. Her response shows confidence in the plan as it is.
+
+---
+
+She thinks it will require additional resources to work.
+
+### --feedback--
+
+Maria's response does not mention resources. She expresses agreement and support for Jake's plan.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Solid` means strong, reliable, and effective. It suggests that the plan is well thought out and likely to succeed.
+
+`Plan` refers to an organized strategy to solve a problem.
+
+`That sounds like a solid plan` shows support and confidence in Jake's idea. For example:
+
+`That sounds like a solid plan to improve security.` - This shows agreement and belief that the idea is dependable.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.96,
+      "finishTimestamp": 22.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.46,
+      "dialogue": {
+        "text": "That sounds like a solid plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 2.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
new file mode 100644
index 0000000000..a92c835f0b
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
@@ -0,0 +1,104 @@
+---
+id: 6762e430c7646a422c17966f
+title: Task 121
+challengeType: 22
+dashedName: task-121
+---
+
+<!-- (audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK for our developers?`
+
+## --blanks--
+
+`require`
+
+### --feedback--
+
+This verb means something is needed or necessary.
+
+---
+
+`additional`
+
+### --feedback--
+
+This word means extra or more. It is used to describe something that is added to what already exists.
+
+---
+
+`training`
+
+### --feedback--
+
+This word refers to the process of teaching or learning skills needed for a job or task.
+
+# --explanation--
+
+`Require` means to need or make something necessary. For example:
+
+`The job requires technical knowledge.` - This means technical knowledge is needed for the job.
+
+`Additional` means extra or more than what already exists. For example:
+
+`The project requires additional resources.` - This means extra resources are needed.
+
+`Training` refers to the process of learning or improving skills for a specific purpose. For example:
+
+`The company provided training for the new software.` - This means the company helped employees learn how to use the software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
new file mode 100644
index 0000000000..478b3fc00f
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
@@ -0,0 +1,108 @@
+---
+id: 6762edd89388ad7b3950d01a
+title: Task 122
+challengeType: 19
+dashedName: task-122
+---
+
+<!-- (Audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If training is already complete.
+
+### --feedback--
+
+Maria is asking about something that might happen in the future, not the past.
+
+---
+
+If additional training will be required.
+
+---
+
+If training sessions are planned for managers.
+
+### --feedback--
+
+Maria's question is about developers, not managers.
+
+---
+
+If training will happen next week.
+
+### --feedback--
+
+Maria's question does not mention any specific time.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, focus on the parts of Maria's question:
+
+`Are we going to` indicates she is asking about a plan or action in the future.
+
+`Require additional training` means she is asking if more training is needed.
+
+`For our developers` specifies who might need the training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
new file mode 100644
index 0000000000..66c38ed008
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
@@ -0,0 +1,101 @@
+---
+id: 6762f11f6a96d19057229bf2
+title: Task 123
+challengeType: 22
+dashedName: task-123
+---
+
+<!-- (Audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, we're BLANK BLANK a session next week to ensure everyone knows how to implement these changes.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned action in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`hold`
+
+### --feedback--
+
+This means to organize or conduct an event, like a meeting or session.
+
+# --explanation--
+
+`Going to` indicates a future plan or intention. It is often used to talk about actions that are already decided or likely to happen.
+
+`Hold` refers to organizing or conducting an event, like a meeting, session, or training. For example:
+
+- `We're going to organize a team meeting next Monday.` - This shows a planned action in the near future.
+
+- `They are going to hold a workshop on software updates.` - This highlights a scheduled event for sharing knowledge or training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
new file mode 100644
index 0000000000..7619da2910
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
@@ -0,0 +1,113 @@
+---
+id: 676320cd1c9cee55ab53687a
+title: Task 124
+challengeType: 19
+dashedName: task-124
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the next session going to happen?
+
+## --answers--
+
+This week
+
+### --feedback--
+
+Listen carefully to the audio. Jake does not say the session will happen during the current week.
+
+---
+
+Last week
+
+### --feedback--
+
+Jake is talking about a future session, not one that has already happened.
+
+---
+
+In a couple of weeks
+
+### --feedback--
+
+Jake mentions a specific time, not two weeks from now.
+
+---
+
+Next week
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, pay attention to the words that come after `hold a session`. Jake says, `next week`, which tells you the session will happen in the week after this one.
+
+`Next week` means the week following the current one. For instance, if today is Tuesday, `next week` starts on the following Sunday or Monday.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
new file mode 100644
index 0000000000..48cf723159
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
@@ -0,0 +1,113 @@
+---
+id: 676321f8a8692b5d4b211dde
+title: Task 125
+challengeType: 19
+dashedName: task-125
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why are they holding this meeting?
+
+## --answers--
+
+To make sure everyone understands how to apply the changes.
+
+---
+
+To discuss new changes they might make.
+
+### --feedback--
+
+Jake does not say they are planning changes, but how to implement the current ones.
+
+---
+
+To share updates about the company.
+
+### --feedback--
+
+The meeting is not about general updates but about specific changes.
+
+---
+
+To ensure everyone finishes their work on time.
+
+### --feedback--
+
+Jake does not mention deadlines or completing work in the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To answer this question, focus on Jake's purpose for the session. He says, `to ensure everyone knows how to implement these changes`.
+
+The options "To make sure everyone understands how to apply the changes", matches the purpose described in the audio.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
new file mode 100644
index 0000000000..05591d1d24
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
@@ -0,0 +1,110 @@
+---
+id: 67632267336dcf6068f39407
+title: Task 126
+challengeType: 19
+dashedName: task-126
+---
+
+<!-- (audio) Jake: It's crucial that we all follow best practices. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's important to Jake?
+
+## --answers--
+
+That everyone works hard.
+
+### --feedback--
+
+Jake does not talk about working hard in the audio.
+
+---
+
+That everyone follows best practices.
+
+---
+
+That everyone follows their own rules.
+
+### --feedback--
+
+Jake does not say anything about following personal rules.
+
+---
+
+That everyone communicates well.
+
+### --feedback--
+
+Jake does not mention communication as important.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, break down the key words in the audio:
+
+`Crucial` means very important. Jake is talking about something that must be done.
+
+`Follow` means to do or obey something.
+
+`Best practices` refers to the best and most effective ways to do something.
+
+Jake says, `It's crucial that we all follow best practices`. This shows that he thinks it is very important for everyone to use the best methods when working.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.94,
+      "finishTimestamp": 33.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "It's crucial that we all follow best practices.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
new file mode 100644
index 0000000000..39ef7348e1
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
@@ -0,0 +1,92 @@
+---
+id: 6763238e902cdf688f49152f
+title: Task 127
+challengeType: 22
+dashedName: task-127
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'm BLANK BLANK the team about the upcoming training.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together show that Maria is talking about something planned in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`inform`
+
+### --feedback--
+
+This word means to give information or tell someone about something.
+
+# --explanation--
+
+`Going to` shows that Maria is talking about something planned or decided for the future. For example:
+
+`I'm going to visit the headquarters tomorrow.` - it means the visit is planned.
+
+`Inform` means to give information or notify someone. For example:
+
+`He will inform his team leader about the issue.` - It means he will tell the team leader about the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
new file mode 100644
index 0000000000..018ccabf15
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
@@ -0,0 +1,116 @@
+---
+id: 6763251d0b7d8872b5543df8
+title: Task 128
+challengeType: 19
+dashedName: task-128
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Maria planning to do?
+
+## --answers--
+
+To attend a training session.
+
+### --feedback--
+
+Maria does not say she will attend the training.
+
+---
+
+To organize the training for the team.
+
+### --feedback--
+
+Maria does not mention organizing the training.
+
+---
+
+To inform the team about the upcoming training.
+
+---
+
+To ask the team about their training needs.
+
+### --feedback--
+
+Maria does not say anything about asking the team questions. She is going to provide information.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To find the correct answer, focus on Maria's words in the audio:
+
+`I'm going to` shows her plan for the future.
+
+`Inform the team` tell us what Maria is planning to do.
+
+Maria's exact plan is to inform the team about something specific.
+
+`Upcoming` means something that will happen soon. For example:
+
+`We have an upcoming meeting next week.` - This means the meeting is scheduled for the near future.
+
+`Upcoming training` means a training session that is planned to take place soon.
+
+Together, the phrase shows Maria's responsibility to give information about the training that will happen in the near future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
new file mode 100644
index 0000000000..c96250b419
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
@@ -0,0 +1,88 @@
+---
+id: 676325dfad1ee0784c7f1a5e
+title: Task 129
+challengeType: 19
+dashedName: task-129
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria wants to confirm if she needs to do more things. Which option is the best?
+
+## --answers--
+
+`Is there anything else we need to do?`
+
+---
+
+`Should I inform them now or later?`
+
+### --feedback--
+
+This question focuses on timing, not whether more tasks are required.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best option is `Is there anything else we need to do?` because it directly asks about whether there are more tasks to complete.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
new file mode 100644
index 0000000000..1184550212
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
@@ -0,0 +1,121 @@
+---
+id: 6763271c3d195780a672e061
+title: Task 130
+challengeType: 19
+dashedName: task-130
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+When the training will happen.
+
+### --feedback--
+
+Maria is not asking about the time of the training.
+
+---
+
+Who needs to be informed about the training.
+
+### --feedback--
+
+Maria is not asking about who should be informed.
+
+---
+
+How to organize the training.
+
+### --feedback--
+
+Maria is not asking about how to organize the training.
+
+---
+
+If there are more tasks to complete.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`Anything` means any item, task, or thing.
+
+`Else` means in addition to what has already been mentioned.
+
+Together, `anything else` means "any other things". For example:
+
+- `Do you need anything else before I leave?` - This asks if the person needs more help or items.
+
+- `Is there anything else on the agenda?` - This asks if there are more topics to discuss.
+
+Maria says, `Is there anything else we need to do?` This shows she wants to know if there are more tasks she needs to do beyond informing the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 38.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3.8,
+      "finishTime": 5.1,
+      "dialogue": {
+        "text": "Is there anything else we need to do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
new file mode 100644
index 0000000000..330c8abfcb
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
@@ -0,0 +1,92 @@
+---
+id: 6763285df9a9b6039696c389
+title: Task 131
+challengeType: 22
+dashedName: task-131
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to BLANK the database activity more BLANK.`
+
+## --blanks--
+
+`monitor`
+
+### --feedback--
+
+This word means to watch or check something carefully.
+
+---
+
+`closely`
+
+### --feedback--
+
+This word means in a careful or detailed way.
+
+# --explanation--
+
+The verb `monitor` means to watch or check something, especially in a business or technical setting. For example:
+
+`Managers monitor employee productivity to meet project deadlines.` - This means they check progress regularly to make sure work is on track.
+
+`Closely` means to do something in a careful or detailed way. For example:
+
+`The team is reviewing the security logs closely for any unusual activity.` - This means they are looking carefully at the logs for problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.72,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
new file mode 100644
index 0000000000..24b821538d
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
@@ -0,0 +1,110 @@
+---
+id: 67632a419a12aa10b1e76954
+title: Task 132
+challengeType: 19
+dashedName: task-132
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is going to be monitored?
+
+## --answers--
+
+The database activity
+
+---
+
+The server performance
+
+### --feedback--
+
+Jake does not mention monitoring the server performance.
+
+---
+
+The team's tasks
+
+### --feedback--
+
+Jake does not talk about monitoring the team's tasks.
+
+---
+
+The system logs
+
+### --feedback--
+
+Jake does not say anything about monitoring system logs.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database` refers to a system where data is stored and organized.
+
+`Activity` refers to the actions or processes happening in the database.
+
+- `The database contains customer information and order details.` - This means the database stores important business data.
+
+- `There was unusual activity in the database last night.` - This means something unexpected happened in the database.
+
+Together, `database activity` means all the actions, changes, or processes happening within the database system.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.02,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.82,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
new file mode 100644
index 0000000000..370fdcce77
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
@@ -0,0 +1,100 @@
+---
+id: 67632cefda53f021ab6ecfb4
+title: Task 133
+challengeType: 22
+dashedName: task-133
+---
+
+<!-- (audio) This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This will BLANK BLANK BLANK any suspicious patterns early.`
+
+## --blanks--
+
+`help`
+
+### --feedback--
+
+This word means to assist or make something easier.
+
+---
+
+`us`
+
+### --feedback--
+
+This word refers to the group or team being talked about.
+
+---
+
+`catch`
+
+### --feedback--
+
+This word means to find or notice something.
+
+# --explanation--
+
+`Help` means to make it easier to do something or to provide assistance.
+
+`Catch` means to find, notice, or identify something. For example:
+
+`The system is designed to catch errors in real-time.` - This means the system finds mistakes as they happen.
+
+`Help us catch` means to assist in identifying something.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.96,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.12,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
new file mode 100644
index 0000000000..00d7873654
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
@@ -0,0 +1,119 @@
+---
+id: 67632e1b477101295cf2fc77
+title: Task 134
+challengeType: 19
+dashedName: task-134
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning to monitor the database activity more closely?
+
+## --answers--
+
+To catch suspicious patterns early.
+
+---
+
+To improve the database structure.
+
+### --feedback--
+
+Jake does not mention improving the database structure.
+
+---
+
+To monitor the team's productivity.
+
+### --feedback--
+
+Jake is talking about monitoring database activity, not the team.
+
+---
+
+To track system performance over time.
+
+### --feedback--
+
+Jake does not mention tracking system performance over time.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake says, `This will help us catch any suspicious patterns early.` Let's break down what he means.
+
+`Help us catch` means to make it easier for the team to find or notice something.
+
+`Suspicious patterns` refers to activities or changes in the database that seem unusual or could signal potential problems, such as unauthorized access or errors in the data.
+
+`Early` means finding these patterns as soon as possible, before they can cause significant harm.
+
+Together, Jake's statement means that by monitoring the database closely, the team can quickly find and fix any unusual activity before it becomes a bigger issue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
new file mode 100644
index 0000000000..05aaa1bfaf
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
@@ -0,0 +1,99 @@
+---
+id: 67632f1219de712fcf37d295
+title: Task 135
+challengeType: 19
+dashedName: task-135
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria thinks Jake's plan is important and useful. Which option better reflects that?
+
+## --answers--
+
+`Do you really think this will work?`
+
+### --feedback--
+
+This question shows doubt, not agreement with Jake's plan.
+
+---
+
+`I think this is going to make a big difference in our security.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`I think this is going to make a big difference in our security.` shows that Maria agrees with Jake's plan and thinks it is valuable.
+
+`Do you really think this will work?` shows doubt.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
new file mode 100644
index 0000000000..d02747ff4c
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
@@ -0,0 +1,108 @@
+---
+id: 67633077c55c0f38b9166323
+title: Task 136
+challengeType: 22
+dashedName: task-136
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great. I think this is going to BLANK BLANK BLANK BLANK in our security.`
+
+## --blanks--
+
+`make`
+
+### --feedback--
+
+This word means to create or cause something to happen.
+
+---
+
+`a`
+
+### --feedback--
+
+This is an article used before singular nouns.
+
+---
+
+`big`
+
+### --feedback--
+
+This word means large or significant.
+
+---
+
+`difference`
+
+### --feedback--
+
+This word means a change or effect on something.
+
+# --explanation--
+
+`Make` means to cause something to happen or exist.
+
+`A big difference` means a significant or noticeable change or improvement.
+
+Together, `make a big difference` means to cause something to improve or become better in an important way. For example:
+
+`Updating our software will make a big difference in system performance.` - This means the update will improve how the system works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
new file mode 100644
index 0000000000..7352992b2d
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
@@ -0,0 +1,102 @@
+---
+id: 6763322b77048c43b92f9c28
+title: Task 137
+challengeType: 19
+dashedName: task-137
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does Maria think the changes will have an impact on security?
+
+## --answers--
+
+The changes already improved security.
+
+### --feedback--
+
+Maria does not say the changes have already happened. She is talking about the future.
+
+---
+
+The changes are currently improving security.
+
+### --feedback--
+
+Maria is not referring to something happening now. She is talking about what will happen later.
+
+---
+
+The changes might improve security someday.
+
+### --feedback--
+
+Maria is confident about the changes making an impact, not uncertain.
+
+---
+
+The changes will improve security in the future.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria says, `I think this is going to make a big difference in our security.` The phrase `is going to` shows that Maria is talking about the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
new file mode 100644
index 0000000000..45580e5d90
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
@@ -0,0 +1,98 @@
+---
+id: 67633424bfc56f4fec3edf3c
+title: Task 138
+challengeType: 22
+dashedName: task-138
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK with other departments?`
+
+## --blanks--
+
+`share`
+
+### --feedback--
+
+This is a verb that means to give something to others or use it together.
+
+---
+
+`this`
+
+### --feedback--
+
+This is a demonstrative pronoun that refers to something specific being talked about.
+
+---
+
+`information`
+
+### --feedback--
+
+This is a noun that means knowledge or facts that are communicated.
+
+# --explanation--
+
+`Share` means to give something to others or to use it together.
+
+`This` is a demonstrative pronoun that refers to something specific, in this case, the information.
+
+`Information` refers to knowledge, data, or facts that are communicated.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
new file mode 100644
index 0000000000..64366032e9
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
@@ -0,0 +1,108 @@
+---
+id: 676335dbbbe14c5acdafc970
+title: Task 139
+challengeType: 19
+dashedName: task-139
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the information will be shared with other departments.
+
+---
+
+If the departments need more information.
+
+### --feedback--
+
+Maria does not mention needing more information in her question.
+
+---
+
+When the information will be shared.
+
+### --feedback--
+
+Maria does not ask about the timing of sharing the information.
+
+---
+
+Why the information is important.
+
+### --feedback--
+
+Maria is not asking about the importance of the information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Focus on the verb `share`. It means to give or make something available to others. Maria is asking if the information will be shared.
+
+`Other departments` tells you who might receive the information. Maria's question is specifically about these departments.
+
+The structure `Are we going to...` shows that Maria is asking about a plan for the future.
+
+By identifying these parts of the sentence, you can understand that Maria is asking whether the information will be shared with other departments.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
new file mode 100644
index 0000000000..6d267335bc
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
@@ -0,0 +1,89 @@
+---
+id: 676338a796ace16be009e9d6
+title: Task 140
+challengeType: 19
+dashedName: task-140
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake is still deciding what to do. What's the most appropriate answer to Maria's question?
+
+## --answers--
+
+`We'll probably do that after we've completed the training.`
+
+---
+
+`I think sharing this information is unnecessary.`
+
+### --feedback--
+
+This response contradicts the idea of considering sharing information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `We'll probably do that after we've completed the training.` This response is appropriate because it aligns with Maria's question while emphasizing the need to complete the training first.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
new file mode 100644
index 0000000000..0d67d478c4
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
@@ -0,0 +1,98 @@
+---
+id: 676339b7a8460f7302b2d966
+title: Task 141
+challengeType: 22
+dashedName: task-141
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably BLANK BLANK BLANK we've completed the training.`
+
+## --blanks--
+
+`do`
+
+### --feedback--
+
+This is a verb that means to perform or carry out an action.
+
+---
+
+`that`
+
+### --feedback--
+
+This is a demonstrative pronoun referring to something already mentioned.
+
+---
+
+`after`
+
+### --feedback--
+
+This is a conjunction that shows the sequence of events.
+
+# --explanation--
+
+`Do` means to perform or carry out an action.
+
+`That` is a demonstrative pronoun that refers to something already mentioned or understood. In this case, it refers to an action previously discussed.
+
+`After` is a conjunction that indicates the sequence of events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
new file mode 100644
index 0000000000..feafb7ba43
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
@@ -0,0 +1,136 @@
+---
+id: 67633a6ff2f2ef78701975c9
+title: Task 142
+challengeType: 19
+dashedName: task-142
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is Jake planning to share the information with other departments?
+
+## --answers--
+
+Before they start the training.
+
+### --feedback--
+
+Jake mentions sharing the information after the training, not before.
+
+---
+
+After they've completed the training.
+
+---
+
+While the training is happening.
+
+### --feedback--
+
+Jake does not say they will share the information during the training.
+
+---
+
+He is not planning to share the information.
+
+### --feedback--
+
+Jake does mention sharing the information but plans to do so after the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`After we've completed` indicates that Jake is planning to share the information once the training is finished. Let's break it down:
+
+`After` shows the sequence of events, meaning the information will be shared following the training.
+
+`Completed the training` means finishing the training sessions or program.
+
+Together, this means Jake's plan is to share the information only once the training is fully done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.86,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.36
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
new file mode 100644
index 0000000000..46676e6f22
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
@@ -0,0 +1,92 @@
+---
+id: 67633b012085337c52b93096
+title: Task 143
+challengeType: 22
+dashedName: task-143
+---
+
+<!-- (audio) Jake: It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's better to ensure our team is BLANK BLANK first.`
+
+## --blanks--
+
+`fully`
+
+### --feedback--
+
+This is an adverb meaning completely or entirely.
+
+---
+
+`prepared`
+
+### --feedback--
+
+This is an adjective meaning ready or equipped to do something.
+
+# --explanation--
+
+`Fully` means completely or entirely. It shows that no part of the task or readiness is incomplete. For example:
+
+`The project was fully reviewed before the deadline.` - This means the review was completed entirely.
+
+`Prepared` means ready or equipped to do something. For example:
+
+`The team is prepared to present their findings.` - This means the team is ready to give the presentation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 53.6,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.84,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
new file mode 100644
index 0000000000..11dbacc17f
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
@@ -0,0 +1,111 @@
+---
+id: 67633b85c9f913803fd8591c
+title: Task 144
+challengeType: 19
+dashedName: task-144
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why doesn't Jake want to inform other departments before the training?
+
+## --answers--
+
+Because the team is already prepared.
+
+### --feedback--
+
+Jake does not say the team is already prepared. He talks about the need to prepare them first.
+
+---
+
+Because the other departments don't need the information.
+
+### --feedback--
+
+Jake does not mention that the other departments don't need the information.
+
+---
+
+Because the team needs to be fully prepared first.
+
+---
+
+Because the training is not important.
+
+### --feedback--
+
+Jake does not imply that the training is unimportant. In fact, he emphasizes its importance.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Fully prepared` means completely ready. Jake wants the team to be ready before sharing the information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.2,
+      "finishTime": 6.04,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
new file mode 100644
index 0000000000..94d9f6467b
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
@@ -0,0 +1,97 @@
+---
+id: 67633d331eeb858a9803794f
+title: Task 145
+challengeType: 22
+dashedName: task-145
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`going to hold`, `going to need`, `monitor`, `do that after`, `require`, `implement`, and `are you going to`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: I've been looking into our database security, and I think we're BLANK some additional measures to prevent SQL injection attacks.`
+
+`Maria: I agree. We've been noticing some unusual queries in the logs. What BLANK recommend to improve security?`
+
+`Jake: We're going to BLANK parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data.`
+
+`Maria: That sounds like a solid plan. Are we going to BLANK additional training for our developers?`
+
+`Jake: Yes, we're BLANK a session next week to ensure everyone knows how to implement these changes. It's crucial that we all follow best practices.`
+
+`Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do?`
+
+`Jake: We're going to BLANK the database activity more closely. This will help us catch any suspicious patterns early.`
+
+`Maria: Great. I think this is going to make a big difference in our security. Are we going to share this information with other departments?`
+
+`Jake: We'll probably BLANK we've completed the training. It's better to ensure our team is fully prepared first.`
+
+## --blanks--
+
+`going to need`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense and indicates something necessary in the future.
+
+---
+
+`are you going to`
+
+### --feedback--
+
+This question uses the `Future Simple` tense to ask about plans or intentions.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put something into practice or carry out a plan.
+
+---
+
+`require`
+
+### --feedback--
+
+This verb means to need or make something necessary.
+
+---
+
+`going to hold`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense to talk about scheduling or planning an event.
+
+---
+
+`monitor`
+
+### --feedback--
+
+This verb means to watch or check something carefully.
+
+---
+
+`do that after`
+
+### --feedback--
+
+This phrase combines a verb and a preposition to indicate completing one action following another.
+
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
new file mode 100644
index 0000000000..421bf93f13
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
@@ -0,0 +1,72 @@
+---
+id: 67634107b478caa17f37c628
+title: Task 146
+challengeType: 19
+dashedName: task-146
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What is the purpose of the training mentioned in the text?
+
+## --answers--
+
+To improve the team's skills and reduce security risks.
+
+---
+
+To teach the team about project deadlines.
+
+### --feedback--
+
+The text does not mention anything about project deadlines.
+
+---
+
+To explain how to share updates with other departments.
+
+### --feedback--
+
+Sharing updates is mentioned at the end of the training but is not the main purpose of the training.
+
+---
+
+To monitor every department's activity.
+
+### --feedback--
+
+The text focuses on monitoring database activity, not department activity.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The purpose of the training is to improve the team's skills and reduce security risks. Let's break it down:
+
+The text begins with, `To protect our databases from threats like SQL injection attacks`. The preposition `to` introduces the purpose of the entire training. It shows that the main goal is to protect the database from threats.
+
+The next part, `we are going to focus on improving the team's skills`, explains how this purpose will be achieved. By improving their skills, the team will learn methods to address these threats effectively.
+
+The training is described as teaching developers `how to use parameterized queries and follow best practices`. These specific actions connect directly to reducing security risks, which ties back to the purpose stated at the beginning.
+
+By following this structure, you can conclude that the training is focused on improving skills to protect the database, making this the primary purpose of the session.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
new file mode 100644
index 0000000000..2ed677a913
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
@@ -0,0 +1,64 @@
+---
+id: 67634294671bb8ac40e2cc85
+title: Task 147
+challengeType: 19
+dashedName: task-147
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What actions are planned to reduce the risk of SQL injection attacks?
+
+## --answers--
+
+Running full system scans for hidden malware.
+
+### --feedback--
+
+The text does not mention running system scans to prevent SQL injection attacks.
+
+---
+
+Improving database structure with advanced tools.
+
+### --feedback--
+
+The text does not discuss changing the database structure as a preventive measure.
+
+---
+
+Teaching developers to use parameterized queries and follow best practices.
+
+---
+
+Monitoring network activity instead of database activity.
+
+### --feedback--
+
+The text emphasizes monitoring database activity, not network activity.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These two actions are specifically mentioned as ways to reduce the risk of SQL injection attacks. 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
new file mode 100644
index 0000000000..2edbd8fa0a
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
@@ -0,0 +1,64 @@
+---
+id: 676342de292eafae91acee29
+title: Task 148
+challengeType: 19
+dashedName: task-148
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+Who is going to participate in the training?
+
+## --answers--
+
+The project managers
+
+### --feedback--
+
+The text does not mention project managers as participants in the training.
+
+---
+
+The developers
+
+---
+
+The IT support team
+
+### --feedback--
+
+The IT support team is not mentioned as part of the training.
+
+---
+
+The clients
+
+### --feedback--
+
+The text does not mention clients participating in the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` This shows that developers are the ones participating in the training.  
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
new file mode 100644
index 0000000000..b2fdce00f2
--- /dev/null
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
@@ -0,0 +1,64 @@
+---
+id: 6763432a8c2ae1b0de0e1fc0
+title: Task 149
+challengeType: 19
+dashedName: task-149
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What will the training teach the team?
+
+## --answers--
+
+How to improve database performance.
+
+### --feedback--
+
+The text does not mention improving database performance as part of the training.
+
+---
+
+How to design new database structures.
+
+### --feedback--
+
+The training does not focus on creating new database structures.
+
+---
+
+How to secure network communications.
+
+### --feedback--
+
+The training focuses on database security, not network communications.
+
+---
+
+How to use parameterized queries and follow best practices.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These are the two specific skills that the training will focus on. 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
index b1682fdb15..b0bcc66654 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325a5443667173c717856f.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-111
 ---
 
-<!-- (audio) Linda: That’s true! You've been integrating UX into your work more than ever before. -->
+<!-- (audio) Linda: That's true! You've been integrating UX into your work more than ever before. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
index ce180fe911..f51c60f446 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67325bae5d23157c74091944.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-112
 ---
 
-<!-- (audio) Linda: That’s true! You've been integrating UX into your work more than ever before. -->
+<!-- (audio) Linda: That's true! You've been integrating UX into your work more than ever before. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
index 949d86af71..d4b8bda063 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326cb0e9a72b69d6efd417.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-123
 ---
 
-<!-- (audio) James: I’m happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
+<!-- (audio) James: I'm happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
index 027f1acbbf..4acd87ae3e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/67326fb4b198b97e4bcf4a69.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-125
 ---
 
-<!-- (audio) James: I’m happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
+<!-- (audio) James: I'm happy to hear that. After all, we're proactively enhancing the platform based on what we've learned. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
index 6b57edd965..305ba737ce 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-activities/6732800300eff4f49912e30f.md
@@ -17,7 +17,7 @@ Read the text and answer the question below.
 
 Linda posted an update about her team's development process:
 
-`Over the past year, we've been focusing on user feedback more than ever, and it's really changed our approach to development. Instead of just tackling technical issues, we're now looking at everything from the user’s perspective.`
+`Over the past year, we've been focusing on user feedback more than ever, and it's really changed our approach to development. Instead of just tackling technical issues, we're now looking at everything from the user's perspective.`
 
 `Last month, we rolled out a major update inspired by user feedback, and the response has been amazing. Now, rather than just reacting to issues, we're proactively making improvements based on what our users tell us.`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
index 92deff65d2..e6326dbc47 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6704f438e6e9120d5a1274c6.md
@@ -43,7 +43,7 @@ A new feature in the software
 
 ### --feedback--
 
-A `bug` is not a feature; it’s an unintended issue that needs to be fixed.
+A `bug` is not a feature; it's an unintended issue that needs to be fixed.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
index 2a20268f35..0cebfd16c3 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67050fd29a37de112051064b.md
@@ -31,7 +31,7 @@ Short answers in the `Simple Past` often use the auxiliary verb `did` to confirm
 
 Question: `Did you finish the project?` Short answer: `Yes, I did.`
 
-Question: `Did they call you back?` Short answer: `No, they didn’t.`
+Question: `Did they call you back?` Short answer: `No, they didn't.`
 
 In the dialogue, James uses `Yes, I did` to confirm that he found the bug Lisa asked about.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
index 4566148061..6b3c747577 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67051b185149b6130426a9ad.md
@@ -23,7 +23,7 @@ Why James found the bug.
 
 ### --feedback--
 
-Lisa’s question focuses on what James discovered, not on the reason for that.
+Lisa's question focuses on what James discovered, not on the reason for that.
 
 ---
 
@@ -31,7 +31,7 @@ When James found the bug.
 
 ### --feedback--
 
-Lisa’s question is not related to time. It’s about what James found.
+Lisa's question is not related to time. It's about what James found.
 
 ---
 
@@ -39,7 +39,7 @@ How James fixed the bug.
 
 ### --feedback--
 
-Lisa isn’t asking about the method or solution. She’s asking for the result of James’s search.
+Lisa isn't asking about the method or solution. She's asking for the result of James's search.
 
 ---
 
@@ -55,7 +55,7 @@ In the `Simple Past`, questions may start with a question word (e.g., `what`, `w
 
 **Question word + `did` + subject + base verb.**
 
-Lisa’s question, `What did you find there?`, uses `what` to ask for specific information about the result of James’s actions. Other examples include:
+Lisa's question, `What did you find there?`, uses `what` to ask for specific information about the result of James's actions. Other examples include:
 
 - `Where did you go yesterday?` - You are asking about a location.
 
@@ -63,7 +63,7 @@ Lisa’s question, `What did you find there?`, uses `what` to ask for specific i
 
 - `Who did you call last night?` - You are asking about a person.
 
-In the dialog, Lisa is asking about James’s discovery while searching for the bug.
+In the dialog, Lisa is asking about James's discovery while searching for the bug.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
index e99c167367..9019a032fa 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053619dd65bd1459449bf0.md
@@ -39,7 +39,7 @@ What James says contradicts the idea that he found everything.
 
 ---
 
-He didn’t look for anything.
+He didn't look for anything.
 
 ### --feedback--
 
@@ -61,15 +61,15 @@ In contrast, in negative sentences, you'll use `anything` instead of `nothing`.
 
 - Affirmative: `He found nothing.` - There were no discoveries.
 
-- Negative: `He didn’t find anything.` - There were no discoveries.
+- Negative: `He didn't find anything.` - There were no discoveries.
 
 Notice that, in negative sentences and in questions with `did`, the main verb (in this case, `find`) is in its base form. The auxiliary verb `did` is what shows that this sentence is in the past tense. For example:
 
-- `They didn’t find anything wrong with the program.` - Not finding anything was in the past.
+- `They didn't find anything wrong with the program.` - Not finding anything was in the past.
 
-- `I didn’t see anything unusual during the presentation.` - Nothing unusual was seen in the presentation that happened in the past.
+- `I didn't see anything unusual during the presentation.` - Nothing unusual was seen in the presentation that happened in the past.
 
-This structure helps avoid double negatives. James’s answer, `Nothing at first`, reflects an affirmative sentence emphasizing that he couldn't find anything when he began his search.
+This structure helps avoid double negatives. James's answer, `Nothing at first`, reflects an affirmative sentence emphasizing that he couldn't find anything when he began his search.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
index a332b51e48..af24cbccb4 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67053faa1471c916446ad615.md
@@ -19,7 +19,7 @@ What did James discover when reviewing the error logs?
 
 ## --answers--
 
-He didn’t discover anything.
+He didn't discover anything.
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ James mentions finding `something odd`. `Odd` is different from `common`.
 
 ---
 
-He didn’t look for anything.
+He didn't look for anything.
 
 ### --feedback--
 
@@ -59,11 +59,11 @@ James was actively investigating and found something during his review.
 
 In contrast, `anything` is used in negative sentences or questions. For example:
 
-- Negative: `He didn’t find anything in the logs.` - The logs did not help him understand the problem.
+- Negative: `He didn't find anything in the logs.` - The logs did not help him understand the problem.
 
 - Question: `Did she notice anything during the meeting?` - You are asking if she was able to see something during the meeting.
 
-In negative sentences with `did not` or `didn’t`, the main verb remains in its base form (`find`, `notice` etc.), and `anything` is used instead of `something`.
+In negative sentences with `did not` or `didn't`, the main verb remains in its base form (`find`, `notice` etc.), and `anything` is used instead of `something`.
 
 Here, James says, `That's when I noticed something odd`, meaning he found something during his review process.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
index ca32ec9c03..a2124d76af 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705442e6a6ebf1725bc8e1f.md
@@ -23,7 +23,7 @@ She wants to know where it was.
 
 ### --feedback--
 
-Lisa’s question is not about the location of the problem, but about what James noticed.
+Lisa's question is not about the location of the problem, but about what James noticed.
 
 ---
 
@@ -35,7 +35,7 @@ She wants to know when it happened.
 
 ### --feedback--
 
-Lisa’s question is not about time. It’s about identifying the odd thing.
+Lisa's question is not about time. It's about identifying the odd thing.
 
 ---
 
@@ -43,7 +43,7 @@ She wants to know why it was odd.
 
 ### --feedback--
 
-Lisa’s question focuses on what the odd thing was, not about why James thought it was odd.
+Lisa's question focuses on what the odd thing was, not about why James thought it was odd.
 
 ## --video-solution--
 
@@ -55,7 +55,7 @@ The verb `to be` in the `Simple Past` is used to describe or ask about states or
 
 - Affirmative: `The meeting was productive.` - You had a good opinion about the meeting
 
-- Negative: `The meeting wasn’t productive.` - Your opinion about the meeting was that it was a waste of time.
+- Negative: `The meeting wasn't productive.` - Your opinion about the meeting was that it was a waste of time.
 
 In questions, the verb `to be` and the subject are inverted. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
index 0acc7b8b61..771ccd9100 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705573e13b1211820a3ac67.md
@@ -23,7 +23,7 @@ The system was connecting to many databases at the same time.
 
 ### --feedback--
 
-James states that the system wasn’t connecting properly to the database. There is no mention of more than one database in the sentence.
+James states that the system wasn't connecting properly to the database. There is no mention of more than one database in the sentence.
 
 ---
 
@@ -31,11 +31,11 @@ The system was turned off.
 
 ### --feedback--
 
-James didn’t mention that the system was off. The issue was with its connection to the database.
+James didn't mention that the system was off. The issue was with its connection to the database.
 
 ---
 
-The system wasn’t connecting to the database properly.
+The system wasn't connecting to the database properly.
 
 ---
 
@@ -43,7 +43,7 @@ There were no errors in the system.
 
 ### --feedback--
 
-James found an error: the system wasn’t connecting to the database.
+James found an error: the system wasn't connecting to the database.
 
 ## --video-solution--
 
@@ -51,13 +51,13 @@ James found an error: the system wasn’t connecting to the database.
 
 # --explanation--
 
-The negative form of the verb `to be` in the `Simple Past` tense is `was not` or `wasn’t` for singular subjects, and `were not` or `weren’t` for plural subjects. It is used to describe something that did not happen or was not true. For example:
+The negative form of the verb `to be` in the `Simple Past` tense is `was not` or `wasn't` for singular subjects, and `were not` or `weren't` for plural subjects. It is used to describe something that did not happen or was not true. For example:
 
-- Singular: `The code wasn’t running as expected.` - An issue was happening with the code.
+- Singular: `The code wasn't running as expected.` - An issue was happening with the code.
 
-- Plural: `The changes weren’t implemented correctly.` - Errors in the implementation caused the bugs.
+- Plural: `The changes weren't implemented correctly.` - Errors in the implementation caused the bugs.
 
-In James's sentence, he uses `wasn’t` to explain that the system was failing to connect to the database. Negative sentences with `wasn’t` or `weren’t` indicate what did not occur or work as you might expect.
+In James's sentence, he uses `wasn't` to explain that the system was failing to connect to the database. Negative sentences with `wasn't` or `weren't` indicate what did not occur or work as you might expect.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
index 8af60c34cd..d3012ef7e2 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67055872382df21871200427.md
@@ -29,11 +29,11 @@ This word means in the correct or appropriate way.
 
 `Properly` is the adverb form of the adjective `proper`. Both words can express doing something in the correct or suitable manner, but their usage differs depending on the sentence structure. For example:
 
-- `The application didn’t function properly after the update.` - This means the updates brought errors to the code. The adverb `properly` modifies the verb `function`.
+- `The application didn't function properly after the update.` - This means the updates brought errors to the code. The adverb `properly` modifies the verb `function`.
 
 - `This wasn't a proper configuration of the database.` - The adjective `proper` describes the noun `configuration`.
 
-Here, James uses `properly` to describe that the system wasn’t connecting to the database in the correct way.
+Here, James uses `properly` to describe that the system wasn't connecting to the database in the correct way.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
index 0aee1cabd1..30101291fb 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705605c7fb8f619e0068634.md
@@ -35,7 +35,7 @@ She is asking if James fixed the database.
 
 ### --feedback--
 
-Lisa’s question specifically refers to the credentials, not to the database as a whole.
+Lisa's question specifically refers to the credentials, not to the database as a whole.
 
 ---
 
@@ -43,7 +43,7 @@ She is asking if there are more issues.
 
 ### --feedback--
 
-Lisa’s question focuses on whether James fixed the credentials.
+Lisa's question focuses on whether James fixed the credentials.
 
 ## --video-solution--
 
@@ -57,13 +57,13 @@ Lisa’s question focuses on whether James fixed the credentials.
 
 - `The main issue was a missing file.` - The problem was caused by a file not being where it should be.
 
-`Them` is a pronoun used to replace plural nouns already mentioned. In Lisa’s question, `them` refers to the `credentials`. For example:
+`Them` is a pronoun used to replace plural nouns already mentioned. In Lisa's question, `them` refers to the `credentials`. For example:
 
 - `The files were corrupted. Did you fix them?` - `them` refers to the files.
 
 - `The permissions were incorrect. I updated them this morning.` - `them` refers to the permissions.
 
-Lisa’s question asks if James fixed the credentials.
+Lisa's question asks if James fixed the credentials.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
index ec20a0fb26..3c649d9faf 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670561a8af3d901a431549fe.md
@@ -23,7 +23,7 @@ Restarting the app.
 
 ### --feedback--
 
-James doesn’t mention restarting the app as the solution. He says updating the credentials was necessary.
+James doesn't mention restarting the app as the solution. He says updating the credentials was necessary.
 
 ---
 
@@ -57,7 +57,7 @@ James says updating the credentials solved the issue, not reinstalling the app.
 
 - `Her solution to the problem was successful and saved a lot of time.` - meaning she found a good solution to the problem.
 
-In James’s case, updating the credentials to make a successful connection to the database was necessary for the app to start working again.
+In James's case, updating the credentials to make a successful connection to the database was necessary for the app to start working again.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
index 4d80c4e71f..5b08edcaf8 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670564e883b7911b4ec31e29.md
@@ -15,7 +15,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What can you conclude based on Lisa’s comment?
+What can you conclude based on Lisa's comment?
 
 ## --answers--
 
@@ -23,7 +23,7 @@ She is telling James the app is broken.
 
 ### --feedback--
 
-Lisa’s comment intends to praise James for fixing the app, not to criticize him.
+Lisa's comment intends to praise James for fixing the app, not to criticize him.
 
 ---
 
@@ -35,7 +35,7 @@ She is asking James to work faster.
 
 ### --feedback--
 
-Lisa’s comment is about appreciating James's work, not asking for speed.
+Lisa's comment is about appreciating James's work, not asking for speed.
 
 ---
 
@@ -43,7 +43,7 @@ She is unsure if the app is working.
 
 ### --feedback--
 
-Lisa’s comment shows that she is confident in James's success and appreciates his work.
+Lisa's comment shows that she is confident in James's success and appreciates his work.
 
 ## --video-solution--
 
@@ -55,7 +55,7 @@ The phrase `Great job` is used to praise or compliment someone for their effort
 
 `You fixed the bug in record time. Great job!` - meaning you think it is great that the other person fixed the bug so fast.
 
-Lisa’s use of `Great job` in the dialogue reflects her recognition of James's effort in solving the problem and getting the app working again.
+Lisa's use of `Great job` in the dialogue reflects her recognition of James's effort in solving the problem and getting the app working again.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
index 14ea803899..42892a829e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67056b4950144e1cf10c53a6.md
@@ -21,7 +21,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -45,7 +45,7 @@ This subject is relevant but a bit too vague about the exact problem James fixed
 
 ### --feedback--
 
-This subject is misleading because the security patch wasn’t the problem, it was the credentials not being updated after the patch.
+This subject is misleading because the security patch wasn't the problem, it was the credentials not being updated after the patch.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
index 4018419925..6c62c01113 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670570ad97d26e1d6bad572d.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
index bbdddbd4d9..eca1d02afd 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705725e2814c91dd738e8f4.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -39,7 +39,7 @@ This is incorrect because the issue wasn't related to the logs.
 
 ---
 
-The system wasn’t connecting to the database properly.
+The system wasn't connecting to the database properly.
 
 ---
 
@@ -47,7 +47,7 @@ The code changes introduced a new error.
 
 ### --feedback--
 
-The bug wasn’t directly caused by the code changes.
+The bug wasn't directly caused by the code changes.
 
 ---
 
@@ -63,4 +63,4 @@ James doesn't mention this.
 
 # --explanation--
 
-To find out the main cause of the bug, look for the part of the text that talks about the system’s connection. Focus on the sentence that starts with `Then, I...`.
+To find out the main cause of the bug, look for the part of the text that talks about the system's connection. Focus on the sentence that starts with `Then, I...`.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
index 1e93d45da2..9fb48db944 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6705742b9616e01e275e5c08.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
index e32df37188..201b595e5b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057604ca099f1e7df78e77.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -35,7 +35,7 @@ Before the bug was found.
 
 ### --feedback--
 
-The credentials weren’t updated before the bug was found, which was actually the cause of the issue.
+The credentials weren't updated before the bug was found, which was actually the cause of the issue.
 
 ---
 
@@ -47,7 +47,7 @@ When the error logs were cleared.
 
 ### --feedback--
 
-The error logs revealed the issue, but the credentials weren’t updated when the logs were cleared.
+The error logs revealed the issue, but the credentials weren't updated when the logs were cleared.
 
 ---
 
@@ -55,7 +55,7 @@ During the last system backup.
 
 ### --feedback--
 
-No mention of a system backup was made, so this doesn’t apply to the situation.
+No mention of a system backup was made, so this doesn't apply to the situation.
 
 ## --video-solution--
 
@@ -63,4 +63,4 @@ No mention of a system backup was made, so this doesn’t apply to the situation
 
 # --explanation--
 
-To find out when the credentials were updated, check the part where James explains why the app wasn’t working. Focus on the sentence starting with, `We hadn’t updated...`. 
+To find out when the credentials were updated, check the part where James explains why the app wasn't working. Focus on the sentence starting with, `We hadn't updated...`. 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
index 53472ba3af..cdff5a1471 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67057e02da44871f492f6f35.md
@@ -23,7 +23,7 @@ This is James' email to his team.
 
 `Hey team,`
 
-`I found the bug from yesterday. First, I checked the recent code changes but didn’t see anything. Then, I looked at the error logs and realized the system wasn’t connecting to the database properly. We hadn’t updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
+`I found the bug from yesterday. First, I checked the recent code changes but didn't see anything. Then, I looked at the error logs and realized the system wasn't connecting to the database properly. We hadn't updated the credentials after the last security patch. I fixed the credentials, and the app is now running smoothly!`
 
 `Best regards,` `James`
 
@@ -39,7 +39,7 @@ The bug was fixed after updating the credentials, so the app no longer has issue
 
 ---
 
-Yes, it’s running smoothly.
+Yes, it's running smoothly.
 
 ---
 
@@ -47,7 +47,7 @@ No, the database is still down.
 
 ### --feedback--
 
-The database connection issue was resolved, so it’s not down anymore.
+The database connection issue was resolved, so it's not down anymore.
 
 ---
 
@@ -63,4 +63,4 @@ The app is fully operational, not partially working.
 
 # --explanation--
 
-To figure out if the app is working now, look at the last part of James’ explanation where he says, `I fixed...`.
+To figure out if the app is working now, look at the last part of James' explanation where he says, `I fixed...`.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
index 0b7af0e327..24008becf5 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f71de33e0be053934a9c3.md
@@ -19,7 +19,7 @@ What does Linda mean by `postmortem`?
 
 ## --answers--
 
-She means a review of the design project after its completion to analyze what went well and what didn’t.
+She means a review of the design project after its completion to analyze what went well and what didn't.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
index 7cdf26cb6b..017e62394f 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/670f74145be4b907a1b9c915.md
@@ -39,7 +39,7 @@ The `Past Continuous` tense is used to describe actions or thoughts that were in
 
 This tense is often used to describe background actions or ongoing processes in the past. The structure is **`was`/`were` + verb ending in `-ing`**.
 
-In this sentence, `I was thinking` shows that Linda’s thought about doing a postmortem was in progress at a specific time. Another example:
+In this sentence, `I was thinking` shows that Linda's thought about doing a postmortem was in progress at a specific time. Another example:
 
 `He was reviewing the report when the meeting started.` - Meaning that the action of reviewing the report was in progress and another situation interrupted it.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
index 38b8c8db4b..6834c3899c 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710bf5df20df90498c991a2.md
@@ -43,7 +43,7 @@ He was fixing a bug in the project.
 
 ### --feedback--
 
-Jake’s focus was on reviewing the security protocols, not fixing a bug.
+Jake's focus was on reviewing the security protocols, not fixing a bug.
 
 ## --video-solution--
 
@@ -53,7 +53,7 @@ Jake’s focus was on reviewing the security protocols, not fixing a bug.
 
 The `Past Continuous` tense often emphasizes the duration or background of an action in the past. It is used to describe an action that was ongoing at a specific time in the past. The structure is: **`was`/`were` + verb ending in `-ing`**.
 
-In Jake’s sentence, `I was reviewing` shows that the action of reviewing was in progress yesterday. Another example:
+In Jake's sentence, `I was reviewing` shows that the action of reviewing was in progress yesterday. Another example:
 
 `She was testing the new feature when the system crashed.` - Here, the crashing of the system happened in the middle of her action of testing the new feature - the test was a longer ongoing action.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
index dccac5d2fd..d5af040376 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6710c7bd388290075f19552c.md
@@ -35,7 +35,7 @@ He is asking if Linda is busy.
 
 ### --feedback--
 
-Jake’s question is about her thoughts, not her availability.
+Jake's question is about her thoughts, not her availability.
 
 ---
 
@@ -53,7 +53,7 @@ While the question could refer to concerns, it is more general, asking about wha
 
 `What's on your mind?` is used to ask someone what they are thinking about or if they have any concerns or thoughts they want to share.
 
-It’s often used in both personal and professional settings to encourage open communication. It is a conversational way to invite someone to express their thoughts. For example:
+It's often used in both personal and professional settings to encourage open communication. It is a conversational way to invite someone to express their thoughts. For example:
 
 `You seem quiet today. What's on your mind?` - You are asking the other person what they are thinking about.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
index 86c5808c97..83de71ed0c 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67121d26052fb606bd59705c.md
@@ -23,7 +23,7 @@ He is asking if the team always considered security implications.
 
 ### --feedback--
 
-Jake’s question suggests there might have been a time when security was overlooked.
+Jake's question suggests there might have been a time when security was overlooked.
 
 ---
 
@@ -31,7 +31,7 @@ He is asking if security was never important.
 
 ### --feedback--
 
-Jake’s question focuses on whether there was a specific time when security wasn’t considered, not on its overall importance.
+Jake's question focuses on whether there was a specific time when security wasn't considered, not on its overall importance.
 
 ---
 
@@ -55,7 +55,7 @@ He is asking if there was a time when security concerns were not taken into acco
 
 `Before launching the new feature, the team discussed the implications for user privacy.` - Meaning they discussed the possible consequences to user privacy that this new feature could bring.
 
-In Jake’s question, he is referring to the potential negative outcomes of not considering security during past updates.
+In Jake's question, he is referring to the potential negative outcomes of not considering security during past updates.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
index 202720acdd..c48c4f5ffa 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717756d3483e6060d2cd800.md
@@ -23,7 +23,7 @@ She is asking if security updates are currently being checked.
 
 ### --feedback--
 
-Linda’s question is about a past habit, not about the current practice.
+Linda's question is about a past habit, not about the current practice.
 
 ---
 
@@ -35,7 +35,7 @@ She is asking if security vulnerabilities are easy to fix.
 
 ### --feedback--
 
-Linda’s question is about whether they used to check for vulnerabilities, not their ease of fixing.
+Linda's question is about whether they used to check for vulnerabilities, not their ease of fixing.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
index baa7cf0a59..206292eda3 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775877ee558061e6eebf8.md
@@ -39,7 +39,7 @@ The phrase `in real time` refers to something happening immediately as events oc
 
 `The system updates the dashboard in real time, so you can see changes instantly.` - Meaning the dashboard changes immediately after the updates after the updates are applied.
 
-In Jake's sentence, he means that while he checked for security vulnerabilities, it wasn’t always done immediately as the updates happened.
+In Jake's sentence, he means that while he checked for security vulnerabilities, it wasn't always done immediately as the updates happened.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
index d94db1c529..10f827b127 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775a360c128062f906b24.md
@@ -19,7 +19,7 @@ What did Jake think about checking the updates a day later?
 
 ## --answers--
 
-He thought it wasn’t ideal.
+He thought it wasn't ideal.
 
 ---
 
@@ -31,11 +31,11 @@ Jake explicitly says it wasn't ideal.
 
 ---
 
-He didn’t think it was a problem.
+He didn't think it was a problem.
 
 ### --feedback--
 
-Jake’s comment shows that he recognized it wasn’t an ideal approach.
+Jake's comment shows that he recognized it wasn't an ideal approach.
 
 ---
 
@@ -43,7 +43,7 @@ He thought it was impossible.
 
 ### --feedback--
 
-Jake mentions that he did check them a day later, but it wasn’t ideal.
+Jake mentions that he did check them a day later, but it wasn't ideal.
 
 ## --video-solution--
 
@@ -51,11 +51,11 @@ Jake mentions that he did check them a day later, but it wasn’t ideal.
 
 # --explanation--
 
-`Which` is a relative pronoun used to provide additional information about something mentioned earlier in the sentence. In this case, `which` refers to the entire idea of checking the updates a day later and clarifies that it wasn’t ideal. For example:
+`Which` is a relative pronoun used to provide additional information about something mentioned earlier in the sentence. In this case, `which` refers to the entire idea of checking the updates a day later and clarifies that it wasn't ideal. For example:
 
 `She missed the deadline, which caused a delay in the project.` - Here, `which` refers to `missing the deadline` and explains the resulting delay.
 
-Similarly, Jake uses `which` to express that checking updates a day later wasn’t the best practice.
+Similarly, Jake uses `which` to express that checking updates a day later wasn't the best practice.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
index b6b704ab25..aa3b704542 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671775db2ecd44064fdb1f04.md
@@ -43,7 +43,7 @@ A `security issue` refers to a problem or vulnerability that could compromise th
 
 `The team addressed a security issue that allowed unauthorized access.` - meaning the team had to deal with a problem in security that was giving access to people without the proper authorization.
 
-In this context, Linda is asking about Jake’s work on a specific problem related to security because she vividly remembers that was what was happening at the time.
+In this context, Linda is asking about Jake's work on a specific problem related to security because she vividly remembers that was what was happening at the time.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
index 84272d0f90..e3aa46bac9 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b543037e030fc7008aa7.md
@@ -53,7 +53,7 @@ This is the main verb in the `Past Continuous`. It means to remain ready or expe
 
 The verb `address` in this context means to deal with or resolve an issue or problem. Jake was focusing on resolving the matter while the team waited for his approval. For example:
 
-`The manager addressed the client’s concerns during the meeting.` - Here, `addressed` refers to taking action to deal with the client’s concerns.
+`The manager addressed the client's concerns during the meeting.` - Here, `addressed` refers to taking action to deal with the client's concerns.
 
 In the sentence, Jake uses the `Past Continuous` (`was addressing`) to describe the ongoing action of resolving the issue while another ongoing action (`the team was waiting`) happened simultaneously.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
index 152e0ac889..eb1a5ee7c8 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b55fb3b4160fd757b7af.md
@@ -31,7 +31,7 @@ They were waiting for new instructions.
 
 ### --feedback--
 
-Jake’s sentence focuses on the team waiting for his approval, not new instructions.
+Jake's sentence focuses on the team waiting for his approval, not new instructions.
 
 ---
 
@@ -39,7 +39,7 @@ They were waiting for the system to restart.
 
 ### --feedback--
 
-Jake doesn’t mention the system restarting. The team was waiting for his permission.
+Jake doesn't mention the system restarting. The team was waiting for his permission.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
index 4db8b1446c..e1147fd638 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5754dcaae0fe7bb179b.md
@@ -29,9 +29,9 @@ This word is used to emphasize the degree or extent of something.
 
 `Quite` is used in this context to emphasize the significant degree or extent of the learning curve. It adds intensity, suggesting that the learning experience was challenging or noteworthy. For example:
 
-`The project was quite a success, exceeding all expectations.` - Here, `quite` highlights the extent of the project’s success.
+`The project was quite a success, exceeding all expectations.` - Here, `quite` highlights the extent of the project's success.
 
-In Linda’s sentence, it emphasizes that the learning curve was substantial for the team.
+In Linda's sentence, it emphasizes that the learning curve was substantial for the team.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
index df74698389..0fd27a8fee 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b59830cdb50ff9f67623.md
@@ -31,7 +31,7 @@ She thought it was unnecessary to work on security aspects.
 
 ### --feedback--
 
-Linda’s comment suggests that working on security aspects was a valuable learning experience, not unnecessary.
+Linda's comment suggests that working on security aspects was a valuable learning experience, not unnecessary.
 
 ---
 
@@ -43,7 +43,7 @@ She thought it was unrelated to the project.
 
 ### --feedback--
 
-Linda’s comment directly relates to the team’s work on security aspects, describing it as a significant learning experience.
+Linda's comment directly relates to the team's work on security aspects, describing it as a significant learning experience.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
index e8d991e116..9f42eb53c5 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5b2b0c1d21009b2b0fd.md
@@ -41,9 +41,9 @@ This structure emphasizes that an action was not habitual or common in the past.
 
 **Important:** The auxiliary verb `didn't` makes the sentence negative. The verb `use` stays in its base form because the past tense is already conveyed by `didn't`. For example:
 
-`We didn’t use to have weekly meetings, but now we do.` - This means weekly meetings were not common back then.
+`We didn't use to have weekly meetings, but now we do.` - This means weekly meetings were not common back then.
 
-In Linda’s sentence, she is saying that integrating security and design was not a regular practice in the past.
+In Linda's sentence, she is saying that integrating security and design was not a regular practice in the past.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
index fd4a137298..54d37c3598 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5c73e81e8101bed0ea2.md
@@ -37,7 +37,7 @@ When you use `nonsense` to reply to a comment, it is because you do not believe
 
 # --explanation--
 
-`Agreed` is a concise way to express strong agreement with someone’s statement. It is the opposite of the expression `Nonsense.`
+`Agreed` is a concise way to express strong agreement with someone's statement. It is the opposite of the expression `Nonsense.`
 
 `Agreed` is often used in professional or conversational contexts to show alignment with what has been said. For Example:
 
@@ -45,7 +45,7 @@ Person 1: `We should prioritize user feedback in our next update.`
 
 Person 2: `Agreed.` - This answer implies you strongly agree with prioritizing used feedback on the next update.
 
-In this context, Jake could use `Agreed` to acknowledge that he fully supports Linda’s statement about the lack of integration between security and design in the past.
+In this context, Jake could use `Agreed` to acknowledge that he fully supports Linda's statement about the lack of integration between security and design in the past.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
index b244dc28a7..6fe4927f8b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b5f5be4456103b8ff767.md
@@ -31,11 +31,11 @@ They should happen after the design updates are complete.
 
 ### --feedback--
 
-Jake’s statement indicates the checks should happen during, not after, the updates.
+Jake's statement indicates the checks should happen during, not after, the updates.
 
 ---
 
-They don’t need to happen at all.
+They don't need to happen at all.
 
 ### --feedback--
 
@@ -55,7 +55,7 @@ The `Present Continuous` tense is used here to describe two ongoing actions happ
 
 `The team is testing the new feature while the developers are fixing bugs.` - This means the tests and the process of bug fixing are happening at the same time.
 
-This tense is often used to indicate that two events are occurring at the same time, creating a sense of coordination or overlap in actions. In Jake’s statement, he stresses the importance of ensuring that both actions occur simultaneously.
+This tense is often used to indicate that two events are occurring at the same time, creating a sense of coordination or overlap in actions. In Jake's statement, he stresses the importance of ensuring that both actions occur simultaneously.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
index 7d159de594..9158491d15 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6717b6a5308335105c51cfe6.md
@@ -15,7 +15,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What, in Jake’s opinion, can't they afford to do anymore?
+What, in Jake's opinion, can't they afford to do anymore?
 
 ## --answers--
 
@@ -23,7 +23,7 @@ They can't afford to prioritize this aspect.
 
 ### --feedback--
 
-Jake’s concern is about not ignoring the aspect, not about prioritizing it.
+Jake's concern is about not ignoring the aspect, not about prioritizing it.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
index 483cafbe29..b449610707 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7579f5e0000560fcce55.md
@@ -39,7 +39,7 @@ The structure `what` + an indefinite article is used to emphasize strong feeling
 
 `What a beautiful day it is!` - Here, the structure highlights the speaker's admiration for the day.
 
-Similarly, in Maria’s sentence, `What a surprise` emphasizes her astonishment at seeing Brian at PyCon.
+Similarly, in Maria's sentence, `What a surprise` emphasizes her astonishment at seeing Brian at PyCon.
 
 `PyCon` is a well-known conference for Python programming enthusiasts, developers, and professionals. It provides a platform for learning, networking, and sharing Python-related knowledge.  For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
index 3a2024cd5e..f9e82f1d83 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f75e368cbd505a301ca7d.md
@@ -29,7 +29,7 @@ How could Maria succinctly tell Brian she attended some sessions at PyCon as wel
 
 ### --feedback--
 
-`Why not?` doesn’t indicate agreement or a shared experience.
+`Why not?` doesn't indicate agreement or a shared experience.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
index a285733643..204772e6e1 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f761703824805c35c2eda.md
@@ -43,7 +43,7 @@ She is asking if he remembers the latest tech updates.
 
 ### --feedback--
 
-Maria’s focus is on their shared feelings about new technology in the past, not current updates.
+Maria's focus is on their shared feelings about new technology in the past, not current updates.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
index 667f4341c7..581e026f56 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7708379ef00668b843d4.md
@@ -59,7 +59,7 @@ However, `would` focuses more on the action itself, while `used to` can describe
 
 `She used to live in New York before moving here.` - here `used to` is used because living in a place expresses a state of things not an action or something you would habitually do.
 
-In this sentence, Maria uses `would` to describe Brian’s repeated habit of staying late to fine-tune the code, which emphasizes his dedication.
+In this sentence, Maria uses `would` to describe Brian's repeated habit of staying late to fine-tune the code, which emphasizes his dedication.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
index ce1522783e..5a12c90413 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/671f7767854d6806ac4fb5f4.md
@@ -19,11 +19,11 @@ Why could Maria not attend the cybersecurity workshop in the morning?
 
 ## --answers--
 
-Because she wasn’t interested in the topic.
+Because she wasn't interested in the topic.
 
 ### --feedback--
 
-Maria doesn’t mention a lack of interest; she was in another workshop.
+Maria doesn't mention a lack of interest; she was in another workshop.
 
 ---
 
@@ -59,7 +59,7 @@ A `design sprint` is a time-boxed, collaborative process where a team works on s
 
 `The team completed a design sprint to test the new user interface concept.` This means the team participated in this collaborative process to test the concept.
 
-In this context, Maria couldn’t attend the cybersecurity workshop because she was actively participating in a design sprint workshop.
+In this context, Maria couldn't attend the cybersecurity workshop because she was actively participating in a design sprint workshop.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
index 75681f79ba..46c87a9f37 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674609a92ccf079d86cd81db.md
@@ -29,7 +29,7 @@ This phrase is used to indicate a small amount or degree.
 
 `A bit` is used to indicate a small amount or degree of something. For Example:
 
-`I was a bit tired after the long day.` - Here, `a bit` emphasizes that the speaker was slightly tired, but it wasn’t extreme.
+`I was a bit tired after the long day.` - Here, `a bit` emphasizes that the speaker was slightly tired, but it wasn't extreme.
 
 This phrase is commonly used in informal contexts to soften statements or describe minor degrees of feelings or situations. In this dialog, James is admitting that the situation was slightly stressful but not overwhelming.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
index 9f42225bc5..830a85712b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67460b84234b70a4772d2094.md
@@ -44,7 +44,7 @@ Person 1: `Do you think we should move forward with this plan?`
 
 Person 2: `Absolutely!` -  Here, `Absolutely` shows that the speaker is fully in favor of the plan and has no doubts.
 
-In this dialog, Lisa is strongly agreeing with James’s point about their job being interesting because of the challenges they solve.
+In this dialog, Lisa is strongly agreeing with James's point about their job being interesting because of the challenges they solve.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
index 7538c58e08..5ecbaf5e72 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674616565854f7c788740cee.md
@@ -23,7 +23,7 @@ She wants to know why James was debugging.
 
 ### --feedback--
 
-Lisa’s question isn’t about the reason for debugging; it’s about whether other issues came up during that time.
+Lisa's question isn't about the reason for debugging; it's about whether other issues came up during that time.
 
 ---
 
@@ -31,7 +31,7 @@ She wants to know when James started debugging.
 
 ### --feedback--
 
-Lisa’s question focuses on what else happened during debugging, not the timing.
+Lisa's question focuses on what else happened during debugging, not the timing.
 
 ---
 
@@ -43,7 +43,7 @@ She wants to know if debugging is finished.
 
 ### --feedback--
 
-Lisa’s question is about what happened during debugging, not whether it is finished.
+Lisa's question is about what happened during debugging, not whether it is finished.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
index afdfe1de04..4eedb646ec 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/674619b6699a06d064c9717f.md
@@ -43,7 +43,7 @@ This word refers to identifying and fixing errors or issues in code. Use the `-i
 
 `The team spent hours debugging the software before the release.` - Meaning they spent a long time identifying and solving these errors.
 
-Lisa’s question asks if any other unexpected issues could be seen during the process of fixing code errors.
+Lisa's question asks if any other unexpected issues could be seen during the process of fixing code errors.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
index 21cca0d838..ded0a6c923 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/67461c06865e13d715967f1d.md
@@ -37,7 +37,7 @@ In affirmative sentences, use `something` to indicate the existence of a thing.
 
 In negative sentences, use `anything` to indicate that no thing occurred or existed. For example:
 
-`I didn’t see anything unusual in the report.` - meaning there were no surprises in the report.
+`I didn't see anything unusual in the report.` - meaning there were no surprises in the report.
 
 
 # --scene--
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
index dfd6298514..06f85c5338 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-how-to-talk-about-past-experiences/6758486d05a8fcf01a20c8b4.md
@@ -19,7 +19,7 @@ What did Brian think about the cybersecurity workshop?
 
 ## --answers--
 
-He thought it didn’t provide useful information.
+He thought it didn't provide useful information.
 
 ### --feedback--
 
@@ -39,7 +39,7 @@ Brian explicitly connects the workshop to how they handled security in earlier p
 
 ---
 
-He thought it wasn’t worth attending.
+He thought it wasn't worth attending.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
index 15c1ba625a..e00d5c279b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165185a42acc499c6ada3d.md
@@ -23,7 +23,7 @@ If the screen reader updates are completely finished.
 
 ### --feedback--
 
-Tom’s question is about an ongoing process, not whether the updates are fully completed.
+Tom's question is about an ongoing process, not whether the updates are fully completed.
 
 ---
 
@@ -31,7 +31,7 @@ If the screen reader updates have not started yet.
 
 ### --feedback--
 
-Tom’s question suggests that the updates have already started, not that they haven’t begun.
+Tom's question suggests that the updates have already started, not that they haven't begun.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
index 3569fd6722..18d3578908 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716531210ee374ae822fe83.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-6
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
index 5945848ef3..23fb1d4747 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671655545e5bfc4c3dfe9871.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-7
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I started a few months ago. BLANK been BLANK the BLANK from our last user BLANK. How’s the design side coming along?`
+`Yes, I started a few months ago. BLANK been BLANK the BLANK from our last user BLANK. How's the design side coming along?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
index e2089ae1fd..6d32c229cd 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67165855c3dd824eabc1b474.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-8
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
index 1ce1230835..265905054b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6716593b4f24da4fac3154bf.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-9
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the BLANK side BLANK?`
+`Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the BLANK side BLANK?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
index fadad1430c..1810c7563c 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b20b952c096b3dee0834.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-10
 ---
 
-<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How’s the design side coming along? -->
+<!-- (audio) Sophie: Yes, I started a few months ago. We've been addressing the feedback from our last user survey. How's the design side coming along? -->
 
 <!-- SPEAKING --> 
 
@@ -17,7 +17,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What’s the best answer to Sophie's question about the design side?
+What's the best answer to Sophie's question about the design side?
 
 ## --answers--
 
@@ -37,7 +37,7 @@ This response is unrelated to the design side and does not answer Sophie's quest
 
 # --explanation--
 
-Sophie's question `How’s the design side coming along?` asks about the progress of the design work. The best answer should provide a relevant update.
+Sophie's question `How's the design side coming along?` asks about the progress of the design work. The best answer should provide a relevant update.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
index c0067aa9a8..0c2d06bfe5 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717b6aa217d3d6ed6f83e53.md
@@ -45,7 +45,7 @@ These are the rules or instructions that provide direction for how something sho
 
 To `tweak` means to make a slight adjustment or modification. For example:
 
-`The developer tweaked the code to improve the app’s performance.` - This means that the developer made small changes to the code to enhance how the app functions.
+`The developer tweaked the code to improve the app's performance.` - This means that the developer made small changes to the code to enhance how the app functions.
 
 `Layouts` are the arrangement or structure of elements on a page or interface. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
index 7044f32296..06f1d20511 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717ba3d37ec4e73a50878da.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-13
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements? -->
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`That’s good to hear. Do you think the users BLANK BLANK the BLANK?`
+`That's good to hear. Do you think the users BLANK BLANK the BLANK?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
index d2bdf1a766..70d243060e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c0dc8b764279dfc9326b.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-15
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements? -->
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements? -->
 
 # --instructions--
 
@@ -23,7 +23,7 @@ If the users are happy with the design updates.
 
 ### --feedback--
 
-Sophie’s focus is on whether users have observed the improvements, not if they are happy with the design.
+Sophie's focus is on whether users have observed the improvements, not if they are happy with the design.
 
 ---
 
@@ -51,7 +51,7 @@ Sophie is interested in whether users have observed the improvements, not about
 
 # --explanation--
 
-Sophie’s question shows her curiosity about whether users are aware of the positive changes made to the product.
+Sophie's question shows her curiosity about whether users are aware of the positive changes made to the product.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
index c0ea97751c..8dd9370f36 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6717c3557815a17d6369a778.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-16
 ---
 
-<!-- (audio) Tom: I think so. We haven’t been receiving as many negative comments. -->
+<!-- (audio) Tom: I think so. We haven't been receiving as many negative comments. -->
 
 # --instructions--
 
@@ -47,7 +47,7 @@ These are opinions or feedback shared by users, in the plural form.
 
 `Negative` refers to something unfavorable or critical. For example:
 
-`The user left a negative review about the app’s performance.` - Here, `negative` describes the unfavorable nature of the review.
+`The user left a negative review about the app's performance.` - Here, `negative` describes the unfavorable nature of the review.
 
 `Comment` is an opinion or piece of feedback provided by someone. Its plural form is `comments`. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
index 79715619a6..82f5580840 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a383a56179f510b83cc1e.md
@@ -5,9 +5,9 @@ challengeType: 19
 dashedName: task-17
 ---
 
-<!-- (audio) Sophie: That’s good to hear. Do you think the users have noticed the improvements?
+<!-- (audio) Sophie: That's good to hear. Do you think the users have noticed the improvements?
 
-Tom: I think so. We haven’t been receiving as many negative comments. -->
+Tom: I think so. We haven't been receiving as many negative comments. -->
 
 # --instructions--
 
@@ -17,7 +17,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-How does Tom respond to Sophie’s question about user feedback?
+How does Tom respond to Sophie's question about user feedback?
 
 ## --answers--
 
@@ -25,11 +25,11 @@ He says the users have noticed more negative comments.
 
 ### --feedback--
 
-Tom actually mentions that they haven’t been receiving as many negative comments.
+Tom actually mentions that they haven't been receiving as many negative comments.
 
 ---
 
-He says they haven’t been receiving as many negative comments.
+He says they haven't been receiving as many negative comments.
 
 ---
 
@@ -41,7 +41,7 @@ Tom does not specifically mention positive comments, only that the negative ones
 
 ---
 
-He says he’s waiting for more feedback.
+He says he's waiting for more feedback.
 
 ### --feedback--
 
@@ -53,7 +53,7 @@ Tom is talking about the current trend of fewer negative comments, not waiting f
 
 # --explanation--
 
-Tom's response, `We haven’t been receiving as many negative comments`, uses the `Present Perfect Continuous` in the negative form. This tense is formed by `haven’t/hasn’t + been + verb(-ing)` and is used to describe actions that have not been happening over a period of time. In this case, it shows that fewer negative comments have been received over time, indicating a possible improvement.
+Tom's response, `We haven't been receiving as many negative comments`, uses the `Present Perfect Continuous` in the negative form. This tense is formed by `haven't/hasn't + been + verb(-ing)` and is used to describe actions that have not been happening over a period of time. In this case, it shows that fewer negative comments have been received over time, indicating a possible improvement.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
index 9c830e0fb1..e9f3b3334e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3c13a3d6b21a1b0008f7.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-18
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -41,7 +41,7 @@ This refers to changes made to improve or adapt something. It's plural form.
 
 `Adjustments` means small changes made to improve or adapt something. For example,
 
-`We made adjustments to the app’s layout for better user experience.` - `Adjustments` refers to the changes made to improve how users interact with the app.
+`We made adjustments to the app's layout for better user experience.` - `Adjustments` refers to the changes made to improve how users interact with the app.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
index de3b5acf88..b89232b499 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3dde9c50241c6c16e331.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-19
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Sophie does not express frustration. She mentions feeling relieved instead.
 
 # --explanation--
 
-Sophie’s use of `That’s a relief` indicates that she feels better or more comfortable about the progress being made, rather than feeling worried, confused, or frustrated.
+Sophie's use of `That's a relief` indicates that she feels better or more comfortable about the progress being made, rather than feeling worried, confused, or frustrated.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
index f58008dac2..37fd99a4a2 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a3ed10fd6e81d06dd4690.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-20
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Sophie is not asking about the effectiveness of the adjustments.
 
 # --explanation--
 
-Sophie’s question shows that she is trying to understand the time required to continue making changes, focusing on the duration rather than the reasons or results.
+Sophie's question shows that she is trying to understand the time required to continue making changes, focusing on the duration rather than the reasons or results.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
index 69f47f8b11..dd24f2e8df 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a40b415343c1f26e0c005.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-21
 ---
 
-<!-- (audio) Sophie: That’s a relief. How long do you think we’ll need to keep making adjustments? -->
+<!-- (audio) Sophie: That's a relief. How long do you think we'll need to keep making adjustments? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
index 81b269862a..c97d340ce0 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a41b8576531207749bdae.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-22
 ---
 
-<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes. -->
+<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Probably a few more weeks. We've been making steady BLANK, and I believe we’re close to BLANK the major changes.`
+`Probably a few more weeks. We've been making steady BLANK, and I believe we're close to BLANK the major changes.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
index 325b688496..307efe14aa 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a438ac97103231787ab5a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-23
 ---
 
-<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes. -->
+<!-- (audio) Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes. -->
 
 # --instructions--
 
@@ -51,7 +51,7 @@ Tom estimates that they will need only a few more weeks, not several months.
 
 # --explanation--
 
-Tom’s statement indicates that the team has been working consistently and expects to complete the changes in a few more weeks.
+Tom's statement indicates that the team has been working consistently and expects to complete the changes in a few more weeks.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
index 7e6517f365..dae8e6a5b1 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a45f9b4ee3325393f0d0b.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-24
 ---
 
-<!-- (audio) Sophie: That’s good news! It feels great to make our app more accessible. -->
+<!-- (audio) Sophie: That's good news! It feels great to make our app more accessible. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`That’s good news! It feels great to make our app more BLANK.`
+`That's good news! It feels great to make our app more BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
index ce5bea3758..efbd0d94eb 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a46fe18ae6a26c76f42f6.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-25
 ---
 
-<!-- (audio) Sophie: That’s good news! It feels great to make our app more accessible. -->
+<!-- (audio) Sophie: That's good news! It feels great to make our app more accessible. -->
 
 # --instructions--
 
@@ -23,7 +23,7 @@ She is happy about making the app look more colorful.
 
 ### --feedback--
 
-No, `accessible` doesn’t refer to colors or design aesthetics. It means making the app easier for all users, including those with different needs, to use.
+No, `accessible` doesn't refer to colors or design aesthetics. It means making the app easier for all users, including those with different needs, to use.
 
 ---
 
@@ -31,7 +31,7 @@ She is pleased that the app is becoming easier for everyone to use, including us
 
 ---
 
-She thinks the app’s loading speed has improved significantly.
+She thinks the app's loading speed has improved significantly.
 
 ### --feedback--
 
@@ -51,7 +51,7 @@ Sophie is focused on making the app easier to use for all, which is what `access
 
 # --explanation--
 
-When Sophie says `It feels great to make our app more accessible`, she’s emphasizing the importance of making the app easier to use for all users, regardless of their abilities. Being `accessible` or `accessibility` aims to ensure that everyone, including people with disabilities, can interact with the app effectively.
+When Sophie says `It feels great to make our app more accessible`, she's emphasizing the importance of making the app easier to use for all users, regardless of their abilities. Being `accessible` or `accessibility` aims to ensure that everyone, including people with disabilities, can interact with the app effectively.
 
 
 # --scene--
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
index 26be04f9f2..efdc7a460f 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4aeac046082b1bf6335b.md
@@ -33,7 +33,7 @@ An app introduces a new payment gateway to make transactions faster.
 
 ### --feedback--
 
-While this improves functionality, it doesn’t relate to making the app accessible to users with different needs.
+While this improves functionality, it doesn't relate to making the app accessible to users with different needs.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
index d8fb122995..fe84c41c8a 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671a4e181afe602d37786dd8.md
@@ -13,7 +13,7 @@ This is a review of the entire dialogue you just studied.
 
 # --instructions--
 
-Place the following phrases in the correct spot: `negative comments`, `been addressing`, `That’s a relief`, `more accessible`, and `keep making adjustments`.
+Place the following phrases in the correct spot: `negative comments`, `been addressing`, `That's a relief`, `more accessible`, and `keep making adjustments`.
 
 # --fillInTheBlank--
 
@@ -21,19 +21,19 @@ Place the following phrases in the correct spot: `negative comments`, `been addr
 
 `Tom: Hey Sophie, have you been working on the screen reader updates recently?`
 
-`Sophie: Yes, I started a few months ago. We've BLANK the feedback from our last user survey. How’s the design side coming along?`
+`Sophie: Yes, I started a few months ago. We've BLANK the feedback from our last user survey. How's the design side coming along?`
 
 `Tom: Pretty well, actually. I've been tweaking the layouts based on the guidelines you shared.`
 
-`Sophie: That’s good to hear. Do you think the users have noticed the improvements?`
+`Sophie: That's good to hear. Do you think the users have noticed the improvements?`
 
-`Tom: I think so. We haven’t been receiving as many BLANK.`
+`Tom: I think so. We haven't been receiving as many BLANK.`
 
-`Sophie: BLANK. How long do you think we’ll need to BLANK?`
+`Sophie: BLANK. How long do you think we'll need to BLANK?`
 
-`Tom: Probably a few more weeks. We've been making steady progress, and I believe we’re close to finalizing the major changes.`
+`Tom: Probably a few more weeks. We've been making steady progress, and I believe we're close to finalizing the major changes.`
 
-`Sophie: That’s good news! It feels great to make our app BLANK.`
+`Sophie: That's good news! It feels great to make our app BLANK.`
 
 ## --blanks--
 
@@ -53,7 +53,7 @@ This phrase refers to unfavorable feedback from users.
 
 ---
 
-`That’s a relief`
+`That's a relief`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
index 6eef5b864b..3bbf0ae579 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b71da8e1b963c69b6d011.md
@@ -19,9 +19,9 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
 What changes have Tom and Sophie made to help screen readers?
 
@@ -47,7 +47,7 @@ The focus is on making the app easier to use with screen readers, not on speed.
 
 ---
 
-They changed the app’s language settings.
+They changed the app's language settings.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
index fb59495032..57aa5bd1c9 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b769169e38f3fe57b141c.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What was Tom’s main role in improving screen reader compatibility?
+What was Tom's main role in improving screen reader compatibility?
 
 ## --answers--
 
@@ -31,11 +31,11 @@ He tested the new features to make sure they worked well.
 
 ---
 
-He designed the app’s new color scheme.
+He designed the app's new color scheme.
 
 ### --feedback--
 
-Tom’s focus was on testing the screen reader features, not designing the color scheme.
+Tom's focus was on testing the screen reader features, not designing the color scheme.
 
 ---
 
@@ -43,7 +43,7 @@ He translated the app into different languages.
 
 ### --feedback--
 
-Translating the app was not part of Tom’s role in this context.
+Translating the app was not part of Tom's role in this context.
 
 ---
 
@@ -51,7 +51,7 @@ He added more images to the app.
 
 ### --feedback--
 
-Tom’s main task was to test screen reader compatibility, not to add images.
+Tom's main task was to test screen reader compatibility, not to add images.
 
 ## --video-solution--
 
@@ -59,7 +59,7 @@ Tom’s main task was to test screen reader compatibility, not to add images.
 
 # --explanation--
 
-To find the correct answer, pay attention to the section that explains Tom’s main role in improving the app.
+To find the correct answer, pay attention to the section that explains Tom's main role in improving the app.
 
 The paragraph states that Tom `has been testing these improvements` to ensure they were effective for screen reader users, which shows his focus on checking the compatibility of these updates.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
index e599f1a1ee..4f68fe5a22 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b77cf9ef25a416449b109.md
@@ -19,9 +19,9 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
 What specific improvement did Sophie make to help users understand spoken content better?
 
@@ -35,11 +35,11 @@ Adding colorful icons is not related to spoken content or screen reader compatib
 
 ---
 
-She worked on making the app’s speech output clearer.
+She worked on making the app's speech output clearer.
 
 ---
 
-She changed the app’s loading speed.
+She changed the app's loading speed.
 
 ### --feedback--
 
@@ -47,7 +47,7 @@ Changing the loading speed is not related to improving spoken content.
 
 ---
 
-She redesigned the app’s interface layout.
+She redesigned the app's interface layout.
 
 ### --feedback--
 
@@ -59,8 +59,8 @@ Sophie's work specifically aimed to improve how users hear and understand the sp
 
 # --explanation--
 
-Focus on the part that describes Sophie’s efforts to enhance screen reader compatibility.
+Focus on the part that describes Sophie's efforts to enhance screen reader compatibility.
 
-The paragraph mentions that her focus is `tweaking the app’s text-to-speech function` to help users better understand spoken content from the app.
+The paragraph mentions that her focus is `tweaking the app's text-to-speech function` to help users better understand spoken content from the app.
 
-Look for an option that aligns with Sophie’s specific task of enhancing the app’s text-to-speech functionality.
+Look for an option that aligns with Sophie's specific task of enhancing the app's text-to-speech functionality.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
index 8b66d6f92b..948092b43a 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7c10cd0d274552e7b686.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What is Sophie concerned about regarding the app’s accessibility?
+What is Sophie concerned about regarding the app's accessibility?
 
 ## --answers--
 
@@ -31,15 +31,15 @@ Whether users like the new color scheme.
 
 ### --feedback--
 
-Sophie’s concern is about making the app accessible overall, not about color preferences.
+Sophie's concern is about making the app accessible overall, not about color preferences.
 
 ---
 
-Whether the app’s speed has improved enough.
+Whether the app's speed has improved enough.
 
 ### --feedback--
 
-Sophie’s focus is on making the app more accessible, not its speed.
+Sophie's focus is on making the app more accessible, not its speed.
 
 ---
 
@@ -47,7 +47,7 @@ Whether they have enough user surveys completed.
 
 ### --feedback--
 
-Sophie’s concern is not about the number of surveys but about the app's overall accessibility.
+Sophie's concern is not about the number of surveys but about the app's overall accessibility.
 
 ---
 
@@ -59,8 +59,8 @@ Whether they have done enough to make the app accessible.
 
 # --explanation--
 
-To find the correct answer, focus on Sophie’s concern mentioned in the paragraph.
+To find the correct answer, focus on Sophie's concern mentioned in the paragraph.
 
 The paragraph states that Sophie wonders, `Have we done enough to make our app accessible?` This indicates her focus on overall accessibility improvements.
 
-Look for an option that reflects Sophie’s concern about making the app accessible for users.
+Look for an option that reflects Sophie's concern about making the app accessible for users.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
index 5cf4154e4b..06f5d01a2d 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671b7dd730712747aa2d9974.md
@@ -19,11 +19,11 @@ Read the text and answer the question below.
 
 `Recently, they added special labels to buttons, menus, and forms, so screen readers can understand these parts better. They also improved the way headings, lists, and tables are organized, making the layouts easier for users to move through the app.`
 
-`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app’s text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
+`Tom has been testing these improvements using popular screen readers, while Sophie has been focusing on tweaking the app's text-to-speech function. They also increased the contrast, which helps users see different sections more clearly.`
 
-`Sophie still wonders, “Have we done enough to make our app accessible?” They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
+`Sophie still wonders, "Have we done enough to make our app accessible?" They plan to conduct some surveys and add features like adjustable colors and keyboard shortcuts to make the app even more user-friendly.`
 
-What might be Tom and Sophie’s next step to improve accessibility?
+What might be Tom and Sophie's next step to improve accessibility?
 
 ## --answers--
 
@@ -39,7 +39,7 @@ Introducing features like adjustable colors and keyboard shortcuts.
 
 ---
 
-Increasing the app’s speed for faster navigation.
+Increasing the app's speed for faster navigation.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
index e3a7496386..9de6d7ee88 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f46b8a64a336294268cf6.md
@@ -49,4 +49,4 @@ This sentence is in the `Present Simple` tense, not the `Present Perfect continu
 
 # --explanation--
 
-The negative form of the `Present Perfect continuous` tense tense is created with `hasn't/haven't + been + present participle`. It describes an ongoing action that started in the past and continues or remains relevant but hasn’t occurred as expected. 
+The negative form of the `Present Perfect continuous` tense tense is created with `hasn't/haven't + been + present participle`. It describes an ongoing action that started in the past and continues or remains relevant but hasn't occurred as expected. 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
index 744384c525..5559001fed 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4766b90543639b60a79d.md
@@ -49,7 +49,7 @@ This is the `Present Simple` tense.
 
 # --explanation--
 
-The `Present Perfect Continuous` tense negative form is formed with `hasn't/haven't + been + present participle`, indicating an ongoing action that hasn’t occurred as expected over time. For example:
+The `Present Perfect Continuous` tense negative form is formed with `hasn't/haven't + been + present participle`, indicating an ongoing action that hasn't occurred as expected over time. For example:
 
 `He hasn't been exercising regularly.` - This means his exercise routine has been irregular.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
index 26ecc04b17..344de0e648 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f47b9343cd364309aa802.md
@@ -49,7 +49,7 @@ This is in the `Present Simple` tense, not related to ongoing or completed actio
 
 # --explanation--
 
-`Present Perfect Continuous` tense negative form emphasizes an ongoing action that has lacked consistency over time, while the `Present Perfect` tense negative form indicates that an action hasn’t occurred at all up to now.
+`Present Perfect Continuous` tense negative form emphasizes an ongoing action that has lacked consistency over time, while the `Present Perfect` tense negative form indicates that an action hasn't occurred at all up to now.
 
 `Past Continuous` tense negative form deals with an action that was not happening at a specific past moment, focusing solely on the past.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
index ea0ac038d5..ffdb548723 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f4c29b6c10a677571c3e9.md
@@ -45,7 +45,7 @@ This word refers to the ease of use for all users, including those with disabili
 
 `Misaligned` means not lined up or positioned correctly. For example:
 
-`The images were misaligned in the presentation, making it look messy.` - This indicates that the images were not positioned properly, affecting the presentation’s clarity.
+`The images were misaligned in the presentation, making it look messy.` - This indicates that the images were not positioned properly, affecting the presentation's clarity.
 
 `Out of sync` describes when two or more elements are not coordinated in time or movement. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
index 7f3b30304c..48b8e52080 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8ab3f5add66eb16be177.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-43
 ---
 
-<!-- (Audio) Alice: Exactly. Do you know if it’s been affecting all the videos or just a few? -->
+<!-- (Audio) Alice: Exactly. Do you know if it's been affecting all the videos or just a few? -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`BLANK. Do you know if it’s been BLANK all the videos or just a few?`
+`BLANK. Do you know if it's been BLANK all the videos or just a few?`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
index da052b1c23..6b070052ad 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8cdb0d31cb710d7ad031.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-44
 ---
 
-<!-- (Audio) Alice: Exactly. Do you know if it’s been affecting all the videos or just a few? -->
+<!-- (Audio) Alice: Exactly. Do you know if it's been affecting all the videos or just a few? -->
 
 <!-- SPEAKING -->
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
index 0f0f0b39f0..10d176ce9f 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f8e2ca90546729b1911fa.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-45
 ---
 
-<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly. -->
+<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`It seems to be affecting several videos. Our BLANK team has been BLANK the platform, and noticed that the captions aren’t BLANK properly.`
+`It seems to be affecting several videos. Our BLANK team has been BLANK the platform, and noticed that the captions aren't BLANK properly.`
 
 ## --blanks--
 
@@ -45,7 +45,7 @@ This word in `-ing` form refers to the process of making things happen at the sa
 
 `Quality assurance` is the process of ensuring that a product meets set quality standards. For example:
 
-`The quality assurance team checks the software for bugs before release.` - Here, `quality assurance` emphasizes the team’s role in maintaining the product's standard.
+`The quality assurance team checks the software for bugs before release.` - Here, `quality assurance` emphasizes the team's role in maintaining the product's standard.
 
 `Testing` means evaluating or examining a product to verify its performance. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
index 40a6056e18..6e7c1348c7 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f92684454b37660c3f82a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-46
 ---
 
-<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly. -->
+<!-- (Audio) James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-Why is it a problem that `the captions aren’t syncing properly`?
+Why is it a problem that `the captions aren't syncing properly`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
index 8ad927f930..acd962ab8b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9ca66765d781de7213f3.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-53
 ---
 
-<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they’re narrowing down the possibilities. -->
+<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they're narrowing down the possibilities. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`We're working on it. The BLANK hasn't found a definitive BLANK yet, but they’re BLANK the possibilities.`
+`We're working on it. The BLANK hasn't found a definitive BLANK yet, but they're BLANK the possibilities.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
index 9d1642b436..ceccdcd2ee 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/671f9e83b440da8486fdf76e.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-54
 ---
 
-<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they’re narrowing down the possibilities. -->
+<!-- (Audio) James: We're working on it. The development team hasn't found a definitive solution yet, but they're narrowing down the possibilities. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
index d152f48037..360190fc74 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720cf38beae8c4f1d7af1c0.md
@@ -23,9 +23,9 @@ Place the following phrases in the correct spot: `rendering consistently`, `clos
 
 `James: Yes. For some reason, It hasn't been BLANK for some users. The captions are misaligned and BLANK, which isn't good for accessibility.`
 
-`Alice: Exactly. Do you know if it’s been affecting all the videos or just a few?`
+`Alice: Exactly. Do you know if it's been affecting all the videos or just a few?`
 
-`James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren’t syncing properly.`
+`James: It seems to be affecting several videos. Our quality assurance team has been testing the platform, and noticed that the captions aren't syncing properly.`
 
 `Alice: BLANK. Have they found out why it's happening?`
 
@@ -33,7 +33,7 @@ Place the following phrases in the correct spot: `rendering consistently`, `clos
 
 `Alice: Is there a plan to fix it?`
 
-`James: We're working on it. The development team hasn't found a BLANK yet, but they’re narrowing down the possibilities.`
+`James: We're working on it. The development team hasn't found a BLANK yet, but they're narrowing down the possibilities.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
index c5fc0f7f27..73c70a7178 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720e69c2152da7b9dad577e.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
index e7c917a8cf..cf24dbc12f 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f18957013d8de8ebbe91.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
index b249884427..3f3236c4fb 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f2d525d22693e3fe2a99.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
@@ -39,7 +39,7 @@ The problem is fully solved now.
 
 ### --feedback--
 
-James clearly states that they haven’t found a final solution yet, so this is incorrect.
+James clearly states that they haven't found a final solution yet, so this is incorrect.
 
 ---
 
@@ -67,6 +67,6 @@ James does not provide a specific timeline for when the solution will be ready.
 
 # --explanation--
 
-To identify the correct answer, focus on where James says `We haven’t found a final solution yet`. This indicates that the issue is still unresolved.
+To identify the correct answer, focus on where James says `We haven't found a final solution yet`. This indicates that the issue is still unresolved.
 
 Look for the option that emphasizes this ongoing problem, which matches James's update.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
index a3b01718a3..de3ecb890e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45529e496998cced6b6.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
index 087f369951..497188534b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6720f45ff33dd69a10d14e9d.md
@@ -23,9 +23,9 @@ After their conversation, James wrote an email to Alice to update her about what
 
 `The development team has been working hard to find the cause of the issues. We think some of the problems, like captions being misaligned or out of sync, are because the synchronization code is old. We are now updating the code and testing it on different devices to make sure the captions work better everywhere.`
 
-`We haven’t found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
+`We haven't found a final solution yet, but we are seeing some improvements. The captions are showing up better on most devices, but we still need to do more testing to make sure it works well on all of them. We also plan to add a system that will catch any new errors quickly.`
 
-`I’ll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
+`I'll keep you updated as we make more progress. If you have any questions or ideas, please let me know.`
 
 `Best,`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
index df3ee2d444..0a7baa4949 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672830d9aa2e0c2ff2fad7f8.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-63
 ---
 
-<!-- (audio) Linda: Yes, I’ve been testing them since the latest software update. -->
+<!-- (audio) Linda: Yes, I've been testing them since the latest software update. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`Yes, I’ve been testing them BLANK the latest BLANK.`
+`Yes, I've been testing them BLANK the latest BLANK.`
 
 ## --blanks--
 
@@ -37,7 +37,7 @@ These two words together refer to a version of software that has been improved o
 
 In the `Present Perfect Continuous` tense, `since` is used to indicate when an action began and continues up to the present. For example:
 
-`I’ve been learning JavaScript since 2020.` - It shows that the action of learning JavaScript started in 2020 and is still ongoing.
+`I've been learning JavaScript since 2020.` - It shows that the action of learning JavaScript started in 2020 and is still ongoing.
 
 The term `software update` refers to changes or improvements made to a computer program. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
index 5f0d668502..f22293a790 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672836d6ec0ae23f4724ccb1.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-65
 ---
 
-<!-- (audio) Linda: Yes, I’ve been testing them since the latest software update. -->
+<!-- (audio) Linda: Yes, I've been testing them since the latest software update. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
index a74766adea..7b84b48b65 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728378c94eaf541fce8f334.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-66
 ---
 
-<!-- (audio) Linda: We’ve had some positive feedback, but there are still a few bugs to fix. -->
+<!-- (audio) Linda: We've had some positive feedback, but there are still a few bugs to fix. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`We’ve had some positive BLANK, but there are still a few BLANK to fix.`
+`We've had some positive BLANK, but there are still a few BLANK to fix.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
index f1596b7905..5fbd193766 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/67289c4908f407948ef08a55.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-67
 ---
 
-<!-- (audio) Linda: We’ve had some positive feedback, but there are still a few bugs to fix. -->
+<!-- (audio) Linda: We've had some positive feedback, but there are still a few bugs to fix. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
index 2b2a78fb9d..fbf68a2a1b 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c369d38d3ea6634c1649.md
@@ -5,7 +5,7 @@ challengeType: 22
 dashedName: task-73
 ---
 
-<!-- (audio) Linda: I’ve been trying to cover all scenarios to ensure that the commands work consistently. -->
+<!-- (audio) Linda: I've been trying to cover all scenarios to ensure that the commands work consistently. -->
 
 # --instructions--
 
@@ -15,7 +15,7 @@ Listen to the audio and complete the sentence below.
 
 ## --sentence--
 
-`I’ve been trying to cover all BLANK to ensure that the commands work BLANK.`
+`I've been trying to cover all BLANK to ensure that the commands work BLANK.`
 
 ## --blanks--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
index 2569cfd6c4..06fb50f651 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/6728c6fad8d9caa92837c75f.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-74
 ---
 
-<!-- (audio) Linda: For the past couple of weeks. I’ve been trying to cover all scenarios to ensure that the commands work consistently. -->
+<!-- (audio) Linda: For the past couple of weeks. I've been trying to cover all scenarios to ensure that the commands work consistently. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
index dffe5ee639..f4f868b4c5 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1c6ca33f8115728e7f79.md
@@ -35,7 +35,7 @@ If the device has been working properly.
 
 ### --feedback--
 
-Bob is asking about potential issues related to voice recognition, not the device’s general performance.
+Bob is asking about potential issues related to voice recognition, not the device's general performance.
 
 ---
 
@@ -43,7 +43,7 @@ If there is a new update for the voice recognition system.
 
 ### --feedback--
 
-Bob’s question is about problems with voice recognition, not about updates.
+Bob's question is about problems with voice recognition, not about updates.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
index b44474d7a4..296031dfbc 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a1e2fbec6a61bf477ea49.md
@@ -49,7 +49,7 @@ It refers to how correct or precise something is. In this case, it means how wel
 
 `Background noise` refers to unwanted sounds that can interfere with hearing something clearly. For example:
 
-- `The microphone couldn’t pick up my voice because of the background noise.` - In this sentence, `background noise` refers to sounds like music or traffic that made it difficult for the microphone to hear your voice clearly.
+- `The microphone couldn't pick up my voice because of the background noise.` - In this sentence, `background noise` refers to sounds like music or traffic that made it difficult for the microphone to hear your voice clearly.
 
 `Accuracy` refers to how precise or correct something is. In the case of `voice recognition`, it means how well the system can understand and process speech without errors. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
index f11795aa42..56256fc40d 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a21a4b40ed3279d513888.md
@@ -15,11 +15,11 @@ Listen to the audio and answer the question below.
 
 ## --text--
 
-What might Linda be suggesting about the system’s current performance?
+What might Linda be suggesting about the system's current performance?
 
 ## --answers--
 
-It’s working perfectly fine with all accents and environments.
+It's working perfectly fine with all accents and environments.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
index 185680dce4..bb942c50b3 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672a296a309d9c46658c071a.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-85
 ---
 
-<!-- (audio) Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been brainstorming solutions. -->
+<!-- (audio) Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been brainstorming solutions. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
index 735a533bbd..9037da2d74 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afc3d3758e25087697611.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-86
 ---
 
-<!-- (audio) Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been brainstorming solutions. -->
+<!-- (audio) Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been brainstorming solutions. -->
 
 # --instructions--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
index 1aa169cd61..022ed5a333 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672afe3809d2a55224868ea5.md
@@ -31,7 +31,7 @@ He thinks the project is fully complete and ready for launch.
 
 ### --feedback--
 
-Bob’s question about testing with real users suggests he sees the project as ongoing, not fully complete.
+Bob's question about testing with real users suggests he sees the project as ongoing, not fully complete.
 
 ---
 
@@ -39,7 +39,7 @@ He believes the team needs to stop working and start a new project.
 
 ### --feedback--
 
-Bob’s comment suggests he thinks the project is progressing well, not that it should be stopped.
+Bob's comment suggests he thinks the project is progressing well, not that it should be stopped.
 
 ---
 
@@ -51,7 +51,7 @@ He thinks the project has made good initial progress but needs further testing.
 
 # --explanation--
 
-Bob’s comment `That's a good start` shows that he is pleased with the progress so far. However, his follow-up question about testing with real users suggests he thinks more steps are needed before the project is complete. This indicates that he feels positive about the current status but sees the need for further validation and testing.
+Bob's comment `That's a good start` shows that he is pleased with the progress so far. However, his follow-up question about testing with real users suggests he thinks more steps are needed before the project is complete. This indicates that he feels positive about the current status but sees the need for further validation and testing.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
index 3a80dbb2aa..b9563c5a31 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b25e2a59e2956bca1a42f.md
@@ -19,7 +19,7 @@ What does Linda mean when she says `it would be helpful`?
 
 ## --answers--
 
-She thinks they don’t need any more feedback.
+She thinks they don't need any more feedback.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
index c9dc79ade1..76d437ea80 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b33b15bd8bf5b2523772a.md
@@ -21,11 +21,11 @@ Place the following phrases in the correct spot: `software update`, `real-world
 
 `Bob: Hi Linda, have you been working on the new BLANK features?`
 
-`Linda: Yes, I’ve been testing them since the latest BLANK. We’ve had some positive feedback, but there are still a few bugs to fix.`
+`Linda: Yes, I've been testing them since the latest BLANK. We've had some positive feedback, but there are still a few bugs to fix.`
 
 `Bob: How long have you been focusing on this evaluation?`
 
-`Linda: For the past couple of weeks. I’ve been trying to cover BLANK to ensure that the commands work consistently.`
+`Linda: For the past couple of weeks. I've been trying to cover BLANK to ensure that the commands work consistently.`
 
 `Bob: Have you had any problems with voice recognition?`
 
@@ -33,7 +33,7 @@ Place the following phrases in the correct spot: `software update`, `real-world
 
 `Bob: What about the integration with other systems? Has it been seamless?`
 
-`Linda: Not entirely. It’s had issues connecting with our older devices, but we’re working on it. The development team has been BLANK.`
+`Linda: Not entirely. It's had issues connecting with our older devices, but we're working on it. The development team has been BLANK.`
 
 `Bob: That's a good start. By the way, have we tested it with real users yet?`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
index 80a8345a7e..4d3d70ef1f 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b42dafa37fe61e80a2b40.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
index e2b6f3806d..ed9f6b6d5f 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4539b9ab5d645e7dcfb8.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -51,7 +51,7 @@ Reducing the size of the devices.
 
 ### --feedback--
 
-The paragraph doesn’t mention device size as a challenge.
+The paragraph doesn't mention device size as a challenge.
 
 ## --video-solution--
 
@@ -63,4 +63,4 @@ To find the correct answer, focus on the part where Linda explains the challenge
 
 The paragraph highlights that the team is facing difficulties with background noise and accents, which makes it challenging for the system to accurately recognize commands in noisy environments.
 
-Look for an option that addresses the issue of the system’s ability to handle accents and background noise.
+Look for an option that addresses the issue of the system's ability to handle accents and background noise.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
index 460e6901fe..1fc9ab4b7d 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b46def9325065dbc7b29f.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -35,7 +35,7 @@ Real-world feedback is meant to test the system in real home settings, not just
 
 ---
 
-To improve the system’s visual design.
+To improve the system's visual design.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
index a76e226cc2..d508281756 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b4812ec997567058875da.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -63,4 +63,4 @@ To find the correct answer, look at the part where Linda talks about what the te
 
 The paragraph mentions that the development team `has been brainstorming solutions` to fix the issues with voice recognition, which shows they are actively working on improving the system.
 
-Look for an option that describes the team’s approach to solving the problems they’ve encountered.
+Look for an option that describes the team's approach to solving the problems they've encountered.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
index 29990a49c3..a4434c1f20 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672b491aa3c094689007baf1.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `One challenge is making sure the system understands different accents. The team has been testing the system with users from different regions, but there are still some problems with background noise.`
 
-`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system’s ability to filter out noise and better recognize commands.`
+`For example, the system sometimes has trouble understanding voices in noisy rooms, like kitchens or living rooms with TVs or radios on. To fix this, they are improving the system's ability to filter out noise and better recognize commands.`
 
 `Before launching the system, the team plans to gather real-world feedback from users to see how well it works in different home settings. This feedback will help them make the system more accurate and ready for everyone to use.`
 
@@ -31,7 +31,7 @@ They will immediately launch the system to all users.
 
 ### --feedback--
 
-The team is still testing and improving the system before it’s ready for a wider launch.
+The team is still testing and improving the system before it's ready for a wider launch.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
index a9bed39e2e..0a3f411bb2 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672cca3d15975a9390545877.md
@@ -51,7 +51,7 @@ Anna's question does not ask if James needs help; it focuses on whether he has r
 
 # --explanation--
 
-Anna’s question is specifically about whether James has reviewed the feedback from a training program related to accessibility.
+Anna's question is specifically about whether James has reviewed the feedback from a training program related to accessibility.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
index 543215b20a..898a7ef018 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672ccc988693199500b4cdfd.md
@@ -5,7 +5,7 @@ challengeType: 19
 dashedName: task-100
 ---
 
-<!-- (Audio) James: Yes, I’ve been working on it since the last training session. -->
+<!-- (Audio) James: Yes, I've been working on it since the last training session. -->
 
 # --instructions--
 
@@ -35,7 +35,7 @@ By saying he finished working soon after the last session.
 
 ### --feedback--
 
-James’s statement indicates ongoing work, not that he finished shortly after starting.
+James's statement indicates ongoing work, not that he finished shortly after starting.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
index 03a703b361..697028dae5 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dc928d8765dc9f923ca71.md
@@ -51,7 +51,7 @@ A `gradual process` refers to something that develops slowly, over time, rather
 
 `The team has made steady progress in completing the project.` - This shows that the team is moving forward regularly and effectively, without major delays.
 
-`Understanding` refers to a person’s knowledge or awareness about a subject. For example:
+`Understanding` refers to a person's knowledge or awareness about a subject. For example:
 
 `Her understanding of coding improved with practice.` - It highlights how her knowledge of coding grew as she spent more time practicing.
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
index da035c1e18..3a6974aa37 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672de8ad97d683d3734ce5cd.md
@@ -23,7 +23,7 @@ He is frustrated that progress has been slow.
 
 ### --feedback--
 
-James doesn’t express frustration; he acknowledges the gradual nature of the process positively.
+James doesn't express frustration; he acknowledges the gradual nature of the process positively.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
index 23aad93fe0..aa98f21456 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672debc75e32a8d6e2593eac.md
@@ -31,7 +31,7 @@ If there are too many tasks for the team to finish.
 
 ### --feedback--
 
-Anna’s question is about performance in some areas, not the number of tasks.
+Anna's question is about performance in some areas, not the number of tasks.
 
 ---
 
@@ -43,7 +43,7 @@ If people need more tools to do their work better.
 
 ### --feedback--
 
-Anna’s question is about finding areas of lower performance, not about needing more tools.
+Anna's question is about finding areas of lower performance, not about needing more tools.
 
 ## --video-solution--
 
@@ -51,7 +51,7 @@ Anna’s question is about finding areas of lower performance, not about needing
 
 # --explanation--
 
-Anna’s question is asking if there are any parts of the work where the team isn’t doing as well as they were expected to.
+Anna's question is asking if there are any parts of the work where the team isn't doing as well as they were expected to.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
index c4d0440860..37c72c9652 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672dec93f008b3d8169568e8.md
@@ -37,7 +37,7 @@ This answer points out areas needing improvement, which is not a positive respon
 
 # --explanation--
 
-A positive answer to Anna’s question would mean that everyone is performing as well as expected, and there is nothing that needs to be improved.
+A positive answer to Anna's question would mean that everyone is performing as well as expected, and there is nothing that needs to be improved.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
index 193270d3b9..b17c08fc07 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e0ec28d829ee2b5e909f3.md
@@ -35,7 +35,7 @@ He believes the activities were well-received by all participants.
 
 ### --feedback--
 
-James points out that the activities were not fully relevant, meaning they weren’t well-received by everyone.
+James points out that the activities were not fully relevant, meaning they weren't well-received by everyone.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
index 8efae5669b..967a25b5a3 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e16bcc0d877e5d3eb7f4e.md
@@ -23,7 +23,7 @@ Listen to the audio and complete the sentence below.
 
 ### --feedback--
 
-This word describes something that catches people’s interest and keeps them involved.
+This word describes something that catches people's interest and keeps them involved.
 
 # --explanation--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
index cb2c465ff4..869168958e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e17e63be5dce6ff5b9189.md
@@ -43,7 +43,7 @@ If the activities already meet all the learning goals.
 
 ### --feedback--
 
-Anna’s question suggests she thinks the activities could be improved to be `more engaging`, so she isn’t assuming they already meet all goals.
+Anna's question suggests she thinks the activities could be improved to be `more engaging`, so she isn't assuming they already meet all goals.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
index 92eaa09863..c2e6eb6334 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1bb0774f2fea953e9388.md
@@ -31,7 +31,7 @@ The team has been brainstorming ideas to make the sessions better.
 
 ---
 
-The team hasn’t yet considered any changes to the sessions.
+The team hasn't yet considered any changes to the sessions.
 
 ### --feedback--
 
@@ -43,7 +43,7 @@ The team feels the sessions are as interactive as they need to be.
 
 ### --feedback--
 
-James says they are working on making the sessions more interactive, so they don’t feel the sessions are finished.
+James says they are working on making the sessions more interactive, so they don't feel the sessions are finished.
 
 ## --video-solution--
 
@@ -51,7 +51,7 @@ James says they are working on making the sessions more interactive, so they don
 
 # --explanation--
 
-James uses the `Present Perfect Continuous` tense (`has been brainstorming`) to show that the team’s work on improving the sessions is ongoing. This tense expresses that they started brainstorming in the past and are still actively doing it now, indicating continuous effort in finding new ideas.
+James uses the `Present Perfect Continuous` tense (`has been brainstorming`) to show that the team's work on improving the sessions is ongoing. This tense expresses that they started brainstorming in the past and are still actively doing it now, indicating continuous effort in finding new ideas.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
index 7ea12c2170..dd3bc37842 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1c3031816ceb9dccc66a.md
@@ -23,7 +23,7 @@ Add activities that focus on memorizing definitions.
 
 ### --feedback--
 
-Memorizing definitions doesn’t involve real-life application or hands-on practice, which James implies they are aiming for.
+Memorizing definitions doesn't involve real-life application or hands-on practice, which James implies they are aiming for.
 
 ---
 
@@ -31,7 +31,7 @@ Use theoretical case studies with no practical application.
 
 ### --feedback--
 
-Theoretical case studies alone don’t fully connect to real-life tasks, which James wants to include.
+Theoretical case studies alone don't fully connect to real-life tasks, which James wants to include.
 
 ---
 
@@ -39,7 +39,7 @@ Have participants discuss unrelated topics to build general communication skills
 
 ### --feedback--
 
-Unrelated discussions don’t meet the goal of incorporating relevant, real-life situations.
+Unrelated discussions don't meet the goal of incorporating relevant, real-life situations.
 
 ---
 
@@ -51,7 +51,7 @@ Create exercises that use realistic situations participants might encounter on t
 
 # --explanation--
 
-Since James mentions `incorporating more real-life scenarios`, they’re likely planning to add exercises that reflect situations participants could actually encounter in their roles. This makes the training more engaging and relevant, unlike focusing on definitions, unrelated discussions, or purely theoretical case studies.
+Since James mentions `incorporating more real-life scenarios`, they're likely planning to add exercises that reflect situations participants could actually encounter in their roles. This makes the training more engaging and relevant, unlike focusing on definitions, unrelated discussions, or purely theoretical case studies.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
index 4bfc37f41a..c4b501f916 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1f1a51e86aed84df7c94.md
@@ -37,7 +37,7 @@ This word in the plural form refers to specific targets or objectives the team i
 
 `Keep in touch` means to stay in regular communication with someone. For example:
 
-`Let’s keep in touch about the project updates.` - This means staying connected and sharing information to make sure everyone is updated on the project's progress.
+`Let's keep in touch about the project updates.` - This means staying connected and sharing information to make sure everyone is updated on the project's progress.
 
 `Goals` are the specific targets or objectives a person or team wants to achieve. It the plural form of `goal`. For example:
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
index e70fc4691f..e9011fe5a5 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672e1fff03af3aeed5d7a84b.md
@@ -31,7 +31,7 @@ She thinks James' ideas are confusing and suggests focusing only on accessibilit
 
 ### --feedback--
 
-Anna doesn’t find James’ ideas confusing; she agrees and wants to monitor progress on their shared goals.
+Anna doesn't find James' ideas confusing; she agrees and wants to monitor progress on their shared goals.
 
 ---
 
@@ -43,7 +43,7 @@ She thinks James' ideas are unnecessary and suggests stopping the project.
 
 ### --feedback--
 
-Anna doesn’t suggest stopping; she supports James’ ideas and wants to stay updated.
+Anna doesn't suggest stopping; she supports James' ideas and wants to stay updated.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
index 2108b8fc77..73665c2d1e 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f4b05585d501f533789b4.md
@@ -21,7 +21,7 @@ Place the following phrases in the correct spot: `gradual process` , `more engag
 
 `Anna: Hi James, have you been reviewing the BLANK for our accessibility program?`
 
-`James: Yes, I’ve been working on it since the last training session. We've received a lot of positive comments, but there are some areas we still need to improve.`
+`James: Yes, I've been working on it since the last training session. We've received a lot of positive comments, but there are some areas we still need to improve.`
 
 `Anna: That's great to hear. How long have we been running these sessions?`
 
@@ -43,7 +43,7 @@ Place the following phrases in the correct spot: `gradual process` , `more engag
 
 ### --feedback--
 
-This phrase refers to the feedback received from participants about the training sessions to see what worked well and what didn’t.
+This phrase refers to the feedback received from participants about the training sessions to see what worked well and what didn't.
 
 ---
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
index 4cf8d46470..18cf9abf59 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f606201263928a06b2a04.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What is the main goal of the accessibility training?
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
index ee74b5a8bd..6c2adca538 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f630337512b2b62595731.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What does the training overview include?
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
index 3062ed0bf5..3950a4b2fa 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f63cadac41a2c9b1897a1.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 How does the training plan make the sessions engaging?
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
index f2680e76b8..253577b975 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f64ba4f91492e1192b829.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 Why are real-life scenarios included in the training?
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
index 2225eacac2..b7158fa6f1 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/672f657580a34f2f78e278e2.md
@@ -19,7 +19,7 @@ Read the text and answer the question below.
 
 `The training will start by conducting an overview of essential accessibility concepts, such as color contrast, screen reader compatibility, and keyboard navigation. To make the sessions engaging, the plan includes interactive activities and real-life scenarios — like navigating without a mouse or relying on a screen reader. These exercises are designed to show the importance of removing accessibility barriers.`
 
-`Throughout the training, they will gather feedback to understand what’s effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
+`Throughout the training, they will gather feedback to understand what's effective and find areas to improve. This approach will help the team develop practical skills and make accessibility a natural part of their work.`
 
 What is the purpose of gathering training feedback?
 
@@ -29,11 +29,11 @@ To decide if the training should be canceled.
 
 ### --feedback--
 
-The feedback is collected to understand what’s effective and find areas to improve, not to cancel the training.
+The feedback is collected to understand what's effective and find areas to improve, not to cancel the training.
 
 ---
 
-To identify areas to improve and understand what’s effective.
+To identify areas to improve and understand what's effective.
 
 ---
 
@@ -49,7 +49,7 @@ To see how quickly participants finish the activities.
 
 ### --feedback--
 
-The purpose of feedback is to assess the training’s effectiveness, not activity speed.
+The purpose of feedback is to assess the training's effectiveness, not activity speed.
 
 ## --video-solution--
 
@@ -59,6 +59,6 @@ The purpose of feedback is to assess the training’s effectiveness, not activit
 
 To find the correct answer, focus on why training feedback is gathered.
 
-The paragraph states that feedback helps identify `what’s effective` and points out `areas to improve`.
+The paragraph states that feedback helps identify `what's effective` and points out `areas to improve`.
 
 Look for the option that describes feedback as a way to assess and enhance the training process.
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
index 2a1c2f9402..094d7451d8 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673de712f2dc6db0cfe76b31.md
@@ -29,7 +29,7 @@ This word means completely or fully.
 
 The word `entirely` means completely or fully. The phrase `not entirely` indicates that something is not complete or perfect. For example:
 
-`I don’t entirely agree with his opinion.` - It means you don’t fully agree with the opinion, suggesting some level of disagreement.
+`I don't entirely agree with his opinion.` - It means you don't fully agree with the opinion, suggesting some level of disagreement.
 
 # --scene--
 
diff --git a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
index cb5d3ffedb..a453e1737c 100644
--- a/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
+++ b/curriculum/challenges/korean/24-b1-english-for-developers/learn-present-perfect-while-talking-about-accessibility/673df0c78bdd11c7195010cb.md
@@ -15,7 +15,7 @@ This task doesn't have audio. Read the question below and select the correct ans
 
 ## --text--
 
-A colleague asks if your team has implemented the new feature yet. What is the best way to respond if you haven’t started but plan to?
+A colleague asks if your team has implemented the new feature yet. What is the best way to respond if you haven't started but plan to?
 
 ## --answers--
 
@@ -23,11 +23,11 @@ A colleague asks if your team has implemented the new feature yet. What is the b
 
 ---
 
-`Yes, it’s been running perfectly for years.`
+`Yes, it's been running perfectly for years.`
 
 ### --feedback--
 
-It implies that the feature has been implemented and in use for years, which contradicts the fact that the feature is new and hasn’t been started yet.
+It implies that the feature has been implemented and in use for years, which contradicts the fact that the feature is new and hasn't been started yet.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md b/curriculum/challenges/korean/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
index 7e4c1e8d1d..63b2b0bb14 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
@@ -63,7 +63,7 @@ You should have a function `formatDateMMDDYYYY`
 assert.isFunction(formatDateMMDDYYYY);
 ```
 
-The function`formatDateMMDDYYYY` should take a single parameter.
+The function `formatDateMMDDYYYY` should take a single parameter.
 
 ```js
 assert.lengthOf(formatDateMMDDYYYY, 1);
@@ -91,7 +91,7 @@ You should have a function `formatDateLong`
 assert.isFunction(formatDateLong);
 ```
 
-The function`formatDateLong` should take a single a parameter.
+The function `formatDateLong` should take a single a parameter.
 
 ```js
 assert.lengthOf(formatDateLong, 1);
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md b/curriculum/challenges/korean/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
new file mode 100644
index 0000000000..a3dfa325d2
--- /dev/null
+++ b/curriculum/challenges/korean/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
@@ -0,0 +1,543 @@
+---
+id: 6762ec275cef87635acc4fe3
+title: Build a Drum Machine
+challengeType: 25
+dashedName: build-drum-machine
+demoType: onClick
+---
+
+# --description--
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+1. You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+2. Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+3. Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+4. Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`, a unique `id` that describes the audio clip the drum pad will be set up to trigger, and an inner text that corresponds to one of the following keys on the keyboard: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`. The drum pads MUST be in this order.
+
+5. Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+6. When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+7. When you press the trigger key associated with each `.drum-pad`, the audio clip contained in its child audio element should be triggered (e.g. pressing the `Q` key should trigger the drum pad which contains the string `Q`, pressing the `W` key should trigger the drum pad which contains the string `W`, etc.).
+
+8. When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+Some audio samples you can use for your drum machine can be found at `https://cdn.freecodecamp.org/curriculum/drum/<fileName>`, where `<fileName>` is as follows:
+
+| drum name   | `fileName`       |
+| ----------- | ---------------- |
+| Heater 1    | `Heater-1.mp3`   |
+| Heater 2    | `Heater-2.mp3`   |
+| Heater 3    | `Heater-3.mp3`   |
+| Heater 4    | `Heater-4_1.mp3` |
+| Clap        | `Heater-6.mp3`   |
+| Open-HH     | `Dsc_Oh.mp3`     |
+| Kick-n'-Hat | `Kick_n_Hat.mp3` |
+| Kick        | `RP4_KICK_1.mp3` |
+| Closed-HH   | `Cev_H2.mp3`     |
+
+# --hints--
+
+You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+```js
+assert.isNotNull(document.querySelector('div#drum-machine'));
+```
+
+Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine div#pad-bank'));
+```
+
+Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine p#display'));
+```
+
+Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`.
+
+```js
+assert.lengthOf(document.querySelectorAll('#pad-bank .drum-pad'), 9);
+```
+
+Each `.drum-pad` should have one of the following letters as `innerText`, in order: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+for (let i = 0; i < 9; i++) {
+  assert.equal(pads[i].innerText.trim(), letters[i]);
+}
+```
+
+Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  assert.equal(audios[i].id, letters[i]);
+  assert.isTrue(audios[i].classList.contains('clip'));
+  assert.isTrue(audios[i].hasAttribute('src'));
+}
+```
+
+When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+assert.isNotEmpty(pads);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  assert.isFalse(audio.paused);
+  audio.pause();
+});
+```
+
+When you press one of the keys Q, W, E, A, S, D, Z, X, C on your keyboard, the corresponding `audio` element should play the corresponding sound.
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  const audio = audios[i];
+  document.dispatchEvent(
+    new KeyboardEvent('keydown', { key: letters[i].toLowerCase() })
+  );
+  assert.isFalse(audio.paused);
+  audio.pause();
+}
+```
+
+When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+```js
+const collection = new Set();
+const disp = document.querySelector('#display');
+const pads = document.querySelectorAll('.drum-pad');
+assert.lengthOf(pads, 9);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  collection.add(disp.innerText.trim());
+  audio.pause();
+});
+assert.lengthOf(collection, 9);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Drum Machine</title>
+  </head>
+  <body></body>
+</html>
+```
+
+```css
+
+```
+
+```js
+
+```
+
+# --solutions--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Drum Machine</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+
+  <body>
+    <div class="inner-container" id="drum-machine">
+      <div id="pad-bank"></div>
+
+      <div class="controls-container">
+        <div class="control power-control">
+          <p>Power: <span id="power-status">On</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+
+        <!-- Display for Drum Pad Name and Volume -->
+        <p id="display"></p>
+
+        <div class="volume-slider">
+          <input type="range" min="0" max="1" step="0.01" value="0.3" />
+        </div>
+
+        <div class="control bank-control">
+          <p>Bank: <span id="current-bank">Heater Kit</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script src="script.js"></script>
+  </body>
+</html>
+```
+
+```css
+/* General Reset */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: 'Arial', sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background-color: #282c34;
+  color: white;
+}
+
+.inner-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #3b3b5f;
+  border-radius: 8px;
+  padding: 20px;
+  width: 300px;
+}
+
+/* Drum Pad Styles */
+#pad-bank {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  margin-bottom: 15px;
+}
+
+.drum-pad {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background: #444;
+  border-radius: 5px;
+  font-size: 1.2em;
+  cursor: pointer;
+}
+
+.drum-pad.active {
+  background: #ffaa33;
+}
+
+.controls-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.control {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin: 10px 0;
+}
+
+.select {
+  width: 50px;
+  height: 20px;
+  background: #555;
+  border-radius: 10px;
+  cursor: pointer;
+  position: relative;
+}
+
+.select .inner {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  background: #ffaa33;
+  border-radius: 50%;
+  top: 1px;
+  left: calc(100% - 18px);
+}
+
+#display {
+  margin: 15px 0;
+  text-align: center;
+  font-size: 1em;
+  padding: 20px;
+  background: #444;
+  border-radius: 5px;
+  width: 100%;
+}
+
+.volume-slider input[type='range'] {
+  width: 100%;
+  -webkit-appearance: none;
+  appearance: none;
+  height: 4px;
+  background: #ffaa33;
+  border-radius: 2px;
+  margin-bottom: 10px;
+}
+
+.volume-slider input[type='range']::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 12px;
+  height: 12px;
+  background: #fff;
+  border-radius: 50%;
+  cursor: pointer;
+}
+```
+
+```js
+const projectName = 'drum-machine';
+
+const bankOne = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Heater-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Heater-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Heater-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Heater-4',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-4_1.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Clap',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-6.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dsc_Oh.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: "Kick-n'-Hat",
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Kick_n_Hat.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/RP4_KICK_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Cev_H2.mp3'
+  }
+];
+
+const bankTwo = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Chord-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Chord-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Chord-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Shaker',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Give_us_a_light.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dry_Ohh.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Bld_H1.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: 'Punchy-Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/punchy_kick_1.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Side-Stick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/side_stick_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Snare',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Brk_Snr.mp3'
+  }
+];
+
+const state = {
+  power: true,
+  display: ' ',
+  currentPadBank: bankOne,
+  currentPadBankId: 'Heater Kit',
+  sliderVal: 0.3
+};
+
+const display = document.getElementById('display');
+
+const setDisplay = text => {
+  state.display = text;
+  display.innerText = text;
+};
+
+const adjustVolume = e => {
+  if (state.power) {
+    state.sliderVal = e.target.value;
+    setDisplay(`Volume: ${Math.round(e.target.value * 100)}`);
+    setTimeout(() => setDisplay(' '), 1000);
+    document.querySelectorAll('.clip').forEach(sound => {
+      sound.volume = state.sliderVal;
+    });
+  }
+};
+
+const activatePad = pad => {
+  pad.classList.add('active');
+  setTimeout(() => pad.classList.remove('active'), 100);
+};
+
+const playSound = (id, name) => {
+  if (!state.power) return;
+
+  const sound = document.getElementById(id);
+  sound.currentTime = 0;
+  sound.play();
+  activatePad(sound.parentNode);
+  setDisplay(name);
+};
+
+const renderPadBank = () => {
+  const padBank = document.querySelector('#pad-bank');
+  padBank.innerHTML = '';
+
+  state.currentPadBank.forEach(drum => {
+    const pad = document.createElement('div');
+    pad.classList.add('drum-pad');
+    pad.id = drum.id;
+    pad.innerText = drum.keyTrigger;
+
+    const audio = document.createElement('audio');
+    audio.classList.add('clip');
+    audio.id = drum.keyTrigger;
+    audio.src = drum.url;
+    pad.appendChild(audio);
+
+    pad.addEventListener('click', () =>
+      playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '))
+    );
+    document.addEventListener('keydown', e => {
+      if (e.key === drum.keyTrigger.toLowerCase())
+        playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '));
+    });
+
+    padBank.appendChild(pad);
+  });
+};
+
+const powerControl = () => {
+  state.power = !state.power;
+  document.getElementById('power-status').textContent = state.power
+    ? 'On'
+    : 'Off';
+
+  setDisplay('');
+
+  const powerSlider = document.querySelector('.power-control .select .inner');
+  powerSlider.style.left = state.power ? 'calc(100% - 18px)' : '0';
+};
+
+const selectBank = () => {
+  if (!state.power) return;
+  setDisplay(' ');
+  state.currentPadBank =
+    state.currentPadBankId === 'Heater Kit' ? bankTwo : bankOne;
+  state.currentPadBankId =
+    state.currentPadBankId === 'Heater Kit' ? 'Smooth Piano Kit' : 'Heater Kit';
+
+  renderPadBank();
+  document.getElementById('current-bank').textContent =
+    state.currentPadBankId === 'Heater Kit' ? 'Heater Kit' : 'Smooth Piano Kit';
+  const bankControl = document.querySelector('.bank-control .select .inner');
+  bankControl.style.left =
+    state.currentPadBankId === 'Heater Kit' ? 'calc(100% - 18px)' : '0';
+};
+
+document
+  .querySelector('.power-control')
+  .addEventListener('click', powerControl);
+document.querySelector('.bank-control').addEventListener('click', selectBank);
+document
+  .querySelector('.volume-slider input')
+  .addEventListener('input', adjustVolume);
+
+renderPadBank();
+```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md b/curriculum/challenges/korean/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
index fa20fc9afe..d9028214d5 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
@@ -71,12 +71,6 @@ The factorial of `7` should return `5040`.
 assert.strictEqual(factorialCalculator(7), 5040);
 ```
 
-For `5`, the `resultMsg` should contain `Factorial of 5 is 120`.
-
-```js
-assert.strictEqual(resultMsg, 'Factorial of 5 is 120');
-```
-
 You should call your `factorialCalculator` function with the `num` variable as the argument.
 
 ```js
@@ -98,6 +92,13 @@ assert.strictEqual(factorialCalculator(9), 362880);
 assert.strictEqual(factorialCalculator(11), 39916800);
 ```
 
+Your `resultMsg` should contain a string in a format `Factorial of [num] is [factorial]`.
+
+```js
+assert.strictEqual(resultMsg, `Factorial of ${num} is ${factorialCalculator(num)}`);
+assert.notMatch(__helpers.removeJSComments(code), /Factorial of \d{1,2} is \d+/);
+```
+
 You should output the value of `resultMsg` to the console.
 
 ```js
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md b/curriculum/challenges/korean/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
index 5bf3e1cc15..55e29ad88d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md
@@ -1,7 +1,7 @@
 ---
 id: 673c91f0b934834bc4a3ecc2
 title: Build an fCC Forum Leaderboard
-challengeType: 14
+challengeType: 25
 dashedName: build-an-fcc-forum-leaderboard
 demoType: onClick
 ---
@@ -16,39 +16,39 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 
 1. You should have a function named `timeAgo` that takes a timestamp in the ISO 8601 format as the argument.
 1. The `timeAgo` function should compute the time difference between the time passed as an argument and the current time and return:
-    - `xm ago` (`x` represents minutes) if the amount of minutes that have passed is less than `60`.
-    - `xh ago` (`x` represents hours) if the amount of hours that have passed is less than `24`.
-    - `xd ago` (`x` represents days) otherwise.
+   - `xm ago` (`x` represents minutes) if the amount of minutes that have passed is less than `60`.
+   - `xh ago` (`x` represents hours) if the amount of hours that have passed is less than `24`.
+   - `xd ago` (`x` represents days) otherwise.
 1. You should have a function named `viewCount` that takes the number of views of a post as the argument.
 1. If the value of the views passed as the argument is greater than or equal to `1000`, the `viewCount` function should return a string with the views value divided by `1000`, rounded down to the nearest whole number and the letter `k` appended to it. Otherwise, it should return the views value.
 1. You should have a function named `forumCategory` that takes the id of a selected category as the argument.
 1. The `forumCategory` function should verify that the selected category id is a property of the `allCategories` object and should return a string containing an anchor element with:
-    - the text of the `category` key of the selected category.
-    - a class of `category` followed by the `className` property of the selected category.
-    - an `href` with the value of `<forumCategoryUrl>/<className>/<id>`, where `<className>` is the `className` property of the selected category and `id` is the argument passed to `forumCategory`.
+   - the text of the `category` key of the selected category.
+   - a class of `category` followed by the `className` property of the selected category.
+   - an `href` with the value of `<forumCategoryUrl>/<className>/<id>`, where `<className>` is the `className` property of the selected category and `id` is the argument passed to `forumCategory`.
 1. If the `allCategories` object does not have the selected category id as its property, `className` and `category` should be indicated as `general`.
 1. You should have a function named `avatars` that takes two arrays representing posters and users, respectively.
-1. The `avatars` function should return a string made by joining `img` elements, one for each poster found inside the user array. *Hint:* You can find users by comparing the `user_id` property of the poster with the `id` property` of the user.
+1. The `avatars` function should return a string made by joining `img` elements, one for each poster found inside the user array. _Hint:_ You can find users by comparing the `user_id` property of the poster with the `id` property` of the user.
 1. The `avatars` function should set each avatar's size by accessing the `avatar_template` property and replacing `{size}` with `30`.
 1. Each image element should have an alt text with the value of the `name` property of the poster.
 1. Each image element should have a source with the value of the `avatar_template` property of the poster. In case `avatar_template` contains a relative path, you should set the source to `<avatarUrl>/<avatar_template>`.
 1. You should have a function named `showLatestPosts` that takes a single parameter.
 1. The `showLatestPosts` should extract the `users` and `topic_list` properties from the object passed as argument. Also, it should process the following properties of the objects from the `topics` array, which is contained in `topic_list`:
-    - `id`: the id of the post
-    - `title`: the title of the post
-    - `views`: the number of views of the post
-    - `posts_count`: the number of replies to the topic
-    - `slug`: the slug of the post
-    - `posters`: the posters for that topic
-    - `category_id`: an integer indicating the category id for the post
-    - `bumped_at`: a timestamp in the ISO 8601 format
+   - `id`: the id of the post
+   - `title`: the title of the post
+   - `views`: the number of views of the post
+   - `posts_count`: the number of replies to the topic
+   - `slug`: the slug of the post
+   - `posters`: the posters for that topic
+   - `category_id`: an integer indicating the category id for the post
+   - `bumped_at`: a timestamp in the ISO 8601 format
 1. The `showLatestPosts` should set the inner HTML of `#posts-container` to a string made by joining `tr` elements, one for each item in `topics`.
 1. Each `tr` element should have five `td` elements in it:
-    - a `td` containing two anchor elements, one with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and one obtained by calling `forumCategory` with `category_id`.
-    - a `td` containing a `div` element with class `avatar-container` that contains the images returned by the `avatars` function called with `posters` and `users` as arguments.
-    - a `td` containing the number of replies to the post. *Hint:* use `posts_count - 1`.
-    - a `td` containing the number of views of the post.
-    - a `td` containing the time passed since the last activity.
+   - a `td` containing two anchor elements, one with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and one obtained by calling `forumCategory` with `category_id`.
+   - a `td` containing a `div` element with class `avatar-container` that contains the images returned by the `avatars` function called with `posters` and `users` as arguments.
+   - a `td` containing the number of replies to the post. _Hint:_ use `posts_count - 1`.
+   - a `td` containing the number of views of the post.
+   - a `td` containing the time passed since the last activity.
 1. You should have an async function named `fetchData`.
 1. The `fetchData` function should request data from `forumLatest` and call `showLatestPosts` passing it the response parsed as JSON.
 1. If there's an error when fetching data, the `fetchData` function should log the error to the console.
@@ -66,10 +66,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 50)).toISOString()
-}
-const expected = "50m ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 50).toISOString();
+};
+const expected = '50m ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -78,10 +78,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60)).toISOString()
-}
-const expected = "1h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60).toISOString();
+};
+const expected = '1h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -90,10 +90,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * ( 60 * 115))).toISOString()
-}
-const expected = "1h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * (60 * 115)).toISOString();
+};
+const expected = '1h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -102,10 +102,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 15)).toISOString()
-}
-const expected = "15h ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 15).toISOString();
+};
+const expected = '15h ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -114,10 +114,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 24)).toISOString()
-}
-const expected = "1d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 24).toISOString();
+};
+const expected = '1d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -126,10 +126,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 46)).toISOString()
-}
-const expected = "1d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 46).toISOString();
+};
+const expected = '1d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -138,10 +138,10 @@ When the time difference between the time passed as argument and the current tim
 
 ```js
 const generateTime = () => {
-    const currentTime = new Date();
-    return new Date(currentTime - (1000 * 60 * 60 * 24 * 3)).toISOString()
-}
-const expected = "3d ago";
+  const currentTime = new Date();
+  return new Date(currentTime - 1000 * 60 * 60 * 24 * 3).toISOString();
+};
+const expected = '3d ago';
 const actual = timeAgo(generateTime());
 assert.equal(actual, expected);
 ```
@@ -162,13 +162,13 @@ assert.strictEqual(597, viewCount(597));
 `viewCount(1000)` should return `1k`.
 
 ```js
-assert.equal("1k", viewCount(1000));
+assert.equal('1k', viewCount(1000));
 ```
 
 `viewCount(2730)` should return `2k`.
 
 ```js
-assert.equal("2k", viewCount(2730));
+assert.equal('2k', viewCount(2730));
 ```
 
 You should have a function named `forumCategory` that takes a single argument.
@@ -193,11 +193,17 @@ assert.match(actual, /^<\s*a.+?>\s*Project Feedback\s*<\/a>$/);
 
 ```js
 let actual = forumCategory(299);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/career\/299\1/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/career\/299\1/
+);
 
 // prevent hardcoding
 actual = forumCategory(409);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/feedback\/409\1/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/feedback\/409\1/
+);
 ```
 
 `forumCategory(299)` should return a string containing an anchor element with `class="category career"`.
@@ -222,10 +228,16 @@ assert.match(actual, /^<\s*a.+?>\s*General\s*<\/a>$/);
 
 ```js
 let actual = forumCategory(200);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/200/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/200/
+);
 
 actual = forumCategory(220);
-assert.match(actual, /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/220/);
+assert.match(
+  actual,
+  /href=("|')https:\/\/forum\.freecodecamp\.org\/c\/general\/220/
+);
 ```
 
 `forumCategory(200)` should return a string containing an anchor element with `class="category career"`.
@@ -245,58 +257,64 @@ assert.lengthOf(avatars, 2);
 The `avatars` function should return a string made by joining `img` elements, one for each poster found in the user array.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 const matches = actual.match(/<\s*img\s+.+?>/g);
-assert.lengthOf(matches, 3)
+assert.lengthOf(matches, 3);
 ```
 
 Each `img` element in the string returned by the `avatars` function should have an `alt` text with the value of the `name` property of the poster.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 const matches = actual.match(/<\s*img\s+.+?>/g);
 
@@ -308,28 +326,31 @@ assert.match(matches[2], /alt="Ilenia"/);
 The `avatars` function should set each avatar's size by accessing the `avatar_template` property and replacing `{size}` with `30`.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 assert.notMatch(actual, /\{size\}/);
 assert.lengthOf(actual.match(/\/30\//g), 3);
@@ -338,35 +359,47 @@ assert.lengthOf(actual.match(/\/30\//g), 3);
 Each `img` element in the string returned by the `avatars` function should have the `src` with the value of the `avatar_template` property of the poster. In case `avatar_template` contains a relative path, it should be set to `<avatarUrl>/<avatar_template>`.
 
 ```js
-const posters = [{ "user_id": 6 }, { "user_id": 285941 }, { "user_id": 170865 }]
+const posters = [{ user_id: 6 }, { user_id: 285941 }, { user_id: 170865 }];
 const users = [
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
     id: 6,
-    name: "Quincy Larson",
-    username: "QuincyLarson"
+    name: 'Quincy Larson',
+    username: 'QuincyLarson'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
     id: 285941,
-    name: "Jessica Wilkins",
-    username: "jwilkins.oboe"
+    name: 'Jessica Wilkins',
+    username: 'jwilkins.oboe'
   },
   {
-    avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+    avatar_template:
+      '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
     id: 170865,
-    name: "Ilenia",
-    username: "ilenia"
+    name: 'Ilenia',
+    username: 'ilenia'
   },
-  {id: 20}
-]
+  { id: 20 }
+];
 const actual = avatars(posters, users);
 
 const matches = actual.match(/<\s*img\s+.+?>/g);
 
-assert.match(matches[0], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/quincylarson\/30\/212400_2\.png"/);
-assert.match(matches[1], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/jwilkins\.oboe\/30\/179497_2\.png"/);
-assert.match(matches[2], /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/ilenia\/30\/270648_2\.png"/);
+assert.match(
+  matches[0],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/quincylarson\/30\/212400_2\.png"/
+);
+assert.match(
+  matches[1],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/jwilkins\.oboe\/30\/179497_2\.png"/
+);
+assert.match(
+  matches[2],
+  /src="https:\/\/sea1\.discourse-cdn\.com\/freecodecamp\/user_avatar\/forum\.freecodecamp\.org\/ilenia\/30\/270648_2\.png"/
+);
 ```
 
 You should have a function named `showLatestPosts` that takes a single parameter.
@@ -391,9 +424,11 @@ try {
   fetch = source => {
     testArr.push(source);
     return temp(source);
-  }
+  };
   fetchData();
-  assert.deepEqual(testArr, ["https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json"])
+  assert.deepEqual(testArr, [
+    'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json'
+  ]);
 } finally {
   fetch = temp;
 }
@@ -409,7 +444,7 @@ async () => {
     showLatestPosts = data => {
       testArr.push(data);
       return temp(data);
-  }
+    };
     await fetchData();
     assert.isNotEmpty(testArr);
   } catch (err) {
@@ -417,7 +452,7 @@ async () => {
   } finally {
     fetch = temp;
   }
-}
+};
 ```
 
 If there is an error, your `fetchData` function should log the error to the console.
@@ -428,15 +463,19 @@ const temp1 = fetch;
 const temp2 = console.log;
 async () => {
   try {
-    console.log = obj => {testArr.push(obj.toString())};
-    fetch = source => {throw new Error("This is a test error");}
+    console.log = obj => {
+      testArr.push(obj.toString());
+    };
+    fetch = source => {
+      throw new Error('This is a test error');
+    };
     await fetchData();
-    assert.deepEqual(testArr, ["Error: This is a test error"]);
+    assert.deepEqual(testArr, ['Error: This is a test error']);
   } finally {
     fetch = temp1;
     console.log = temp2;
   }
-}
+};
 ```
 
 `showLatestPosts` should set the inner HTML of `#posts-container` to a string made by joining `tr` elements, one for each item in `topics`.
@@ -445,53 +484,56 @@ async () => {
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-assert.lengthOf(pContainer.querySelectorAll("tr"), 2);
+assert.lengthOf(pContainer.querySelectorAll('tr'), 2);
 ```
 
 Each `tr` element from the string returned by `showLatestPosts` should contain `5` `td` elements.
@@ -500,54 +542,57 @@ Each `tr` element from the string returned by `showLatestPosts` should contain `
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-assert.lengthOf(pContainer.querySelectorAll("tr:first-child>td"), 5);
-assert.lengthOf(pContainer.querySelectorAll("tr:last-child>td"), 5);
+assert.lengthOf(pContainer.querySelectorAll('tr:first-child>td'), 5);
+assert.lengthOf(pContainer.querySelectorAll('tr:last-child>td'), 5);
 ```
 
 The first `td` element of each table row from the string returned by `showLatestPosts` should contain two anchor elements, the first with the class of `post-title`, an `href` of `<forumTopicUrl><slug>/<id>`, an anchor text of `<title>`, and the second obtained by calling `forumCategory` with `category_id`.
@@ -556,74 +601,91 @@ The first `td` element of each table row from the string returned by `showLatest
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
-const anchors1 = pContainer.querySelectorAll("tr:first-child>td>a");
+const anchors1 = pContainer.querySelectorAll('tr:first-child>td>a');
 assert.lengthOf(anchors1, 2);
 
-const anchors2 = pContainer.querySelectorAll("tr:last-child>td>a");
+const anchors2 = pContainer.querySelectorAll('tr:last-child>td>a');
 assert.lengthOf(anchors2, 2);
 
-assert.equal(anchors1[0].classList[0], "post-title");
-assert.equal(anchors1[0].href, "https://forum.freecodecamp.org/t/the-freecodecamp-podcast-is-back-now-with-video/684569");
-assert.equal(anchors1[0].innerText.trim(), "The freeCodeCamp Podcast is back – now with video");
-
-assert.equal(anchors1[1].classList[0], "category");
-assert.equal(anchors1[1].classList[1], "general");
-assert.equal(anchors1[1].href, "https://forum.freecodecamp.org/c/general/1");
-
-
-assert.equal(anchors2[0].classList[0], "post-title");
-assert.equal(anchors2[0].href, "https://forum.freecodecamp.org/t/problem-with-making-changes-to-styles-js/686149");
-assert.equal(anchors2[0].innerText.trim(), "Problem with making changes to styles. (JS)");
-
-assert.equal(anchors2[1].classList[0], "category");
-assert.equal(anchors2[1].classList[1], "javascript");
-assert.equal(anchors2[1].href, "https://forum.freecodecamp.org/c/javascript/421");
+assert.equal(anchors1[0].classList[0], 'post-title');
+assert.equal(
+  anchors1[0].href,
+  'https://forum.freecodecamp.org/t/the-freecodecamp-podcast-is-back-now-with-video/684569'
+);
+assert.equal(
+  anchors1[0].innerText.trim(),
+  'The freeCodeCamp Podcast is back – now with video'
+);
+
+assert.equal(anchors1[1].classList[0], 'category');
+assert.equal(anchors1[1].classList[1], 'general');
+assert.equal(anchors1[1].href, 'https://forum.freecodecamp.org/c/general/1');
+
+assert.equal(anchors2[0].classList[0], 'post-title');
+assert.equal(
+  anchors2[0].href,
+  'https://forum.freecodecamp.org/t/problem-with-making-changes-to-styles-js/686149'
+);
+assert.equal(
+  anchors2[0].innerText.trim(),
+  'Problem with making changes to styles. (JS)'
+);
+
+assert.equal(anchors2[1].classList[0], 'category');
+assert.equal(anchors2[1].classList[1], 'javascript');
+assert.equal(
+  anchors2[1].href,
+  'https://forum.freecodecamp.org/c/javascript/421'
+);
 ```
 
 The second `td` element of each table row from the string returned by `showLatestPosts` should contain the images returned by the `avatars` function called with `posters` and `users` as arguments, nested within a `div` element with the class of `avatar-container`.
@@ -632,130 +694,154 @@ The second `td` element of each table row from the string returned by `showLates
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-const div1 = pContainer.querySelector("tr:first-child>td:nth-child(2)>div");
-assert.equal(div1.classList[0], "avatar-container");
+const div1 = pContainer.querySelector('tr:first-child>td:nth-child(2)>div');
+assert.equal(div1.classList[0], 'avatar-container');
 
-const div2 = pContainer.querySelector("tr:last-child>td:nth-child(2)>div");
-assert.equal(div2.classList[0], "avatar-container");
+const div2 = pContainer.querySelector('tr:last-child>td:nth-child(2)>div');
+assert.equal(div2.classList[0], 'avatar-container');
 
-const imgs1 = div1.querySelectorAll("img");
+const imgs1 = div1.querySelectorAll('img');
 assert.lengthOf(imgs1, 3);
-assert.equal(imgs1[0].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/quincylarson/30/212400_2.png");
-assert.equal(imgs1[0].alt, "Quincy Larson");
-assert.equal(imgs1[1].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png");
-assert.equal(imgs1[1].alt, "Ilenia");
-assert.equal(imgs1[2].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/30/179497_2.png");
-assert.equal(imgs1[2].alt, "Jessica Wilkins");
-
-const imgs2 = div2.querySelectorAll("img");
+assert.equal(
+  imgs1[0].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/quincylarson/30/212400_2.png'
+);
+assert.equal(imgs1[0].alt, 'Quincy Larson');
+assert.equal(
+  imgs1[1].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png'
+);
+assert.equal(imgs1[1].alt, 'Ilenia');
+assert.equal(
+  imgs1[2].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/30/179497_2.png'
+);
+assert.equal(imgs1[2].alt, 'Jessica Wilkins');
+
+const imgs2 = div2.querySelectorAll('img');
 assert.lengthOf(imgs2, 1);
-assert.equal(imgs2[0].src, "https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png");
-assert.equal(imgs2[0].alt, "Ilenia");
+assert.equal(
+  imgs2[0].src,
+  'https://sea1.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilenia/30/270648_2.png'
+);
+assert.equal(imgs2[0].alt, 'Ilenia');
 ```
 
-The third `td` element of each table row from the string returned by `showLatestPosts` should contain the number of replies to the post. *Hint:* use `posts_count - 1`.
+The third `td` element of each table row from the string returned by `showLatestPosts` should contain the number of replies to the post. _Hint:_ use `posts_count - 1`.
 
 ```js
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(3)").innerText, "7");
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(3)').innerText,
+  '7'
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(3)").innerText, "0");
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(3)').innerText,
+  '0'
+);
 ```
 
 The fourth `td` element of each table row from the string returned by `showLatestPosts` should contain the number of views of the post.
@@ -764,56 +850,65 @@ The fourth `td` element of each table row from the string returned by `showLates
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+};
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(4)").innerText, "542");
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(4)').innerText,
+  '542'
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(4)").innerText, "9");
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(4)').innerText,
+  '9'
+);
 ```
 
 The fifth `td` element of each table row from the string returned by `showLatestPosts` should contain time passed since the last activity, generated using the `timeAgo` function.
@@ -822,50 +917,53 @@ The fifth `td` element of each table row from the string returned by `showLatest
 const data = {
   users: [
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/quincylarson/{size}/212400_2.png',
       id: 6,
-      name: "Quincy Larson",
-      username: "QuincyLarson"
+      name: 'Quincy Larson',
+      username: 'QuincyLarson'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/jwilkins.oboe/{size}/179497_2.png',
       id: 285941,
-      name: "Jessica Wilkins",
-      username: "jwilkins.oboe"
+      name: 'Jessica Wilkins',
+      username: 'jwilkins.oboe'
     },
     {
-      avatar_template: "/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png",
+      avatar_template:
+        '/user_avatar/forum.freecodecamp.org/ilenia/{size}/270648_2.png',
       id: 170865,
-      name: "Ilenia",
-      username: "ilenia"
+      name: 'Ilenia',
+      username: 'ilenia'
     }
   ],
   topic_list: {
     topics: [
       {
-        bumped_at: "2024-04-15T16:01:26.403Z",
+        bumped_at: '2024-04-15T16:01:26.403Z',
         category_id: 1,
         id: 684569,
-        posters: [{user_id: 6}, {user_id: 170865}, {user_id: 285941}],
+        posters: [{ user_id: 6 }, { user_id: 170865 }, { user_id: 285941 }],
         posts_count: 8,
-        slug: "the-freecodecamp-podcast-is-back-now-with-video",
-        title: "The freeCodeCamp Podcast is back – now with video",
+        slug: 'the-freecodecamp-podcast-is-back-now-with-video',
+        title: 'The freeCodeCamp Podcast is back – now with video',
         views: 542
       },
       {
-        bumped_at: "2024-04-19T13:52:03.523Z",
+        bumped_at: '2024-04-19T13:52:03.523Z',
         category_id: 421,
         id: 686149,
-        posters: [{user_id: 170865}],
+        posters: [{ user_id: 170865 }],
         posts_count: 1,
-        slug: "problem-with-making-changes-to-styles-js",
-        title: "Problem with making changes to styles. (JS)",
+        slug: 'problem-with-making-changes-to-styles-js',
+        title: 'Problem with making changes to styles. (JS)',
         views: 9
       }
     ]
   }
-}
-const calcTime = (time) => {
+};
+const calcTime = time => {
   const currentTime = new Date();
   const lastPost = new Date(time);
   const timeDifference = currentTime - lastPost;
@@ -875,13 +973,19 @@ const calcTime = (time) => {
   const daysAgo = Math.floor(hoursAgo / 24);
   return `${daysAgo}d ago`;
 };
-const pContainer = document.getElementById("posts-container");
-pContainer.innerHTML = "";
+const pContainer = document.getElementById('posts-container');
+pContainer.innerHTML = '';
 showLatestPosts(data);
 
-assert.equal(pContainer.querySelector("tr:first-child>td:nth-child(5)").innerText, calcTime("2024-04-15T16:01:26.403Z"));
+assert.equal(
+  pContainer.querySelector('tr:first-child>td:nth-child(5)').innerText,
+  calcTime('2024-04-15T16:01:26.403Z')
+);
 
-assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText, calcTime("2024-04-19T13:52:03.523Z"));
+assert.equal(
+  pContainer.querySelector('tr:last-child>td:nth-child(5)').innerText,
+  calcTime('2024-04-19T13:52:03.523Z')
+);
 ```
 
 # --seed--
@@ -889,7 +993,7 @@ assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -932,184 +1036,185 @@ assert.equal(pContainer.querySelector("tr:last-child>td:nth-child(5)").innerText
 
 ```css
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
-  :root {
-    --main-bg-color: #2a2a40;
-    --black: #000;
-    --dark-navy: #0a0a23;
-    --dark-grey: #d0d0d5;
-    --medium-grey: #dfdfe2;
-    --light-grey: #f5f6f7;
-    --peach: #f28373;
-    --salmon-color: #f0aea9;
-    --light-blue: #8bd9f6;
-    --light-orange: #f8b172;
-    --light-green: #93cb5b;
-    --golden-yellow: #f1ba33;
-    --gold: #f9aa23;
-    --green: #6bca6b;
-  }
+:root {
+  --main-bg-color: #2a2a40;
+  --black: #000;
+  --dark-navy: #0a0a23;
+  --dark-grey: #d0d0d5;
+  --medium-grey: #dfdfe2;
+  --light-grey: #f5f6f7;
+  --peach: #f28373;
+  --salmon-color: #f0aea9;
+  --light-blue: #8bd9f6;
+  --light-orange: #f8b172;
+  --light-green: #93cb5b;
+  --golden-yellow: #f1ba33;
+  --gold: #f9aa23;
+  --green: #6bca6b;
+}
 
-  body {
-    background-color: var(--main-bg-color);
-  }
+body {
+  background-color: var(--main-bg-color);
+}
 
-  nav {
-    background-color: var(--dark-navy);
-    padding: 10px 0;
-  }
+nav {
+  background-color: var(--dark-navy);
+  padding: 10px 0;
+}
 
-  .fcc-logo {
-    width: 210px;
-    display: block;
-    margin: auto;
-  }
+.fcc-logo {
+  width: 210px;
+  display: block;
+  margin: auto;
+}
 
-  .title {
-    margin: 25px 0;
-    text-align: center;
-    color: var(--light-grey);
-  }
+.title {
+  margin: 25px 0;
+  text-align: center;
+  color: var(--light-grey);
+}
 
-  .table-wrapper {
-    padding: 0 25px;
-    overflow-x: auto;
-  }
+.table-wrapper {
+  padding: 0 25px;
+  overflow-x: auto;
+}
 
-  table {
-    width: 100%;
-    color: var(--dark-grey);
-    margin: auto;
-    table-layout: fixed;
-    border-collapse: collapse;
-    overflow-x: scroll;
-  }
+table {
+  width: 100%;
+  color: var(--dark-grey);
+  margin: auto;
+  table-layout: fixed;
+  border-collapse: collapse;
+  overflow-x: scroll;
+}
 
-  #topics {
-    text-align: start;
-    width: 60%;
-  }
+#topics {
+  text-align: start;
+  width: 60%;
+}
 
-  th {
-    border-bottom: 2px solid var(--dark-grey);
-    padding-bottom: 10px;
-    font-size: 1.3rem;
-  }
+th {
+  border-bottom: 2px solid var(--dark-grey);
+  padding-bottom: 10px;
+  font-size: 1.3rem;
+}
 
-  td:not(:first-child) {
-    text-align: center;
-  }
+td:not(:first-child) {
+  text-align: center;
+}
 
-  td {
-    border-bottom: 1px solid var(--dark-grey);
-    padding: 20px 0;
-  }
+td {
+  border-bottom: 1px solid var(--dark-grey);
+  padding: 20px 0;
+}
 
-  .post-title {
-    font-size: 1.2rem;
-    color: var(--medium-grey);
-    text-decoration: none;
-  }
+.post-title {
+  font-size: 1.2rem;
+  color: var(--medium-grey);
+  text-decoration: none;
+}
 
-  .category {
-    padding: 3px;
-    color: var(--black);
-    text-decoration: none;
-    display: block;
-    width: fit-content;
-    margin: 10px 0 10px;
-  }
+.category {
+  padding: 3px;
+  color: var(--black);
+  text-decoration: none;
+  display: block;
+  width: fit-content;
+  margin: 10px 0 10px;
+}
 
-  .career {
-    background-color: var(--salmon-color);
-  }
+.career {
+  background-color: var(--salmon-color);
+}
 
-  .feedback,
-  .html-css {
-    background-color: var(--light-blue);
-  }
+.feedback,
+.html-css {
+  background-color: var(--light-blue);
+}
 
-  .support {
-    background-color: var(--light-orange);
-  }
+.support {
+  background-color: var(--light-orange);
+}
 
-  .general {
-    background-color: var(--light-green);
-  }
+.general {
+  background-color: var(--light-green);
+}
 
-  .javascript {
-    background-color: var(--golden-yellow);
-  }
+.javascript {
+  background-color: var(--golden-yellow);
+}
 
-  .backend {
-    background-color: var(--gold);
-  }
+.backend {
+  background-color: var(--gold);
+}
 
-  .python {
-    background-color: var(--green);
-  }
+.python {
+  background-color: var(--green);
+}
 
-  .motivation {
-    background-color: var(--peach);
-  }
+.motivation {
+  background-color: var(--peach);
+}
 
-  .avatar-container {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
+.avatar-container {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
 
-  .avatar-container img {
-    width: 30px;
-    height: 30px;
-  }
+.avatar-container img {
+  width: 30px;
+  height: 30px;
+}
 
-  @media (max-width: 750px) {
-    .table-wrapper {
-      padding: 0 15px;
-    }
+@media (max-width: 750px) {
+  .table-wrapper {
+    padding: 0 15px;
+  }
 
-    table {
-      width: 700px;
-    }
+  table {
+    width: 700px;
+  }
 
-    th {
-      font-size: 1.2rem;
-    }
+  th {
+    font-size: 1.2rem;
+  }
 
-    .post-title {
-      font-size: 1.1rem;
-    }
+  .post-title {
+    font-size: 1.1rem;
   }
+}
 ```
 
 ```js
-const forumLatest = "https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json";
-const forumTopicUrl = "https://forum.freecodecamp.org/t/";
-const forumCategoryUrl = "https://forum.freecodecamp.org/c/";
-const avatarUrl = "https://sea1.discourse-cdn.com/freecodecamp";
+const forumLatest =
+  'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json';
+const forumTopicUrl = 'https://forum.freecodecamp.org/t/';
+const forumCategoryUrl = 'https://forum.freecodecamp.org/c/';
+const avatarUrl = 'https://sea1.discourse-cdn.com/freecodecamp';
 
 const allCategories = {
-  299: { category: "Career Advice", className: "career" },
-  409: { category: "Project Feedback", className: "feedback" },
-  417: { category: "freeCodeCamp Support", className: "support" },
-  421: { category: "JavaScript", className: "javascript" },
-  423: { category: "HTML - CSS", className: "html-css" },
-  424: { category: "Python", className: "python" },
-  432: { category: "You Can Do This!", className: "motivation" },
-  560: { category: "Backend Development", className: "backend" },
+  299: { category: 'Career Advice', className: 'career' },
+  409: { category: 'Project Feedback', className: 'feedback' },
+  417: { category: 'freeCodeCamp Support', className: 'support' },
+  421: { category: 'JavaScript', className: 'javascript' },
+  423: { category: 'HTML - CSS', className: 'html-css' },
+  424: { category: 'Python', className: 'python' },
+  432: { category: 'You Can Do This!', className: 'motivation' },
+  560: { category: 'Backend Development', className: 'backend' }
 };
 ```
 
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
@@ -1152,182 +1257,183 @@ const allCategories = {
 
 ```css
 * {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-  }
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
 
-  :root {
-    --main-bg-color: #2a2a40;
-    --black: #000;
-    --dark-navy: #0a0a23;
-    --dark-grey: #d0d0d5;
-    --medium-grey: #dfdfe2;
-    --light-grey: #f5f6f7;
-    --peach: #f28373;
-    --salmon-color: #f0aea9;
-    --light-blue: #8bd9f6;
-    --light-orange: #f8b172;
-    --light-green: #93cb5b;
-    --golden-yellow: #f1ba33;
-    --gold: #f9aa23;
-    --green: #6bca6b;
-  }
+:root {
+  --main-bg-color: #2a2a40;
+  --black: #000;
+  --dark-navy: #0a0a23;
+  --dark-grey: #d0d0d5;
+  --medium-grey: #dfdfe2;
+  --light-grey: #f5f6f7;
+  --peach: #f28373;
+  --salmon-color: #f0aea9;
+  --light-blue: #8bd9f6;
+  --light-orange: #f8b172;
+  --light-green: #93cb5b;
+  --golden-yellow: #f1ba33;
+  --gold: #f9aa23;
+  --green: #6bca6b;
+}
 
-  body {
-    background-color: var(--main-bg-color);
-  }
+body {
+  background-color: var(--main-bg-color);
+}
 
-  nav {
-    background-color: var(--dark-navy);
-    padding: 10px 0;
-  }
+nav {
+  background-color: var(--dark-navy);
+  padding: 10px 0;
+}
 
-  .fcc-logo {
-    width: 210px;
-    display: block;
-    margin: auto;
-  }
+.fcc-logo {
+  width: 210px;
+  display: block;
+  margin: auto;
+}
 
-  .title {
-    margin: 25px 0;
-    text-align: center;
-    color: var(--light-grey);
-  }
+.title {
+  margin: 25px 0;
+  text-align: center;
+  color: var(--light-grey);
+}
 
-  .table-wrapper {
-    padding: 0 25px;
-    overflow-x: auto;
-  }
+.table-wrapper {
+  padding: 0 25px;
+  overflow-x: auto;
+}
 
-  table {
-    width: 100%;
-    color: var(--dark-grey);
-    margin: auto;
-    table-layout: fixed;
-    border-collapse: collapse;
-    overflow-x: scroll;
-  }
+table {
+  width: 100%;
+  color: var(--dark-grey);
+  margin: auto;
+  table-layout: fixed;
+  border-collapse: collapse;
+  overflow-x: scroll;
+}
 
-  #topics {
-    text-align: start;
-    width: 60%;
-  }
+#topics {
+  text-align: start;
+  width: 60%;
+}
 
-  th {
-    border-bottom: 2px solid var(--dark-grey);
-    padding-bottom: 10px;
-    font-size: 1.3rem;
-  }
+th {
+  border-bottom: 2px solid var(--dark-grey);
+  padding-bottom: 10px;
+  font-size: 1.3rem;
+}
 
-  td:not(:first-child) {
-    text-align: center;
-  }
+td:not(:first-child) {
+  text-align: center;
+}
 
-  td {
-    border-bottom: 1px solid var(--dark-grey);
-    padding: 20px 0;
-  }
+td {
+  border-bottom: 1px solid var(--dark-grey);
+  padding: 20px 0;
+}
 
-  .post-title {
-    font-size: 1.2rem;
-    color: var(--medium-grey);
-    text-decoration: none;
-  }
+.post-title {
+  font-size: 1.2rem;
+  color: var(--medium-grey);
+  text-decoration: none;
+}
 
-  .category {
-    padding: 3px;
-    color: var(--black);
-    text-decoration: none;
-    display: block;
-    width: fit-content;
-    margin: 10px 0 10px;
-  }
+.category {
+  padding: 3px;
+  color: var(--black);
+  text-decoration: none;
+  display: block;
+  width: fit-content;
+  margin: 10px 0 10px;
+}
 
-  .career {
-    background-color: var(--salmon-color);
-  }
+.career {
+  background-color: var(--salmon-color);
+}
 
-  .feedback,
-  .html-css {
-    background-color: var(--light-blue);
-  }
+.feedback,
+.html-css {
+  background-color: var(--light-blue);
+}
 
-  .support {
-    background-color: var(--light-orange);
-  }
+.support {
+  background-color: var(--light-orange);
+}
 
-  .general {
-    background-color: var(--light-green);
-  }
+.general {
+  background-color: var(--light-green);
+}
 
-  .javascript {
-    background-color: var(--golden-yellow);
-  }
+.javascript {
+  background-color: var(--golden-yellow);
+}
 
-  .backend {
-    background-color: var(--gold);
-  }
+.backend {
+  background-color: var(--gold);
+}
 
-  .python {
-    background-color: var(--green);
-  }
+.python {
+  background-color: var(--green);
+}
 
-  .motivation {
-    background-color: var(--peach);
-  }
+.motivation {
+  background-color: var(--peach);
+}
 
-  .avatar-container {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    flex-wrap: wrap;
-  }
+.avatar-container {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+  flex-wrap: wrap;
+}
 
-  .avatar-container img {
-    width: 30px;
-    height: 30px;
-  }
+.avatar-container img {
+  width: 30px;
+  height: 30px;
+}
 
-  @media (max-width: 750px) {
-    .table-wrapper {
-      padding: 0 15px;
-    }
+@media (max-width: 750px) {
+  .table-wrapper {
+    padding: 0 15px;
+  }
 
-    table {
-      width: 700px;
-    }
+  table {
+    width: 700px;
+  }
 
-    th {
-      font-size: 1.2rem;
-    }
+  th {
+    font-size: 1.2rem;
+  }
 
-    .post-title {
-      font-size: 1.1rem;
-    }
+  .post-title {
+    font-size: 1.1rem;
   }
+}
 ```
 
 ```js
-const forumLatest = "https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json";
-const forumTopicUrl = "https://forum.freecodecamp.org/t/";
-const forumCategoryUrl = "https://forum.freecodecamp.org/c/";
-const avatarUrl = "https://sea1.discourse-cdn.com/freecodecamp";
+const forumLatest =
+  'https://cdn.freecodecamp.org/curriculum/forum-latest/latest.json';
+const forumTopicUrl = 'https://forum.freecodecamp.org/t/';
+const forumCategoryUrl = 'https://forum.freecodecamp.org/c/';
+const avatarUrl = 'https://sea1.discourse-cdn.com/freecodecamp';
 
-const postsContainer = document.getElementById("posts-container");
+const postsContainer = document.getElementById('posts-container');
 
 const allCategories = {
-  299: { category: "Career Advice", className: "career" },
-  409: { category: "Project Feedback", className: "feedback" },
-  417: { category: "freeCodeCamp Support", className: "support" },
-  421: { category: "JavaScript", className: "javascript" },
-  423: { category: "HTML - CSS", className: "html-css" },
-  424: { category: "Python", className: "python" },
-  432: { category: "You Can Do This!", className: "motivation" },
-  560: { category: "Backend Development", className: "backend" },
+  299: { category: 'Career Advice', className: 'career' },
+  409: { category: 'Project Feedback', className: 'feedback' },
+  417: { category: 'freeCodeCamp Support', className: 'support' },
+  421: { category: 'JavaScript', className: 'javascript' },
+  423: { category: 'HTML - CSS', className: 'html-css' },
+  424: { category: 'Python', className: 'python' },
+  432: { category: 'You Can Do This!', className: 'motivation' },
+  560: { category: 'Backend Development', className: 'backend' }
 };
 
-const forumCategory = (id) => {
+const forumCategory = id => {
   let selectedCategory = {};
 
   if (allCategories.hasOwnProperty(id)) {
@@ -1336,8 +1442,8 @@ const forumCategory = (id) => {
     selectedCategory.className = className;
     selectedCategory.category = category;
   } else {
-    selectedCategory.className = "general";
-    selectedCategory.category = "General";
+    selectedCategory.className = 'general';
+    selectedCategory.category = 'General';
     selectedCategory.id = 1;
   }
   const url = `${forumCategoryUrl}${selectedCategory.className}/${id}`;
@@ -1349,7 +1455,7 @@ const forumCategory = (id) => {
   </a>`;
 };
 
-const timeAgo = (time) => {
+const timeAgo = time => {
   const currentTime = new Date();
   const lastPost = new Date(time);
 
@@ -1371,7 +1477,7 @@ const timeAgo = (time) => {
   return `${daysAgo}d ago`;
 };
 
-const viewCount = (views) => {
+const viewCount = views => {
   const thousands = Math.floor(views / 1000);
 
   if (views >= 1000) {
@@ -1383,17 +1489,17 @@ const viewCount = (views) => {
 
 const avatars = (posters, users) => {
   return posters
-    .map((poster) => {
-      const user = users.find((user) => user.id === poster.user_id);
+    .map(poster => {
+      const user = users.find(user => user.id === poster.user_id);
       if (user) {
         const avatar = user.avatar_template.replace(/{size}/, 30);
-        const userAvatarUrl = avatar.startsWith("/user_avatar/")
+        const userAvatarUrl = avatar.startsWith('/user_avatar/')
           ? avatarUrl.concat(avatar)
           : avatar;
         return `<img src="${userAvatarUrl}" alt="${user.name}" />`;
       }
     })
-    .join("");
+    .join('');
 };
 
 const fetchData = async () => {
@@ -1408,23 +1514,24 @@ const fetchData = async () => {
 
 fetchData();
 
-const showLatestPosts = (data) => {
+const showLatestPosts = data => {
   const { topic_list, users } = data;
   const { topics } = topic_list;
 
-  postsContainer.innerHTML = topics.map((item) => {
-    const {
-      id,
-      title,
-      views,
-      posts_count,
-      slug,
-      posters,
-      category_id,
-      bumped_at,
-    } = item;
-
-    return `
+  postsContainer.innerHTML = topics
+    .map(item => {
+      const {
+        id,
+        title,
+        views,
+        posts_count,
+        slug,
+        posters,
+        category_id,
+        bumped_at
+      } = item;
+
+      return `
     <tr>
       <td>
        <a class="post-title" target="_blank" href="${forumTopicUrl}${slug}/${id}">
@@ -1441,6 +1548,7 @@ const showLatestPosts = (data) => {
       <td>${viewCount(views)}</td>
       <td>${timeAgo(bumped_at)}</td>
     </tr>`;
-  }).join("");
+    })
+    .join('');
 };
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md b/curriculum/challenges/korean/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
index bcee8d5814..4d809d6a10 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
@@ -23,6 +23,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. If the quantity after the subtraction is zero, `removeProduct` should remove the product object from the inventory. If the quantity in the inventory is not enough to perform the subtraction, the `removeProduct` function should log the string `Not enough <product-name> available, remaining pieces: <product-quantity>` to the console.
 1. If the product to remove is not present in the inventory, the `removeProduct` function should log `<product-name> not found` to the console.
 
+**Note:** To prevent conflicts, keep only the logging mentioned in the user stories when running tests.
+
 # --hints--
 
 You should declare an empty array named `inventory`.
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md b/curriculum/challenges/korean/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
index 332c23a7dd..fba79087f2 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
@@ -19,8 +19,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 4. To check if the year is a leap year, fulfill the following conditions:
 
    - If the year is divisible by `4`, then it is a leap year.
-   - If the year is divisible by `100`, then it is not a leap year.
-   - If the year is divisible by `400`, then it is a leap year.
+   - Unless the year is also divisible by `100`, then it is not a leap year.
+   - Unless the year is also divisible by `400`, then it is a leap year.
 
 5. If the year is a leap year, return `[year] is a leap year.`. Otherwise, return `[year] is not a leap year.`. You will replace `[year]` with the parameter defined in the `isLeapYear` function.
 6. You should call the `isLeapYear` function with `year` as the argument and assign the result to a variable named `result`.
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md b/curriculum/challenges/korean/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
index 95436a06ec..d6e3ed7399 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-lightbox-viewer/66db57ad34c7089b9b41bfd6.md
@@ -27,8 +27,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. Your `.lightbox` element should have a fixed position so that the preview opens on top of the current images.
 1. Your `.lightbox` element should cover the entire viewport by setting the height and width to 100% of the container. You should ensure that the lightbox element starts at the top left corner of the container.
 1. `.lightbox` should have a background color. Initially, its `display` property should be set to `none` to hide it.
-1. When you click one of your `.gallery-item` elements, the `.lightbox` element’s `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
-1. When you click one of your `.gallery-item` elements, the `#lightbox-image` element’s `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image’s `src` attribute. The full-size images are located at the following links:
+1. When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make `.lightbox` and the two elements within it visible.
+1. When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute. The full-size images are located at the following links:
 
     - `https://cdn.freecodecamp.org/curriculum/labs/stonehenge.jpg`
     - `https://cdn.freecodecamp.org/curriculum/labs/storm.jpg`
@@ -151,7 +151,7 @@ Your `.lightbox` element should be hidden initially.
 assert.equal(new __helpers.CSSHelp(document).getStyle('.lightbox')?.display, 'none');
 ```
 
-When you click one of your `.gallery-item` elements, the `.lightbox` element’s `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
+When you click one of your `.gallery-item` elements, the `.lightbox` element's `display` property should be set to `flex` to make to make `.lightbox` and the two elements within it visible.
 
 ```js
 // Get the lightbox element
@@ -178,7 +178,7 @@ galleryItem.dispatchEvent(new Event('click'));
 assert.strictEqual(getComputedDisplay(lightbox), 'flex');
 ```
 
-When you click one of your `.gallery-item` elements, the `#lightbox-image` element’s `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image’s `src` attribute.
+When you click one of your `.gallery-item` elements, the `#lightbox-image` element's `src` should be set to a full-size version of the image clicked by removing `-thumbnail` from the image's `src` attribute.
 
 ```js
 // Select gallery items and lightbox image element
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md b/curriculum/challenges/korean/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
new file mode 100644
index 0000000000..76e6b39645
--- /dev/null
+++ b/curriculum/challenges/korean/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
@@ -0,0 +1,263 @@
+---
+id: 6735a7370e0ae93a4577c689
+title: Design a Magazine Layout
+challengeType: 25
+dashedName: design-a-magazine-layout
+demoType: onClick
+---
+
+# --description--
+
+In this lab, you will design a magazine layout using CSS Grid, including concepts like grid rows and grid columns.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should have a `main` element with the class `magazine-cover`.
+
+2. Your `.magazine-cover` should contain a `header` element for the title with the class `title`.
+
+3. You should have four `section` elements in your page. The first three sections for magazine articles and a fourth `section` element for a cover image.
+
+4. The four `section` elements should have a `class` attribute of `feature-article`, `small-article1`, `small-article2`, and `cover-image`, respectively.
+
+5. You should set the `display` property of `.magazine-cover` to `grid.`
+
+6. The `.magazine-cover` should have a `grid-template-areas` property that defines the layout of the grid:
+
+   - The title spanning the top row.
+   - A feature article spanning two columns and a cover image in the second row.
+   - Two small articles and the cover image in the third row.
+
+7. The `.magazine-cover` should have a `grid-template-columns` property that divides the space into three equal parts.
+
+8. The `.magazine-cover` should have a `grid-template-rows` property. It should be set to `auto` for the first row, and divide equally the space occupied by the remaining two rows.
+
+9. You should add a gap between grid items and set the width of the `.magazine-cover` to occupy most of the viewport width.
+
+**Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
+
+# --hints--
+
+You should have a `main` element.
+
+```js
+assert.exists(document.querySelector('main'));
+```
+
+Your `main` element should have a `class` of `magazine-cover`.
+
+```js
+assert.exists(document.querySelector('main.magazine-cover'));
+```
+
+You should have a `header` element within your `main` element.
+
+```js
+assert.exists(document.querySelector("main > header"));
+```
+
+Your `header` element should have a `class` of `title` and should contain some text.
+
+```js
+const header = document.querySelector("header.title");
+assert.exists(header);
+assert.isAbove(header.innerText.length, 0);
+```
+
+You should have a `section` element for each article and the cover image, with classes `feature-article`, `small-article1`, `small-article2`, and `cover-image` respectively.
+
+```js
+const featureArticle = document.querySelector('section.feature-article');
+const smallArticle1 = document.querySelector('section.small-article1');
+const smallArticle2 = document.querySelector('section.small-article2');
+const coverImage = document.querySelector('section.cover-image');
+
+assert.exists(featureArticle);
+assert.exists(smallArticle1);
+assert.exists(smallArticle2);
+assert.exists(coverImage);
+```
+
+The `display` property of the `.magazine-cover` should be set to `grid`.
+
+```js
+assert.equal(getComputedStyle(document.querySelector('.magazine-cover')).display, 'grid');
+```
+
+Your `.magazine-cover` should have a `grid-template-areas` property with `title` spanning all three columns of the first row.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /^("|')title title title\1/);
+```
+
+The second row of the grid template should contain a `feature article` spanning two columns and a `cover image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /.("|')feature-article feature-article cover-image\1./);
+```
+
+The third row of the grid template should contain `small-article1`, `small-article2`, and `cover-image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /("|')small-article1 small-article2 cover-image\1$/);
+```
+
+Your `.magazine-cover` class should have a `grid-template-columns` property set to `1fr 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateColumns, '1fr 1fr 1fr');
+```
+
+Your `.magazine-cover` class should have a `grid-template-rows` property set to `auto 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateRows, 'auto 1fr 1fr');
+```
+
+You should add a gap of `10px` between grid items.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gap, '10px');
+```
+
+The `.title` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.title')?.gridArea, 'title');
+```
+
+The `.feature-article` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.feature-article')?.gridArea, 'feature-article');
+```
+
+The `.cover-image` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.cover-image')?.gridArea, 'cover-image');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+<meta charset="utf-8">
+<title>Magazine Layout</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
+```
+
+```css
+
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Adventure Magazine</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <main class="magazine-cover">
+      <header class="title">
+          <h1>Adventure Awaits</h1>
+      </header>
+      <section class="feature-article">
+          <h2>Top 10 Exotic Destinations for 2024</h2>
+          <p>Discover the most breathtaking places to visit this year, from hidden beaches to mountain retreats. Our guide takes you through the best spots for your next adventure.</p>
+      </section>
+      <section class="small-article1">
+          <h3>Gear Up: Must-Have Gadgets</h3>
+          <p>Check out the latest tech and gear to make your travels more exciting and comfortable.</p>
+      </section>
+      <section class="small-article2">
+          <h3>Meet the Explorers</h3>
+          <p>Get to know the modern adventurers who are pushing the boundaries of exploration.</p>
+      </section>
+      <section class="cover-image">
+          <img src="https://cdn.freecodecamp.org/curriculum/labs/magazine-cover.png" alt="Adventure Cover Image">
+      </section>
+  </main>
+</body>
+</html>
+```
+
+```css
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-color: #f0f0f0;
+}
+
+.magazine-cover {
+  display: grid;
+  grid-template-areas: 
+      "title title title"
+      "feature-article feature-article cover-image"
+      "small-article1 small-article2 cover-image";
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: auto 1fr 1fr;
+  gap: 10px;
+  width: 80%;
+  background-color: #fff;
+}
+
+.title {
+  grid-area: title;
+  background-color: #1B1B32;
+  color: white;
+  padding: 10px;
+  text-align: center;
+}
+
+.feature-article {
+  grid-area: feature-article;
+  background-color: #f9f9f9;
+  padding: 10px;
+}
+
+.small-article1, .small-article2 {
+  background-color: #e9e9e9;
+  padding: 10px;
+}
+
+.cover-image {
+  grid-area: cover-image;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ddd;
+  padding: 10px;
+}
+
+.cover-image img {
+  max-width: 100%;
+  height: auto;
+} 
+```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md b/curriculum/challenges/korean/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
index 3a892ab0e3..9db0fcc7f9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-mood-board/673b3d6b7ef7318eef926d5a.md
@@ -1,7 +1,7 @@
 ---
 id: 673b3d6b7ef7318eef926d5a
 title: Build a Mood Board
-challengeType: 14
+challengeType: 25
 dashedName: build-a-mood-board
 demoType: onClick
 ---
@@ -36,20 +36,23 @@ You can use the following images in your Mood Board if you would like:
 - `https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg`
 - `https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg`
 
-
 # --hints--
 
 You should export a `MoodBoardItem` component.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
 assert.lengthOf(mockedComponent.find('MoodBoardItem'), 1);
 ```
 
 Your `MoodBoardItem` component should return a `div` with a class of `mood-board-item` at its top-level element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
 assert.equal(mockedComponent.childAt(0).type(), 'div');
 assert.isTrue(mockedComponent.childAt(0).hasClass('mood-board-item'));
 ```
@@ -57,16 +60,23 @@ assert.isTrue(mockedComponent.childAt(0).hasClass('mood-board-item'));
 The background color of the `.mood-board-item` element should be set to the value of `color` prop using inline styles.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ color: "colorValue" });
-assert.equal(mockedComponent.find('.mood-board-item').prop('style').backgroundColor, 'colorValue');
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ color: 'colorValue' });
+assert.equal(
+  mockedComponent.find('.mood-board-item').prop('style').backgroundColor,
+  'colorValue'
+);
 ```
 
 Your `MoodBoardItem` component should render an `img` element with a class of `mood-board-image` and its `src` set to the value of the `image` prop.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ image: "imageValue" });
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ image: 'imageValue' });
 const img = mockedComponent.find('img.mood-board-image');
 assert.lengthOf(img, 1);
 assert.equal(img.prop('src'), 'imageValue');
@@ -75,8 +85,10 @@ assert.equal(img.prop('src'), 'imageValue');
 Your `MoodBoardItem` component should render an `h3` element with a class of `mood-board-text` and its text set to the value of the `description` prop.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoardItem));
-mockedComponent.setProps({ description: "descriptionValue" });
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoardItem)
+);
+mockedComponent.setProps({ description: 'descriptionValue' });
 const h3 = mockedComponent.find('h3.mood-board-text');
 assert.lengthOf(h3, 1);
 assert.equal(h3.text(), 'descriptionValue');
@@ -85,21 +97,27 @@ assert.equal(h3.text(), 'descriptionValue');
 You should export a `MoodBoard` component.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.lengthOf(mockedComponent.find('MoodBoard'), 1);
 ```
 
 Your `MoodBoard` component should return a `div` as its top-level element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.equal(mockedComponent.childAt(0).type(), 'div');
 ```
 
 Your `MoodBoard` component should render an `h1` element with a class of `mood-board-heading` and the text `Destination Mood Board`.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 const h1 = mockedComponent.find('h1.mood-board-heading');
 assert.lengthOf(h1, 1);
 assert.equal(h1.text(), 'Destination Mood Board');
@@ -108,9 +126,11 @@ assert.equal(h1.text(), 'Destination Mood Board');
 Your `MoodBoard` component should render at least three `MoodBoardItem` components, each should pass `color`, `image`, and `description` props with valid values.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 const mbItems = mockedComponent.find(window.index.MoodBoardItem);
-assert.isAtLeast(mbItems.length, 3)
+assert.isAtLeast(mbItems.length, 3);
 const propsList = mbItems.map(item => item.props());
 propsList.forEach(({ color, image, description }) => {
   assert.isAtLeast(color.length, 1);
@@ -122,7 +142,9 @@ propsList.forEach(({ color, image, description }) => {
 Your `MoodBoard` component should be rendered to the page's `#root` element.
 
 ```js
-const mockedComponent = Enzyme.mount(React.createElement(window.index.MoodBoard));
+const mockedComponent = Enzyme.mount(
+  React.createElement(window.index.MoodBoard)
+);
 assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ```
 
@@ -131,85 +153,83 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Mood Board</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { MoodBoard } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <MoodBoard />
-        );
+      import { MoodBoard } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <MoodBoard />
+      );
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 body {
-    background-color: #ffffcc;
+  background-color: #ffffcc;
 }
 
 .mood-board-heading {
-    text-align: center;
-    font-size: 2.5em;
-    color: #333;
-    margin-top: 20px;
+  text-align: center;
+  font-size: 2.5em;
+  color: #333;
+  margin-top: 20px;
 }
 
 .mood-board {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    padding: 20px;
-    max-width: 900px;
-    margin: 0 auto;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
 }
 
 .mood-board-item {
-    border-radius: 10px;
-    padding: 10px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    text-align: center;
-    height: 250px;
+  border-radius: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  height: 250px;
 }
 
 .mood-board-image {
-    border-radius: 5px;
-    width: 180px;
-    height:150px;
-    object-fit: cover;
+  border-radius: 5px;
+  width: 180px;
+  height: 150px;
+  object-fit: cover;
 }
 
 .mood-board-text {
-    margin-top: 20px;
-    font-size: 1.2em;
+  margin-top: 20px;
+  font-size: 1.2em;
 }
 ```
 
@@ -220,94 +240,92 @@ body {
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Mood Board</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { MoodBoard } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <MoodBoard />
-        );
+      import { MoodBoard } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(
+        <MoodBoard />
+      );
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 body {
-    background-color: #ffffcc;
+  background-color: #ffffcc;
 }
 
 .mood-board-heading {
-    text-align: center;
-    font-size: 2.5em;
-    color: #333;
-    margin-top: 20px;
+  text-align: center;
+  font-size: 2.5em;
+  color: #333;
+  margin-top: 20px;
 }
 
 .mood-board {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    padding: 20px;
-    max-width: 900px;
-    margin: 0 auto;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  padding: 20px;
+  max-width: 900px;
+  margin: 0 auto;
 }
 
 .mood-board-item {
-    border-radius: 10px;
-    padding: 10px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: #fff;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-    text-align: center;
-    height: 250px;
+  border-radius: 10px;
+  padding: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+  text-align: center;
+  height: 250px;
 }
 
 .mood-board-image {
-    border-radius: 5px;
-    width: 180px;
-    height:150px;
-    object-fit: cover;
+  border-radius: 5px;
+  width: 180px;
+  height: 150px;
+  object-fit: cover;
 }
 
 .mood-board-text {
-    margin-top: 20px;
-    font-size: 1.2em;
+  margin-top: 20px;
+  font-size: 1.2em;
 }
 ```
 
 ```jsx
 export function MoodBoardItem(props) {
   return (
-    <div className="mood-board-item" style={{ backgroundColor: props.color }}>
-      <img src={props.image} alt="Mood" className="mood-board-image" />
-      <h3 className="mood-board-text">{props.description}</h3>
+    <div className='mood-board-item' style={{ backgroundColor: props.color }}>
+      <img src={props.image} alt='Mood' className='mood-board-image' />
+      <h3 className='mood-board-text'>{props.description}</h3>
     </div>
   );
 }
@@ -315,37 +333,37 @@ export function MoodBoardItem(props) {
 export function MoodBoard() {
   return (
     <div>
-      <h1 className="mood-board-heading">Destination Mood Board</h1>
-      <div className="mood-board">
+      <h1 className='mood-board-heading'>Destination Mood Board</h1>
+      <div className='mood-board'>
         <MoodBoardItem
-          color="#2da64f"
-          image="https://cdn.freecodecamp.org/curriculum/labs/pathway.jpg"
-          description="Carribean"
+          color='#2da64f'
+          image='https://cdn.freecodecamp.org/curriculum/labs/pathway.jpg'
+          description='Carribean'
         />
         <MoodBoardItem
-          color="#8e44ad"
-          image="https://cdn.freecodecamp.org/curriculum/labs/shore.jpg"
-          description="Gawadar Beach"
+          color='#8e44ad'
+          image='https://cdn.freecodecamp.org/curriculum/labs/shore.jpg'
+          description='Gawadar Beach'
         />
         <MoodBoardItem
-          color="#3498db"
-          image="https://cdn.freecodecamp.org/curriculum/labs/grass.jpg"
-          description="Cape Town"
+          color='#3498db'
+          image='https://cdn.freecodecamp.org/curriculum/labs/grass.jpg'
+          description='Cape Town'
         />
         <MoodBoardItem
-          color="#bf3d7e"
-          image="https://cdn.freecodecamp.org/curriculum/labs/ship.jpg"
-          description="Suez Canal"
+          color='#bf3d7e'
+          image='https://cdn.freecodecamp.org/curriculum/labs/ship.jpg'
+          description='Suez Canal'
         />
         <MoodBoardItem
-          color="#e74c3c"
-          image="https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg"
-          description="Santorini"
+          color='#e74c3c'
+          image='https://cdn.freecodecamp.org/curriculum/labs/santorini.jpg'
+          description='Santorini'
         />
         <MoodBoardItem
-          color="#95a5a6"
-          image="https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg"
-          description="Istanbul"
+          color='#95a5a6'
+          image='https://cdn.freecodecamp.org/curriculum/labs/pigeon.jpg'
+          description='Istanbul'
         />
       </div>
     </div>
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md b/curriculum/challenges/korean/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
index d5e93675f7..99d14778b0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
@@ -13,7 +13,7 @@ In this lab, you'll practice using functions by building a random password gener
 
 **User Stories:**
 
-1. You should create a function called `generatePassword` that takes a parameter. You can name the parameter whatever you like.
+1. You should create a function called `generatePassword` that takes a parameter, indicating the length of generated password. You can name the parameter whatever you like.
 2. Your function should return a string which represents a randomly generated password. You should use the following string and different `Math` methods to help you return a new string with random characters in it: `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()`.
 3. You should define a variable called `password` and assign it the result of calling the `generatePassword` function with a numeric argument that represents the desired password length.
 4. You should have a `console.log` that logs the message `"Generated password:"` followed by the `password` variable.
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md b/curriculum/challenges/korean/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
index 169374184d..58c5d4caf0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
@@ -31,8 +31,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 Your portfolio should have a "Welcome" section with an `id` of `welcome-section`.
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 Your `#welcome-section` element should contain an `h1` element.
@@ -51,16 +51,15 @@ You should not have any empty `h1` elements within `#welcome-section` element.
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 You should have a "Projects" section with an `id` of `project-section`.
 
 ```js
-const el = document.getElementById('project-section')
-assert(!!el);
+const el = document.getElementById('project-section');
+assert.isNotNull(el);
 ```
 
 Your portfolio should contain at least one element with a class of `project-tile`.
@@ -82,35 +81,33 @@ Your portfolio should have a navbar with an `id` of `navbar`.
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#navbar` element should contain at least one `a` element whose `href` attribute starts with `#`.
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 Your portfolio should have an `a` element with an `id` of `profile-link`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Your `#profile-link` element should have a `target` attribute of `_blank`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Your portfolio should use at least one media query.
@@ -118,14 +115,15 @@ Your portfolio should use at least one media query.
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 Your `#navbar` element should always be at the top of the viewport.
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -133,7 +131,7 @@ Your `#navbar` element should always be at the top of the viewport.
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -144,8 +142,7 @@ Your `#navbar` element should always be at the top of the viewport.
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -156,16 +153,13 @@ Your `#navbar` element should always be at the top of the viewport.
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Personal Portfolio</title>
-</head>
-<body>
-
-</body>
-
+  </head>
+  <body></body>
 </html>
 ```
 
@@ -176,31 +170,41 @@ Your `#navbar` element should always be at the top of the viewport.
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <link rel="stylesheet" href="styles.css" />
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
-    <link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet" />
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
+      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+
+  <body>
     <!-- START NAV -->
 
     <nav id="navbar" class="nav">
-        <ul class="nav-list">
-            <li>
-                <a href="#welcome-section">About</a>
-            </li>
-            <li>
-                <a href="#project-section">Work</a>
-            </li>
-            <li>
-                <a href="#contact">Contact</a>
-            </li>
-        </ul>
+      <ul class="nav-list">
+        <li>
+          <a href="#welcome-section">About</a>
+        </li>
+        <li>
+          <a href="#project-section">Work</a>
+        </li>
+        <li>
+          <a href="#contact">Contact</a>
+        </li>
+      </ul>
     </nav>
 
     <!-- END NAV -->
@@ -208,8 +212,8 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START WELCOME SECTION -->
 
     <section id="welcome-section" class="welcome-section">
-        <h1>Hey I am Mimic</h1>
-        <p>a web developer</p>
+      <h1>Hey I am Mimic</h1>
+      <p>a web developer</p>
     </section>
 
     <!-- END WELCOME SECTION -->
@@ -217,68 +221,113 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START PROJECTS SECTION -->
 
     <section id="project-section" class="projects-section">
-        <h2 class="projects-section-header">These are some of my projects</h2>
-
-        <div class="projects-grid">
-            <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tribute Page
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Random Quote Machine
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    JavaScript Calculator
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Map Data Across the Globe
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wGqEga" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Wikipedia Viewer
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/KzXQgy" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png" alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tic Tac Toe Game
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-        </div>
-
-        <a href="https://codepen.io/FreeCodeCamp/" class="btn btn-show-all" target="_blank">Show all<i
-                class="fas fa-chevron-right"></i></a>
+      <h2 class="projects-section-header">These are some of my projects</h2>
+
+      <div class="projects-grid">
+        <a
+          href="https://codepen.io/freeCodeCamp/full/zNqgVx"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tribute Page
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/qRZeGZ"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Random Quote Machine
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wgGVVX"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            JavaScript Calculator
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/mVEJag"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Map Data Across the Globe
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wGqEga"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Wikipedia Viewer
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/KzXQgy"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tic Tac Toe Game
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+      </div>
+
+      <a
+        href="https://codepen.io/FreeCodeCamp/"
+        class="btn btn-show-all"
+        target="_blank"
+        >Show all<i class="fas fa-chevron-right"></i
+      ></a>
     </section>
 
     <!-- END PROJECTS SECTION -->
@@ -286,20 +335,37 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START CONTACT SECTION -->
 
     <section id="contact" class="contact-section">
-        <div class="contact-section-header">
-            <h2>Let's work together...</h2>
-            <p>How do you take your coffee?</p>
-        </div>
-        <div class="contact-links">
-            <a href="https://facebook.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-facebook-square"></i> Facebook</a>
-            <a id="profile-link" href="https://github.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-github"></i> GitHub</a>
-            <a href="https://twitter.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-twitter"></i> Twitter</a>
-            <a href="mailto:example@example.com" class="btn contact-details"><i class="fas fa-at"></i> Send a mail</a>
-            <a href="tel:555-555-5555" class="btn contact-details"><i class="fas fa-mobile-alt"></i> Call me</a>
-        </div>
+      <div class="contact-section-header">
+        <h2>Let's work together...</h2>
+        <p>How do you take your coffee?</p>
+      </div>
+      <div class="contact-links">
+        <a
+          href="https://facebook.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-facebook-square"></i> Facebook</a
+        >
+        <a
+          id="profile-link"
+          href="https://github.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-github"></i> GitHub</a
+        >
+        <a
+          href="https://twitter.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-twitter"></i> Twitter</a
+        >
+        <a href="mailto:example@example.com" class="btn contact-details"
+          ><i class="fas fa-at"></i> Send a mail</a
+        >
+        <a href="tel:555-555-5555" class="btn contact-details"
+          ><i class="fas fa-mobile-alt"></i> Call me</a
+        >
+      </div>
     </section>
 
     <!-- END CONTACT SECTION -->
@@ -307,54 +373,58 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START FOOTER SECTION -->
 
     <footer>
-        <p>
-            **This is just a fake portfolio. All the projects and contact details
-            given are not real.
-        </p>
-        <p>
-            &copy; Created for
-            <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp <i
-                    class="fab fa-free-code-camp"></i></a>
-        </p>
+      <p>
+        **This is just a fake portfolio. All the projects and contact details
+        given are not real.
+      </p>
+      <p>
+        &copy; Created for
+        <a href="https://www.freecodecamp.org/" target="_blank"
+          >freeCodeCamp <i class="fab fa-free-code-camp"></i
+        ></a>
+      </p>
     </footer>
 
     <!-- END FOOTER SECTION -->
+</body>
 </body>
 
+  </body>
+
 </html>
 ```
 
 ```css
 /* Custom properties/variables  */
 :root {
-    --main-white: #f0f0f0;
-    --main-red: #be3144;
-    --main-blue: #45567d;
-    --main-gray: #303841;
+  --main-white: #f0f0f0;
+  --main-red: #be3144;
+  --main-blue: #45567d;
+  --main-gray: #303841;
 }
 
 /* Base reset */
 * {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* box-sizing and font sizing */
 *,
 *::before,
 *::after {
-    box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 html {
-    box-sizing: border-box;
+  box-sizing: border-box;
 
-    /* Set font size for easy rem calculations
+  /* Set font size for easy rem calculations
    * default document font size = 16px, 1rem = 16px, 100% = 16px
    * (100% / 16px) * 10 = 62.5%, 1rem = 10px, 62.5% = 10px
   */
-    font-size: 62.5%;
-    scroll-behavior: smooth;
+  font-size: 62.5%;
+  scroll-behavior: smooth;
 }
 
 /* A few media query to set some font sizes at different screen sizes.
@@ -374,287 +444,287 @@ html {
 
 /* 1200px / 16px = 75em */
 @media (max-width: 75em) {
-    html {
-        font-size: 60%;
-    }
+  html {
+    font-size: 60%;
+  }
 }
 
 /* 980px / 16px = 61.25em */
 @media (max-width: 61.25em) {
-    html {
-        font-size: 58%;
-    }
+  html {
+    font-size: 58%;
+  }
 }
 
 /* 460px / 16px = 28.75em */
 @media (max-width: 28.75em) {
-    html {
-        font-size: 55%;
-    }
+  html {
+    font-size: 55%;
+  }
 }
 
 /* Base styles */
 
 body {
-    font-family: 'Poppins', sans-serif;
-    font-size: 1.8rem;
-    /* 18px */
-    font-weight: 400;
-    line-height: 1.4;
-    color: var(--main-white);
+  font-family: 'Poppins', sans-serif;
+  font-size: 1.8rem;
+  /* 18px */
+  font-weight: 400;
+  line-height: 1.4;
+  color: var(--main-white);
 }
 
 h1,
 h2 {
-    font-family: 'Raleway', sans-serif;
-    font-weight: 700;
-    text-align: center;
+  font-family: 'Raleway', sans-serif;
+  font-weight: 700;
+  text-align: center;
 }
 
 h1 {
-    font-size: 6rem;
+  font-size: 6rem;
 }
 
 h2 {
-    font-size: 4.2rem;
+  font-size: 4.2rem;
 }
 
 ul {
-    list-style: none;
+  list-style: none;
 }
 
 a {
-    text-decoration: none;
-    color: var(--main-white);
+  text-decoration: none;
+  color: var(--main-white);
 }
 
 img {
-    display: block;
-    width: 100%;
+  display: block;
+  width: 100%;
 }
 
 /* nav */
 
 .nav {
-    display: flex;
-    justify-content: flex-end;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    background: var(--main-red);
-    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
-    z-index: 10;
+  display: flex;
+  justify-content: flex-end;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: var(--main-red);
+  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
+  z-index: 10;
 }
 
 .nav-list {
-    display: flex;
-    margin-right: 2rem;
+  display: flex;
+  margin-right: 2rem;
 }
 
 @media (max-width: 28.75em) {
-    .nav {
-        justify-content: center;
-    }
+  .nav {
+    justify-content: center;
+  }
 
-    .nav-list {
-        margin: 0 1rem;
-    }
+  .nav-list {
+    margin: 0 1rem;
+  }
 }
 
 .nav-list a {
-    display: block;
-    font-size: 2.2rem;
-    padding: 2rem;
+  display: block;
+  font-size: 2.2rem;
+  padding: 2rem;
 }
 
 .nav-list a:hover {
-    background: var(--main-blue);
+  background: var(--main-blue);
 }
 
 /* Welcome section */
 
 .welcome-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100vh;
-    background-color: #000;
-    background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+  background-color: #000;
+  background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
 }
 
-.welcome-section>p {
-    font-size: 3rem;
-    font-weight: 200;
-    font-style: italic;
-    color: var(--main-red);
+.welcome-section > p {
+  font-size: 3rem;
+  font-weight: 200;
+  font-style: italic;
+  color: var(--main-red);
 }
 
 /* Projects section */
 
 .projects-section {
-    text-align: center;
-    padding: 10rem 2rem;
-    background: var(--main-blue);
+  text-align: center;
+  padding: 10rem 2rem;
+  background: var(--main-blue);
 }
 
 .projects-section-header {
-    max-width: 640px;
-    margin: 0 auto 6rem auto;
-    border-bottom: 0.2rem solid var(--main-white);
+  max-width: 640px;
+  margin: 0 auto 6rem auto;
+  border-bottom: 0.2rem solid var(--main-white);
 }
 
 @media (max-width: 28.75em) {
-    .projects-section-header {
-        font-size: 4rem;
-    }
+  .projects-section-header {
+    font-size: 4rem;
+  }
 }
 
 /* "Automagic" image grid using no media queries */
 .projects-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    grid-gap: 4rem;
-    width: 100%;
-    max-width: 1280px;
-    margin: 0 auto;
-    margin-bottom: 6rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  grid-gap: 4rem;
+  width: 100%;
+  max-width: 1280px;
+  margin: 0 auto;
+  margin-bottom: 6rem;
 }
 
 @media (max-width: 30.625em) {
-    .projects-section {
-        padding: 6rem 1rem;
-    }
+  .projects-section {
+    padding: 6rem 1rem;
+  }
 
-    .projects-grid {
-        grid-template-columns: 1fr;
-    }
+  .projects-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 .project {
-    background: var(--main-gray);
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-    border-radius: 2px;
+  background: var(--main-gray);
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 2px;
 }
 
 .code {
-    color: var(--main-gray);
-    transition: color 0.3s ease-out;
+  color: var(--main-gray);
+  transition: color 0.3s ease-out;
 }
 
 .project:hover .code {
-    color: #ff7f50;
+  color: #ff7f50;
 }
 
 .project-image {
-    height: calc(100% - 6.8rem);
-    width: 100%;
-    object-fit: cover;
+  height: calc(100% - 6.8rem);
+  width: 100%;
+  object-fit: cover;
 }
 
 .project-title {
-    font-size: 2rem;
-    padding: 2rem 0.5rem;
+  font-size: 2rem;
+  padding: 2rem 0.5rem;
 }
 
 .btn {
-    display: inline-block;
-    padding: 1rem 2rem;
-    border-radius: 2px;
+  display: inline-block;
+  padding: 1rem 2rem;
+  border-radius: 2px;
 }
 
 .btn-show-all {
-    font-size: 2rem;
-    background: var(--main-gray);
-    transition: background 0.3s ease-out;
+  font-size: 2rem;
+  background: var(--main-gray);
+  transition: background 0.3s ease-out;
 }
 
 .btn-show-all:hover {
-    background: var(--main-red);
+  background: var(--main-red);
 }
 
-.btn-show-all:hover>i {
-    transform: translateX(2px);
+.btn-show-all:hover > i {
+  transform: translateX(2px);
 }
 
-.btn-show-all>i {
-    margin-left: 10px;
-    transform: translateX(0);
-    transition: transform 0.3s ease-out;
+.btn-show-all > i {
+  margin-left: 10px;
+  transform: translateX(0);
+  transition: transform 0.3s ease-out;
 }
 
 /* Contact section */
 
 .contact-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    width: 100%;
-    height: 80vh;
-    padding: 0 2rem;
-    background: var(--main-gray);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  height: 80vh;
+  padding: 0 2rem;
+  background: var(--main-gray);
 }
 
-.contact-section-header>h2 {
-    font-size: 6rem;
+.contact-section-header > h2 {
+  font-size: 6rem;
 }
 
 @media (max-width: 28.75em) {
-    .contact-section-header>h2 {
-        font-size: 4rem;
-    }
+  .contact-section-header > h2 {
+    font-size: 4rem;
+  }
 }
 
-.contact-section-header>p {
-    font-style: italic;
+.contact-section-header > p {
+  font-style: italic;
 }
 
 .contact-links {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    max-width: 980px;
-    margin-top: 4rem;
-    flex-wrap: wrap;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  max-width: 980px;
+  margin-top: 4rem;
+  flex-wrap: wrap;
 }
 
 .contact-details {
-    font-size: 2.4rem;
-    text-shadow: 2px 2px 1px #1f1f1f;
-    transition: transform 0.3s ease-out;
+  font-size: 2.4rem;
+  text-shadow: 2px 2px 1px #1f1f1f;
+  transition: transform 0.3s ease-out;
 }
 
 .contact-details:hover {
-    transform: translateY(8px);
+  transform: translateY(8px);
 }
 
 /* Footer */
 
 footer {
-    font-weight: 300;
-    display: flex;
-    justify-content: space-evenly;
-    padding: 2rem;
-    background: var(--main-gray);
-    border-top: 4px solid var(--main-red);
+  font-weight: 300;
+  display: flex;
+  justify-content: space-evenly;
+  padding: 2rem;
+  background: var(--main-gray);
+  border-top: 4px solid var(--main-red);
 }
 
-footer>p {
-    margin: 2rem;
+footer > p {
+  margin: 2rem;
 }
 
 footer i {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 @media (max-width: 28.75em) {
-    footer {
-        flex-direction: column;
-        text-align: center;
-    }
+  footer {
+    flex-direction: column;
+    text-align: center;
+  }
 }
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md b/curriculum/challenges/korean/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
index 1b438c876a..acff6dff75 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-product-landing-page/587d78af367417b2b2512b04.md
@@ -63,7 +63,7 @@ assert.exists(el);
 assert.exists(el.src); 
 ```
 
-Your `#header-img`’s `src` value should be a valid URL (starts with `http`).
+Your `#header-img`'s `src` value should be a valid URL (starts with `http`).
 
 ```js
 const el = document.getElementById('header-img');
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md b/curriculum/challenges/korean/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
index b2b2ee5251..50fb324f91 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
@@ -43,12 +43,14 @@ questions.forEach(question => {
 The `category` key should have the value of a string representing a question category.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({category}) => assert.isString(category));
 ```
 
 The `question` key should have the value of a string representing a question.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({question}) => {
     assert.isString(question);
     assert.include(question, '?');
@@ -58,6 +60,7 @@ questions.forEach(({question}) => {
 The `choices` key should have the value of an array containing three strings.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({choices}) => {
     assert.isArray(choices);
     assert.lengthOf(choices, 3);
@@ -68,12 +71,14 @@ questions.forEach(({choices}) => {
 The `answer` key should have the value of a string.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer}) => assert.isString(answer));
 ```
 
 The value of `answer` should be included in the `choices` array.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer, choices}) => assert.oneOf(answer, choices));
 ```
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md b/curriculum/challenges/korean/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
index 39886846a1..d7f946044f 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-reusable-footer/673b02b03134b04637bf7055.md
@@ -1,7 +1,7 @@
 ---
 id: 673b02b03134b04637bf7055
 title: Build a Reusable Footer
-challengeType: 14
+challengeType: 25
 dashedName: build-a-reusable-footer
 demoType: onClick
 ---
@@ -32,22 +32,29 @@ assert.lengthOf(mockedComponent.find('Footer'), 1);
 Your `Footer` component should return a `footer` element.
 
 ```js
-assert.equal(Enzyme.shallow(React.createElement(window.index.Footer)).type(), 'footer');
+assert.equal(
+  Enzyme.shallow(React.createElement(window.index.Footer)).type(),
+  'footer'
+);
 ```
 
 Your `footer` should have at least three unordered lists.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('ul').length, 3);
 ```
 
 Each of your unordered lists should have at least two list items.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 const uls = mockedComponent.find('ul');
-uls.forEach(ul => {  
+uls.forEach(ul => {
   assert.isAtLeast(ul.find('li').length, 2);
 });
 
@@ -57,17 +64,21 @@ assert.isAtLeast(uls.length, 1);
 Your `footer` should have at least one paragraph element.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('p').length, 1);
 ```
 
 You should have a copyright (`©`) symbol within one of your paragraphs.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 let hasCopyright = false;
 mockedComponent.find('p').forEach(p => {
-  if(p.text().includes('©')) {
+  if (p.text().includes('©')) {
     hasCopyright = true;
   }
 });
@@ -77,14 +88,18 @@ assert.isTrue(hasCopyright);
 Your `footer` should have at least three links with the `href` value set to `#`.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 assert.isAtLeast(mockedComponent.find('a[href="#"]').length, 3);
 ```
 
 None of your links should be empty.
 
 ```js
-const mockedComponent = Enzyme.shallow(React.createElement(window.index.Footer));
+const mockedComponent = Enzyme.shallow(
+  React.createElement(window.index.Footer)
+);
 mockedComponent.find('a').forEach(a => {
   assert.isAtLeast(a.text().length, 1);
 });
@@ -103,38 +118,34 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Reusable Footer Component</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { Footer } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <Footer />
-        );
+      import { Footer } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(<Footer />);
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
@@ -143,132 +154,139 @@ assert.equal(mockedComponent.html(), document.getElementById('root').innerHTML);
 ```
 
 ```jsx
-export const Footer = () => {
-
-};
+export const Footer = () => {};
 ```
 
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Reusable Footer Component</title>
     <script src="https://unpkg.com/react@18/umd/react.development.js"></script>
     <script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
     <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        src="index.jsx"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      src="index.jsx"
     ></script>
     <link rel="stylesheet" href="styles.css" />
-</head>
+  </head>
 
-<body>
+  <body>
     <div id="root"></div>
     <script
-        data-plugins="transform-modules-umd"
-        type="text/babel"
-        data-presets="react"
-        data-type="module"
+      data-plugins="transform-modules-umd"
+      type="text/babel"
+      data-presets="react"
+      data-type="module"
     >
-        import { Footer } from './index.jsx';
-        ReactDOM.createRoot(document.getElementById('root')).render(
-            <Footer />
-        );
+      import { Footer } from './index.jsx';
+      ReactDOM.createRoot(document.getElementById('root')).render(<Footer />);
     </script>
-</body>
-
+  </body>
 </html>
 ```
 
 ```css
 .footer {
-    background-color: #e3e1eb;
-    padding: 20px;
-    text-align: center;
-    border-top: 1px solid #e5e7eb;
-    font-family: Arial, sans-serif;
+  background-color: #e3e1eb;
+  padding: 20px;
+  text-align: center;
+  border-top: 1px solid #e5e7eb;
+  font-family: Arial, sans-serif;
 }
 
 .footer-section {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 20px;
-    justify-content: center;
-    margin-bottom: 20px;
-    align-items: center;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  justify-content: center;
+  margin-bottom: 20px;
+  align-items: center;
 }
 
 .footer ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
 .footer li {
-    margin-bottom: 10px;
+  margin-bottom: 10px;
 }
 
 .footer a {
-    text-decoration: none;
-    color: #1f2937;
+  text-decoration: none;
+  color: #1f2937;
 }
 
 .footer a:hover {
-    color: #6366f1;
+  color: #6366f1;
 }
 
 .footer p {
-    color: #6b7280;
-    margin-top: 20px;
+  color: #6b7280;
+  margin-top: 20px;
 }
 
 .footer-icons {
-    margin-top: 20px;
-    display: flex;
-    justify-content: center;
+  margin-top: 20px;
+  display: flex;
+  justify-content: center;
 }
 
 .footer-icons a {
-    margin: 0 10px;
-    font-size: 24px;
-    color: #6b7280;
-    text-decoration: none;
+  margin: 0 10px;
+  font-size: 24px;
+  color: #6b7280;
+  text-decoration: none;
 }
 
 .footer-icons a:hover {
-    color: #6366f1;
+  color: #6366f1;
 }
 ```
 
 ```jsx
-export const Footer = () =>
-    <footer className="footer">
-        <div className="footer-section">
-            <ul>
-                <li><a href="#">Fitness Dashboard</a></li>
-                <li><a href="#">Services</a></li>
-            </ul>
-            <ul>
-                <li><a href="#">Watch Videos</a></li>
-                <li><a href="#">Discord</a></li>
-            </ul>
-            <ul>
-                <li><a href="#">Privacy Policy</a></li>
-                <li><a href="#">Terms & Conditions</a></li>
-            </ul>
-        </div>
-        <p>© 2024 Fitness Dashboard. All Rights Reserved.</p>
-        <div className="footer-icons">
-            <a href="#">&#x1F3AE;</a>
-            <a href="#">&#x1F426;</a>
-            <a href="#">&#x1F4BB;</a>
-            <a href="#">&#x1F3C0;</a>
-        </div>
-    </footer>
+export const Footer = () => (
+  <footer className='footer'>
+    <div className='footer-section'>
+      <ul>
+        <li>
+          <a href='#'>Fitness Dashboard</a>
+        </li>
+        <li>
+          <a href='#'>Services</a>
+        </li>
+      </ul>
+      <ul>
+        <li>
+          <a href='#'>Watch Videos</a>
+        </li>
+        <li>
+          <a href='#'>Discord</a>
+        </li>
+      </ul>
+      <ul>
+        <li>
+          <a href='#'>Privacy Policy</a>
+        </li>
+        <li>
+          <a href='#'>Terms & Conditions</a>
+        </li>
+      </ul>
+    </div>
+    <p>© 2024 Fitness Dashboard. All Rights Reserved.</p>
+    <div className='footer-icons'>
+      <a href='#'>&#x1F3AE;</a>
+      <a href='#'>&#x1F426;</a>
+      <a href='#'>&#x1F4BB;</a>
+      <a href='#'>&#x1F3C0;</a>
+    </div>
+  </footer>
+);
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md b/curriculum/challenges/korean/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
index 93220c7534..d876f2e316 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
@@ -26,7 +26,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. The `swapElements` function should modify the array in place by swapping the element at the passed index and the following element if `isOrdered` returns `false`.
 1. You should have a function named `highlightCurrentEls` that takes an HTML element and a numeric index.
 1. The `highlightCurrentEls` function should set the `border` of the given element's child at the given index, and the child immediately after the index, to have a `dashed` style, a `red` color, and a width of your choice.
-1. When you click `#generate-btn` you should use the `fillArrContainer` function to fill `#starting-array` with five `span` elements, each with a random number as its text.
+1. When you click `#generate-btn` you should use the `fillArrContainer` function to fill `#starting-array` with five `span` elements, each with a random number as its text. If present, other elements should be removed from `#array-container`.
 1. You should implement the Bubble Sort algorithm so that after you click `#sort-btn`, `#array-container` contains a `div` element for each of the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array. The functions you have created so far can be useful here.
 1. Each `div` should contain five `span` elements, representing the array in its current state of being sorted.
 1. After you click `#sort-btn`, `#starting-array` should represent the starting step with the initial array and the first two integers highlighted.
@@ -207,6 +207,25 @@ Array.from(children).forEach(el => {
 })
 ```
 
+When `#starting-array` already contains a generated array, or `#array-container` contains the sorted array, clicking the `#generate-btn` should remove other elements in the `#array-container`, leaving only `#starting-array` with newly generated numbers.
+
+```js
+const genBtn = document.querySelector("#generate-btn");
+const sortBtn = document.querySelector("#sort-btn");
+genBtn.dispatchEvent(new Event("click"));
+
+const prevNumbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+
+sortBtn.dispatchEvent(new Event("click"));
+genBtn.dispatchEvent(new Event("click"));
+
+const container = document.querySelector("#array-container");
+assert.lengthOf(container.children, 1);
+const numbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+assert.lengthOf(numbers, 5);
+assert.isTrue(prevNumbers.some((num, index) => num !== numbers[index]))
+```
+
 After you click `#sort-btn`, `#array-container` should contain as many `div` elements as the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array.
 
 ```js
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md b/curriculum/challenges/korean/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
index aaf4a74eb7..9234b5b70d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
@@ -28,7 +28,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 6. You should set the text color of the links to a color of your choice.
 7. When your links are visited, the color should change to another color of your choice.
 8. When your links are hovered over, the color should change to another color of your choice.
-9.  When your links are focused, there should be a colored outline around the link.
+9. When your links are focused, there should be a colored outline around the link.
 10. When your links are clicked, the color should change to another color of your choice.
 
 **Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
@@ -44,30 +44,37 @@ assert.exists(document.querySelector('.todo-list'));
 You should remove the default list style from your `.todo-list`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType === 'none' || new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none');
+const isListStyleTypeNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType ===
+  'none';
+const isListStyleNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none';
+assert.isTrue(isListStyleTypeNone || isListStyleNone);
 ```
 
 You should have four list items inside the unordered list.
 
 ```js
 const li = document.querySelectorAll('.todo-list li');
-assert.strictEqual(li.length, 8);
+assert.lengthOf(li, 8);
 ```
 
 Each list item should contain an `input` element with the type `checkbox`.
 
 ```js
-const checkboxes = document.querySelectorAll('.todo-list li input[type="checkbox"]');
-assert.strictEqual(checkboxes.length, 4);
+const checkboxes = document.querySelectorAll(
+  '.todo-list li input[type="checkbox"]'
+);
+assert.lengthOf(checkboxes, 4);
 ```
 
 All of the `input` elements should have an `id`.
 
 ```js
 const inputs = document.querySelectorAll('input');
-assert(!!inputs.length);
+assert.isAbove(inputs.length, 0);
 for (let input of inputs) {
-    assert.isAbove(input?.id.length, 0);
+  assert.isAbove(input?.id.length, 0);
 }
 ```
 
@@ -75,23 +82,25 @@ After the `label` elements, there should be an unordered list with the class `su
 
 ```js
 const labelSbItems = document.querySelectorAll('label+ul.sub-item');
-assert.equal(labelSbItems.length, 4);
+assert.lengthOf(labelSbItems, 4);
 ```
 
 The `li` inside the `ul` with the class `sub-item` should have an anchor element with the class `sub-item-link`.
 
 ```js
-const allItems = document.querySelectorAll('label + ul.sub-item li a.sub-item-link');
-assert.equal(allItems.length, 4);
+const allItems = document.querySelectorAll(
+  'label + ul.sub-item li a.sub-item-link'
+);
+assert.lengthOf(allItems, 4);
 ```
 
 All of the anchor elements should have a valid `href`.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.href.length, 0);
+  assert.isAbove(link.href.length, 0);
 }
 ```
 
@@ -99,9 +108,9 @@ All of the `anchor` elements should have a text.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.innerText.length, 0);
+  assert.isAbove(link.innerText.length, 0);
 }
 ```
 
@@ -109,9 +118,9 @@ All of the `label` elements should have a `for` attribute.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.htmlFor.length, 0);
+  assert.isAbove(label.htmlFor.length, 0);
 }
 ```
 
@@ -119,9 +128,9 @@ All of the `label` elements should have some text.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.innerText.length, 0);
+  assert.isAbove(label.innerText.length, 0);
 }
 ```
 
@@ -129,43 +138,62 @@ Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
 const anchors = document.querySelectorAll('a');
-assert(!!anchors.length);
+assert.isAbove(anchors.length, 0);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
 The links on the page should have no underline by default.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('a.sub-item-link')?.textDecoration === 'none' || new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||  new __helpers.CSSHelp(document).getStyle('.sub-item-link')?.textDecoration === 'none' );
-
+assert.isTrue(
+  new __helpers.CSSHelp(document).getStyle('a.sub-item-link')
+    ?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('.sub-item-link')
+      ?.textDecoration === 'none'
+);
 ```
 
 The links should change color when hovered over.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color || new __helpers.CSSHelp(document).getStyle('a:hover')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color
+);
 ```
 
 The links should change color when they are being clicked.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color || new __helpers.CSSHelp(document).getStyle('a:active')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color
+);
 ```
 
 The links should have an outline when focused.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline
+);
 ```
 
 The links should change color once visited.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color || new __helpers.CSSHelp(document).getStyle('a:visited')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color
+);
 ```
 
 # --seed--
@@ -197,130 +225,131 @@ assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Styled To-Do List</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<body>
+  <body>
     <div class="container">
-        <h1>My To-Do List</h1>
-        <ul class="todo-list">
+      <h1>My To-Do List</h1>
+      <ul class="todo-list">
+        <li>
+          <input type="checkbox" id="task1" />
+          <label for="task1">Explore gaming keyboards</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task1">
-                <label for="task1">Explore gaming keyboards</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Store link</a>
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link">Store link</a>
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task2" />
+          <label for="task2">Finish the report</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task2">
-                <label for="task2">Finish the report</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Request Access</a>
-                    </li>
-                </ul>
-
+              <a href="#" target="_blank" class="sub-item-link"
+                >Request Access</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task3" />
+          <label for="task3">View Phone's Warranty</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task3">
-                <label for="task3">View Phone's Warranty</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Receipts</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Receipts</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task4" />
+          <label for="task4">Check Processor Specs</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task4">
-                <label for="task4">Check Processor Specs</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Model Number</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Model Number</a
+              >
             </li>
-        </ul>
+          </ul>
+        </li>
+      </ul>
     </div>
 </body>
-
 </html>
 ```
 
 ```css
 body {
-    font-family: Arial, sans-serif;
-    background-color: #f0f0f0;
-    margin: 0;
-    padding: 20px;
+  font-family: Arial, sans-serif;
+  background-color: #f0f0f0;
+  margin: 0;
+  padding: 20px;
 }
 
 .container {
-    max-width: 400px;
-    margin: 0 auto;
-    background-color: #fff;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  max-width: 400px;
+  margin: 0 auto;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
 h1 {
-    text-align: center;
-    color: #333;
+  text-align: center;
+  color: #333;
 }
 
 .todo-list {
-    list-style-type: none;
-    padding: 0;
+  list-style-type: none;
+  padding: 0;
 }
 
 .todo-list li {
-    margin-bottom: 15px;
-    line-height: 1.6;
-    padding: 10px;
-    background-color: #e5f1e5;
-    border-radius: 10px;
-    position: relative;
+  margin-bottom: 15px;
+  line-height: 1.6;
+  padding: 10px;
+  background-color: #e5f1e5;
+  border-radius: 10px;
+  position: relative;
 }
 
 a.sub-item-link {
-    margin-left: 10px;
-    text-decoration: none;
+  margin-left: 10px;
+  text-decoration: none;
 }
 
 .sub-item-link:link {
-    color: blue;
+  color: blue;
 }
 
 .sub-item-link:visited {
-    color: purple;
+  color: purple;
 }
 
 .sub-item-link:hover {
-    color: red;
+  color: red;
 }
 
 .sub-item-link:focus {
-    outline: 2px solid blue;
-    outline-offset: 2px;
+  outline: 2px solid blue;
+  outline-offset: 2px;
 }
 
 .sub-item-link:active {
-    color: green;
+  color: green;
 }
 
 .sub-item {
-    list-style-type: square;
+  list-style-type: square;
 }
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md b/curriculum/challenges/korean/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
index f44e18fcf3..292326b46b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-survey-form/587d78af367417b2b2512b03.md
@@ -35,261 +35,297 @@ You should have an `h1` element with an `id` of `title`.
 
 ```js
 const el = document.getElementById('title');
-assert(!!el && el.tagName === 'H1');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'H1');
 ```
 
 Your `#title` should not be empty.
 
 ```js
 const el = document.getElementById('title');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `p` element with an `id` of `description`.
 
 ```js
 const el = document.getElementById('description');
-assert(!!el && el.tagName === 'P');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'P');
 ```
 
 Your `#description` should not be empty.
 
 ```js
 const el = document.getElementById('description');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 You should have a `form` element with an `id` of `survey-form`.
 
 ```js
 const el = document.getElementById('survey-form');
-assert(!!el && el.tagName === 'FORM');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'FORM');
 ```
 
 You should have an `input` element with an `id` of `name`.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#name` should have a `type` of `text`.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.type === 'text');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'text');
 ```
 
 Your `#name` should require input.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && el.required);
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#name` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #name');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `email`.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#email` should have a `type` of `email`.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.type === 'email');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'email');
 ```
 
 Your `#email` should require input.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && el.required);
+assert.isNotNull(el);
+assert.isTrue(el.required);
 ```
 
 Your `#email` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #email');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` element with an `id` of `number`.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.tagName === 'INPUT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'INPUT');
 ```
 
 Your `#number` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #number');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#number` should have a `type` of `number`.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.type === 'number');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'number');
 ```
 
 Your `#number` should have a `min` attribute with a numeric value.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.min && isFinite(el.min));
+assert.isNotNull(el);
+assert.isNotEmpty(el.min);
+assert.isTrue(isFinite(el.min));
 ```
 
 Your `#number` should have a `max` attribute with a numeric value.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && el.max && isFinite(el.max));
+assert.isNotNull(el);
+assert.isNotEmpty(el.max);
+assert.isTrue(isFinite(el.max));
 ```
 
 You should have a `label` element with an `id` of `name-label`.
 
 ```js
 const el = document.getElementById('name-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `email-label`.
 
 ```js
 const el = document.getElementById('email-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 You should have a `label` element with an `id` of `number-label`.
 
 ```js
 const el = document.getElementById('number-label');
-assert(!!el && el.tagName === 'LABEL');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'LABEL');
 ```
 
 Your `#name-label` should contain text that describes the input.
 
 ```js
 const el = document.getElementById('name-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#email-label` should contain text that describes the input.
 
 ```js
 const el = document.getElementById('email-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#number-label` should contain text that describes the input.
 
 ```js
 const el = document.getElementById('number-label');
-assert(!!el && el.innerText.length > 0);
+assert.isNotNull(el);
+assert.isAbove(el.innerText.length, 0);
 ```
 
 Your `#name-label` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #name-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#email-label` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #email-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#number-label` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #number-label');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#name` should have a `placeholder` attribute and value.
 
 ```js
 const el = document.getElementById('name');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Your `#email` should have a `placeholder` attribute and value.
 
 ```js
 const el = document.getElementById('email');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 Your `#number` should have a `placeholder` attribute and value.
 
 ```js
 const el = document.getElementById('number');
-assert(!!el && !!el.placeholder && el.placeholder.length > 0);
+assert.isNotNull(el);
+assert.isNotNull(el.placeholder);
+assert.isAbove(el.placeholder.length, 0);
 ```
 
 You should have a `select` field with an `id` of `dropdown`.
 
 ```js
 const el = document.getElementById('dropdown');
-assert(!!el && el.tagName === 'SELECT');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'SELECT');
 ```
 
 Your `#dropdown` should have at least two selectable (not disabled) `option` elements.
 
 ```js
 const els = document.querySelectorAll('#dropdown option:not([disabled])');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 Your `#dropdown` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #dropdown');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have at least two `input` elements with a `type` of `radio` (radio buttons).
 
 ```js
 const els = document.querySelectorAll('input[type="radio"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 You should have at least two radio buttons that are descendants of `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="radio"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 All your radio buttons should have a `value` attribute and value.
 
 ```js
 const els1 = document.querySelectorAll('input[type="radio"]');
-const els2 = document.querySelectorAll('input[type="radio"][value=""], input[type="radio"]:not([value])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  'input[type="radio"][value=""], input[type="radio"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 All your radio buttons should have a `name` attribute and value.
 
 ```js
 const els1 = document.querySelectorAll('input[type="radio"]');
-const els2 = document.querySelectorAll('input[type="radio"][name=""], input[type="radio"]:not([name])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  'input[type="radio"][name=""], input[type="radio"]:not([name])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 Every radio button group should have at least 2 radio buttons.
@@ -302,59 +338,64 @@ if (radioButtons) {
   radioButtons.forEach(el => {
     if (!groups[el.name]) groups[el.name] = [];
     groups[el.name].push(el);
-  })
+  });
 }
 
 const groupKeys = Object.keys(groups);
 
 groupKeys.forEach(key => {
   if (groups[key].length < 2) assert(false);
-})
+});
 
-assert(groupKeys.length > 0);
+assert.isAbove(groupKeys.length, 0);
 ```
 
 You should have at least two `input` elements with a `type` of `checkbox` (checkboxes) that are descendants of `#survey-form`.
 
 ```js
 const els = document.querySelectorAll('#survey-form input[type="checkbox"]');
-assert(els.length >= 2);
+assert.isAtLeast(els.length, 2);
 ```
 
 All your checkboxes inside `#survey-form` should have a `value` attribute and value.
 
 ```js
 const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]');
-const els2 = document.querySelectorAll('#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])');
-assert(els1.length > 0 && els2.length === 0);
+const els2 = document.querySelectorAll(
+  '#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])'
+);
+assert.isAbove(els1.length, 0);
+assert.lengthOf(els2, 0);
 ```
 
 You should have at least one `textarea` element that is a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form textarea');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 You should have an `input` or `button` element with an `id` of `submit`.
 
 ```js
 const el = document.getElementById('submit');
-assert(!!el && (el.tagName === 'INPUT' || el.tagName === 'BUTTON'));
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'INPUT' || el.tagName === 'BUTTON');
 ```
 
 Your `#submit` should have a `type` of `submit`.
 
 ```js
 const el = document.getElementById('submit');
-assert(!!el && el.type === 'submit');
+assert.isNotNull(el);
+assert.strictEqual(el.type, 'submit');
 ```
 
 Your `#submit` should be a descendant of `#survey-form`.
 
 ```js
 const el = document.querySelector('#survey-form #submit');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 # --seed--
@@ -364,17 +405,13 @@ assert(!!el);
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+  <head>
     <meta charset="UTF-8" />
     <title>Survey Form</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
-</html> 
+  <body></body>
+</html>
 ```
 
 # --solutions--
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md b/curriculum/challenges/korean/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
index 247035e012..932d2e6a18 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
@@ -35,141 +35,147 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main-doc`.
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 You should have at least five `section` elements with a class of `main-section`.
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 All of your `.main-section` elements should be `section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 You should have at least five `.main-section` elements that are descendants of `#main-doc`.
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 The first child of each `.main-section` should be a `header` element.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 None of your `header` elements should be empty.
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.main-section` elements should have an `id`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Each `.main-section` should have an `id` that matches the text of its first child, having any spaces in the child's text replaced with underscores (`_`) for the id's.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 You should have at least 10 `p` elements (total) within your `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 You should have at least five `code` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have at least five `li` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have a `nav` element with an `id` of `navbar`.
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 Your `#navbar` should have exactly one `header` element within it.
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 You should have at least one `a` element with a class of `nav-link`.
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 All of your `.nav-link` elements should be anchor (`a`) elements.
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.nav-link` elements should be in the `#navbar`.
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 You should have the same number of `.nav-link` and `.main-section` elements.
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 The `header` element in the `#navbar` should come before any link (`a`) elements also in the `#navbar`.
@@ -177,54 +183,66 @@ The `header` element in the `#navbar` should come before any link (`a`) elements
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 Each `.nav-link` should have text that corresponds to the `header` text of its related `section` (e.g. if you have a "Hello world" section/header, your `#navbar` should have a `.nav-link` which has the text "Hello world").
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 Each `.nav-link` should have an `href` attribute that links to its corresponding `.main-section` (e.g. If you click on a `.nav-link` element that contains the text "Hello world", the page navigates to a `section` element with that id).
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 Your `#navbar` should always be on the left edge of the window.
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 Your Technical Documentation project should use at least one media query.
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -234,17 +252,15 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Technical Documentation Page</title>
-</head>
-
-<body>
+  </head>
 
-</body>
+  <body>
 
-</html> 
+  </body>
+</html>
 ```
 
 ```css
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md b/curriculum/challenges/korean/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
index 772e00398e..aa52b24419 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
@@ -42,7 +42,10 @@ assert.match(code, /<html\s+lang\s*=\s*('|")en\1\s*>[\s\S]*<\/\s*html\s*>/i);
 You should have a `head` element within the `html` element.
 
 ```js
-assert.match(code, /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i);
+assert.match(
+  code,
+  /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have a `meta` element within your `head` element.
@@ -60,7 +63,10 @@ assert.match(code, /<\s*meta[\s\S]+?charset\s*=\s*('|")UTF-8\1/i);
 You should have `title` element within your `head` element.
 
 ```js
-assert.match(code, /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i);
+assert.match(
+  code,
+  /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i
+);
 ```
 
 Your `title` element should have your travel agency name.
@@ -72,25 +78,30 @@ assert.isAbove(document.querySelector('title')?.innerText.trim().length, 0);
 You should have a `body` element within your `html` element.
 
 ```js
-assert(code.match(/<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i));
+assert.match(
+  code,
+  /<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have an `h1` element to present your travel destinations.
 
 ```js
-assert.isAbove(document.querySelector('h1')?.innerText.length, 0)
+assert.isAbove(document.querySelector('h1')?.innerText.length, 0);
 ```
 
 You should only have one `h1` element.
 
 ```js
-assert.lengthOf(document.querySelectorAll('h1'), 1)
+assert.lengthOf(document.querySelectorAll('h1'), 1);
 ```
 
 You should have a `p` element below the `h1` element.
 
 ```js
-assert.strictEqual(document.querySelector('h1')?.nextElementSibling, document.querySelector('p'))
+assert.strictEqual(
+  document.querySelector('h1')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your first `p` element should introduce the travel opportunities.
@@ -108,34 +119,40 @@ assert.equal(document.querySelectorAll('h2')[0]?.innerText, 'Packages');
 You should have a `p` element below your first `h2` element.
 
 ```js
-assert.strictEqual(document.querySelector('h2')?.nextElementSibling, document.querySelectorAll('p')?.[1])
+assert.strictEqual(
+    document.querySelector('h2')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your second `p` element should introduce briefly the various packages.
 
 ```js
-assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim())
+assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim());
 ```
 
 You should have an unordered list element below your second `p` element.
 
 ```js
-assert.strictEqual(document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName, 'UL');
+assert.strictEqual(
+  document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName,
+  'UL'
+);
 ```
 
 You should have two items in your unordered list.
 
 ```js
-assert.equal(document.querySelectorAll('li').length,  2);
+assert.lengthOf(document.querySelectorAll('li'), 2);
 ```
 
 Both your list items should contain an anchor element.
 
 ```js
-const listItems = $('li');
-assert(!!listItems.length);
+const listItems = document.querySelectorAll('li');
+assert.isNotEmpty(listItems);
 for (let e of listItems) {
-  assert(e.children[0].tagName === 'A' && e.children.length === 1);
+  assert.strictEqual(e.children[0].tagName, 'A');
+  assert.lengthOf(e.children, 1);
 }
 ```
 
@@ -154,36 +171,39 @@ assert.equal(document.querySelectorAll('a')[1]?.innerText, 'Private Tours');
 You should have an `h2` element after your unordered list.
 
 ```js
-assert($('h2')[1]?.previousElementSibling.tagName === 'UL');
+assert.strictEqual(
+  document.querySelectorAll('h2')[1]?.previousElementSibling.tagName,
+  'UL'
+);
 ```
 
 Your second `h2` element should have the text `Top Itineraries`.
 
 ```js
-assert.equal($('h2')[1]?.innerText, 'Top Itineraries');
+assert.equal(document.querySelectorAll('h2')[1]?.innerText, 'Top Itineraries');
 ```
 
 You should have at least three `figure` elements.
 
 ```js
-assert.isAtLeast(document.querySelectorAll('figure').length, 3)
+assert.isAtLeast(document.querySelectorAll('figure').length, 3);
 ```
 
 Each `figure` element should contain an anchor element as its first child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
-  assert.equal(figure.children[0].tagName,'A');
+  assert.equal(figure.children[0].tagName, 'A');
 }
 ```
 
 Each `figure` element should contain a `figcaption` element as its second child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
   assert.equal(figure.children[1].tagName, 'FIGCAPTION');
 }
@@ -192,8 +212,8 @@ for (let figure of figures) {
 Each of the `a` elements that are children of your `figure` elements should contain an image.
 
 ```js
-const anchors = $('figure > a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('figure > a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
   assert.equal(anchor.children[0].tagName, 'IMG');
 }
@@ -202,40 +222,40 @@ for (let anchor of anchors) {
 Each `img` element should have a valid `src` attribute.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.src.length, 0);
+  assert.isAbove(image.src.length, 0);
 }
 ```
 
 Each `img` element should have an `alt` attribute with an appropriate value.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.alt.length, 0);
+  assert.isAbove(image.alt.length, 0);
 }
 ```
 
 Each `a` element should have an `href` attribute with the value of `https://www.freecodecamp.org/learn`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
+  assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
 }
 ```
 
 Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
@@ -252,38 +272,64 @@ for (let anchor of anchors) {
 ```html
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <title>Travel Agency Page</title>
-    </head>
-    <body>
-        <h1>Discover Italy</h1>
-        <p>Art, folklore, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Italy.</p>
-        <h2>Packages</h2>
-        <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Italy's lesser-known sides.</p>
-        <ul>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
-        </ul>
-        <h2>Top Itineraries</h2>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="colosseum view" >                
-            </a>
-            <figcaption>Rome and Center Italy</figcaption>
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="dolomites mountain view" >                
-            </a>
-            <figcaption>Nature and National Parks</figcaption>            
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="sea view" >                
-            </a>
-            <figcaption>South Italy and Islands</figcaption>
-        </figure>                
-    </body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Travel Agency Page</title>
+  </head>
+  <body>
+    <h1>Discover Italy</h1>
+    <p>
+      Art, folklore, food, nature, and more. Choose among our wide selection of
+      guided tours and excursions, and live an unforgettable experience
+      exploring Italy.
+    </p>
+    <h2>Packages</h2>
+    <p>
+      We offer an extensive range of holiday solutions to accommodate the needs
+      of all our clients. From daily excursions in the most beautiful cities, to
+      thorough tours of hidden villages and medieval towns to discover Italy's
+      lesser-known sides.
+    </p>
+    <ul>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Group Travels</a
+        >
+      </li>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Private Tours</a
+        >
+      </li>
+    </ul>
+    <h2>Top Itineraries</h2>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg"
+          alt="colosseum view"
+        />
+      </a>
+      <figcaption>Rome and Center Italy</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg"
+          alt="dolomites mountain view"
+        />
+      </a>
+      <figcaption>Nature and National Parks</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg"
+          alt="sea view"
+        />
+      </a>
+      <figcaption>South Italy and Islands</figcaption>
+    </figure>
+  </body>
 </html>
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md b/curriculum/challenges/korean/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
index f3f44c288b..498706a247 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
@@ -29,111 +29,125 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main`.
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 Your `#img-div`, `#image`, `#img-caption`, `#tribute-info`, and `#tribute-link` should all be descendants of `#main`.
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 You should have an element with an `id` of `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 Your `#title` should not be empty.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 You should have a `figure` or `div` element with an `id` of `img-div`.
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 You should have an `img` element with an `id` of `image`.
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 Your `#image` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 You should have a `figcaption` or `div` element with an `id` of `img-caption`.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 Your `#img-caption` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 Your `#img-caption` should not be empty.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an element with an `id` of `tribute-info`.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 Your `#tribute-info` should not be empty.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an `a` element with an `id` of `tribute-link`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Your `#tribute-link` should have an `href` attribute and value.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 Your `#tribute-link` should have a `target` attribute set to `_blank`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Your `img` element should have a `display` of `block`.
@@ -141,8 +155,8 @@ Your `img` element should have a `display` of `block`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 Your `#image` should have a `max-width` of `100%`.
@@ -150,8 +164,8 @@ Your `#image` should have a `max-width` of `100%`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 Your `#image` should have a `height` of `auto`.
@@ -163,9 +177,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 Your `#image` should be centered within its parent.
@@ -180,7 +194,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -190,16 +205,12 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Tribute Page</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
+  <body></body>
 </html>
 ```
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md b/curriculum/challenges/korean/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
index afe533d6f5..e86fb0152f 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-voting-system/673b567e3ba535dda140d278.md
@@ -1,7 +1,7 @@
 ---
 id: 673b567e3ba535dda140d278
 title: Build a Voting System
-challengeType: 14
+challengeType: 25
 dashedName: build-a-voting-system
 ---
 
@@ -35,8 +35,7 @@ In this lab, you will build a voting system that uses `Map` to create a poll and
 
    - If the voter has already voted, the function should display the message `Voter <voterId> has already voted for "<option>".`
 
-   - If the voter has not voted, `voterId` should be added to the `Set` of `voters` for this option. The function should return the message  `Voter <voterId> voted for "<option>".`
-
+   - If the voter has not voted, `voterId` should be added to the `Set` of `voters` for this option. The function should return the message `Voter <voterId> voted for "<option>".`
 
 6. You should have at least three options in your `poll`.
 
@@ -51,7 +50,7 @@ OptionB: N votes
 .
 .
 
-/* 
+/*
 sample output
 
 Poll Results:
@@ -115,9 +114,8 @@ const pollCopy = new Map(poll);
 try {
   poll.clear();
 
-  addOption("Turkey");
-  assert.instanceOf(poll.get("Turkey"), Set);
-
+  addOption('Turkey');
+  assert.instanceOf(poll.get('Turkey'), Set);
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -132,7 +130,7 @@ try {
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  assert.equal(addOption("Egypt"), 'Option "Egypt" added to the poll.');
+  assert.equal(addOption('Egypt'), 'Option "Egypt" added to the poll.');
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -144,7 +142,7 @@ try {
 Adding an empty option should return `"Option cannot be empty."`
 
 ```js
-assert.equal(addOption(""), 'Option cannot be empty.');
+assert.equal(addOption(''), 'Option cannot be empty.');
 ```
 
 When `Turkey` is already added, `addOption("Turkey")` should return `Option "Turkey" already exists.`
@@ -153,10 +151,9 @@ When `Turkey` is already added, `addOption("Turkey")` should return `Option "Tur
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  addOption("Turkey");
-  assert.equal(addOption("Turkey"), 'Option "Turkey" already exists.');
-
+  addOption('Turkey');
+  addOption('Turkey');
+  assert.equal(addOption('Turkey'), 'Option "Turkey" already exists.');
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -171,8 +168,11 @@ When `Malysia` exists in the voting options, `vote("Malysia", "traveler1")` shou
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Malysia");
-  assert.equal(vote("Malysia", "traveler1"), 'Voter traveler1 voted for "Malysia".');
+  addOption('Malysia');
+  assert.equal(
+    vote('Malysia', 'traveler1'),
+    'Voter traveler1 voted for "Malysia".'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -187,11 +187,10 @@ try {
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Alaska");
-  vote("Alaska", "seal");
-  assert.isTrue(poll.get("Alaska").has("seal"));
-
-  } finally {
+  addOption('Alaska');
+  vote('Alaska', 'seal');
+  assert.isTrue(poll.get('Alaska').has('seal'));
+} finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
     poll.set(key, val);
@@ -205,9 +204,12 @@ When `traveler1` tries to vote for `Algeria` again, `vote("Algeria", "traveler1"
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Algeria");
-  vote("Algeria", "traveler1");
-  assert.equal(vote("Algeria", "traveler1"), 'Voter traveler1 has already voted for "Algeria".');
+  addOption('Algeria');
+  vote('Algeria', 'traveler1');
+  assert.equal(
+    vote('Algeria', 'traveler1'),
+    'Voter traveler1 has already voted for "Algeria".'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -222,12 +224,12 @@ Duplicate votes should not increase the size of the `Set`.
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  vote("Turkey", "traveler1");
-  const voterSet = poll.get("Turkey");
+  addOption('Turkey');
+  vote('Turkey', 'traveler1');
+  const voterSet = poll.get('Turkey');
   const initialSize = voterSet.size;
 
-  vote("Turkey", "traveler1");
+  vote('Turkey', 'traveler1');
   assert.equal(voterSet.size, initialSize);
 } finally {
   poll.clear();
@@ -243,7 +245,10 @@ When `Nigeria` is not in the voting options, `vote("Nigeria", "traveler2")` shou
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-assert.equal(vote("Nigeria", "traveler2"), 'Option "Nigeria" does not exist.');
+  assert.equal(
+    vote('Nigeria', 'traveler2'),
+    'Option "Nigeria" does not exist.'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -258,10 +263,10 @@ A unique option should be able to receive multiple votes.
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Bali");
-  assert.equal(vote("Bali", "traveler1"), 'Voter traveler1 voted for "Bali".');
-  assert.equal(vote("Bali", "traveler2"), 'Voter traveler2 voted for "Bali".');
-  assert.equal(poll.get("Bali").size, 2);
+  addOption('Bali');
+  assert.equal(vote('Bali', 'traveler1'), 'Voter traveler1 voted for "Bali".');
+  assert.equal(vote('Bali', 'traveler2'), 'Voter traveler2 voted for "Bali".');
+  assert.equal(poll.get('Bali').size, 2);
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -273,18 +278,20 @@ try {
 `displayResults()` should return the results in the correct format.
 
 ```js
-
 const pollCopy = new Map(poll);
 try {
   poll.clear();
-  addOption("Turkey");
-  addOption("Morocco");
+  addOption('Turkey');
+  addOption('Morocco');
 
-  vote("Turkey", "traveler1");
-  vote("Turkey", "traveler2");
-  vote("Morocco", "traveler3");
+  vote('Turkey', 'traveler1');
+  vote('Turkey', 'traveler2');
+  vote('Morocco', 'traveler3');
 
-  assert.equal(displayResults(), "Poll Results:\nTurkey: 2 votes\nMorocco: 1 votes");
+  assert.equal(
+    displayResults(),
+    'Poll Results:\nTurkey: 2 votes\nMorocco: 1 votes'
+  );
 } finally {
   poll.clear();
   pollCopy.forEach((val, key) => {
@@ -307,8 +314,8 @@ try {
 const poll = new Map();
 
 function addOption(option) {
-  if (!option || option.trim() === "") {
-    return "Option cannot be empty.";
+  if (!option || option.trim() === '') {
+    return 'Option cannot be empty.';
   }
   if (!poll.has(option)) {
     poll.set(option, new Set());
@@ -318,7 +325,6 @@ function addOption(option) {
   }
 }
 
-
 function vote(option, voterId) {
   if (!poll.has(option)) {
     return `Option "${option}" does not exist.`;
@@ -327,26 +333,24 @@ function vote(option, voterId) {
   if (voters.has(voterId)) {
     return `Voter ${voterId} has already voted for "${option}".`;
   } else {
-    voters.add(voterId); 
+    voters.add(voterId);
     return `Voter ${voterId} voted for "${option}".`;
   }
 }
 
 function displayResults() {
-    let results = "Poll Results:\n";
-    for (let [option, voters] of poll.entries()) {
-        results += `${option}: ${voters.size} votes\n`;
-    }
-    return results.trim();
+  let results = 'Poll Results:\n';
+  for (let [option, voters] of poll.entries()) {
+    results += `${option}: ${voters.size} votes\n`;
+  }
+  return results.trim();
 }
 
+addOption('Turkey');
+addOption('Morocco');
+addOption('Spain');
 
-addOption("Turkey");
-addOption("Morocco");
-addOption("Spain");
-
-vote("Turkey", "traveler1");
-vote("Turkey", "traveler2");
-vote("Morocco", "traveler3");
-
+vote('Turkey', 'traveler1');
+vote('Turkey', 'traveler2');
+vote('Morocco', 'traveler3');
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md b/curriculum/challenges/korean/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
index 5f58b78a78..ad5b97d0cd 100644
--- a/curriculum/challenges/korean/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
+++ b/curriculum/challenges/korean/25-front-end-development/lab-weather-app/66f12a88741aeb16b9246c59.md
@@ -1,7 +1,7 @@
 ---
 id: 66f12a88741aeb16b9246c59
 title: Build a Weather App
-challengeType: 14
+challengeType: 25
 dashedName: lab-weather-app
 demoType: onClick
 ---
@@ -27,7 +27,7 @@ You will use a weather API. The output data has the following format:
     "temp_min": 1.72, // min temperature of the day in C
     "temp_max": 3.49, // max temperature of the day in C
     "pressure": 1010, // atmospheric pressure in hPa
-    "humidity": 81, // humidity in %
+    "humidity": 81 // humidity in %
   },
   "visibility": 10000, // distance in meters
   "wind": {
@@ -35,7 +35,7 @@ You will use a weather API. The output data has the following format:
     "deg": 285, // orientation of the wind in degrees
     "gust": 3.13 // gust speed in m/s
   },
-  "name": "London",
+  "name": "London"
 }
 ```
 
@@ -44,6 +44,7 @@ You will use a weather API. The output data has the following format:
 1. You should have a `button` element with an `id` of `get-forecast`.
 
 1. You should have a `select` element with seven `option` elements nested within it. The first option should have an empty string as its text and `value` attribute. The rest should have the following for their text and values (with the value being lowercase):
+
    - New York
    - Los Angeles
    - Chicago
@@ -105,105 +106,112 @@ Inside the `select` element the first child should be an `option` element with a
 
 ```js
 assert.exists(document.querySelector('select > option[value=""]'));
-assert.strictEqual(document.querySelector('select > option:first-child').value, "");
+assert.strictEqual(
+  document.querySelector('select > option:first-child').value,
+  ''
+);
 ```
 
 Inside the `select` element there should be 6 `option` elements, one for each of the following cities: Paris, London, Tokyo, Los Angeles, Chicago, New York.
 
 ```js
-["Paris", "London", "Tokyo", "Los Angeles", "Chicago", "New York"].forEach(city => {
-    const el = document.querySelector(`select > option[value="${city.toLowerCase()}"]`);
+['Paris', 'London', 'Tokyo', 'Los Angeles', 'Chicago', 'New York'].forEach(
+  city => {
+    const el = document.querySelector(
+      `select > option[value="${city.toLowerCase()}"]`
+    );
     assert.exists(el);
-    assert.strictEqual(el.innerText.trim(), city)
-});
+    assert.strictEqual(el.innerText.trim(), city);
+  }
+);
 ```
 
 You should have an `img` element with the id `weather-icon` for displaying the weather icon.
 
 ```js
 async () => {
-    document.querySelector('select').value = "chicago";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("img#weather-icon"));
-}
+  document.querySelector('select').value = 'chicago';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('img#weather-icon'));
+};
 ```
 
 You should have an element with the id `main-temperature` for displaying the main temperature.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#main-temperature"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#main-temperature'));
+};
 ```
 
 You should have an element with the id `feels-like` for displaying what the temperature feels like.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#feels-like"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#feels-like'));
+};
 ```
 
 You should have an element with the id `humidity` for displaying the amount of humidity in air.
 
 ```js
 async () => {
-    document.querySelector('select').value = "london";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#humidity"));
-}
+  document.querySelector('select').value = 'london';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#humidity'));
+};
 ```
 
 You should have an element with the id `wind` element for displaying the wind speed.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#wind"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#wind'));
+};
 ```
 
 You should have an element with the id `wind-gust` element for displaying the wind gust.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#wind-gust"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#wind-gust'));
+};
 ```
 
 You should have an element with the id `weather-main` element for displaying the main weather type.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#weather-main"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#weather-main'));
+};
 ```
 
 You should have an element with the id `location` element for displaying the current location.
 
 ```js
 async () => {
-    document.querySelector('select').value = "new york";
-    document.querySelector('#get-forecast').click();
-    await new Promise(resolve => setTimeout(resolve, 800));
-    assert.exists(document.querySelector("#location"));
-}
+  document.querySelector('select').value = 'new york';
+  document.querySelector('#get-forecast').click();
+  await new Promise(resolve => setTimeout(resolve, 800));
+  assert.exists(document.querySelector('#location'));
+};
 ```
 
 You should have a `showWeather` function.
@@ -222,261 +230,288 @@ The `getWeather` function should accept a city as it's only argument and return
 
 ```js
 async () => {
-    try {
-        const city = "chicago";
-        const url = `https://weather-proxy.freecodecamp.rocks/api/city/${city}`;
-        const outputFunction = await getWeather(city);
-        const json = await fetch(url).then(data => data.json());
-        assert.deepEqual(outputFunction, json)
-    } catch (err) {
-        throw new Error(err);
-    }
-}
+  try {
+    const city = 'chicago';
+    const url = `https://weather-proxy.freecodecamp.rocks/api/city/${city}`;
+    const outputFunction = await getWeather(city);
+    const json = await fetch(url).then(data => data.json());
+    assert.deepEqual(outputFunction, json);
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 The `showWeather` function should call the `getWeather` function to get the weather data.
 
 ```js
 async () => {
-    try {
-        let flag = false;
-        const temp = getWeather;
-        getWeather = async (location) => {
-            flag = true;
-            return await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${location}`).then(data => data.json())
-        }
-        await showWeather("london");
-        getWeather = temp;
-        assert.isTrue(flag)
-    } catch (err) {
-        throw new Error(err);
-    }
-}
+  try {
+    let flag = false;
+    const temp = getWeather;
+    getWeather = async location => {
+      flag = true;
+      return await fetch(
+        `https://weather-proxy.freecodecamp.rocks/api/city/${location}`
+      ).then(data => data.json());
+    };
+    await showWeather('london');
+    getWeather = temp;
+    assert.isTrue(flag);
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When New York is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "new york";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'new york';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Chicago is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "chicago";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'chicago';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When London is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "london";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'london';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Tokyo is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "tokyo";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'tokyo';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 When Los Angeles is selected the `showWeather` function should display the data from the API in the respective HTML elements. If the value from the API is `undefined`, you should show `N/A`.
 
 ```js
 async () => {
-    try {
-        // function that construct an object with the id-value pairs that we expect in the page from an object
-        const helper = (wobj) => ({
-            "weather-icon": wobj.weather[0].icon,
-            "main-temperature": wobj.main.temp || 'N/A',
-            "feels-like": wobj.main.feels_like || 'N/A',
-            humidity: wobj.main.humidity || 'N/A',
-            wind: wobj.wind.speed || 'N/A',
-            "wind-gust": wobj.wind.gust || 'N/A',
-            "weather-main": wobj.weather[0].main || 'N/A',
-            location: wobj.name || 'N/A'
-        })
-        const city = "los angeles";
-        document.querySelector('select').value = city;
-        document.querySelector('#get-forecast').click();
-
-
-        // fetch the expected values from the API to confront
-        const body = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`).then(
-            data => data.json()
-        )
-
-        await new Promise(resolve => setTimeout(resolve, 800));
-
-        // construct the object from the data from the API
-        const extractedData = helper(body);
-
-        // check that all things are in place
-        for (const id in extractedData) {
-            if (id === "weather-icon") {
-                assert.equal(document.querySelector('#weather-icon').src, extractedData[id]);
-            } else {
-                assert.include(document.querySelector(`#${id}`).innerText.toLowerCase(), `${extractedData[id]}`.toLowerCase());
-            }
-        }
-    } catch (err) {
-        throw new Error(err);
+  try {
+    // function that construct an object with the id-value pairs that we expect in the page from an object
+    const helper = wobj => ({
+      'weather-icon': wobj.weather[0].icon,
+      'main-temperature': wobj.main.temp || 'N/A',
+      'feels-like': wobj.main.feels_like || 'N/A',
+      humidity: wobj.main.humidity || 'N/A',
+      wind: wobj.wind.speed || 'N/A',
+      'wind-gust': wobj.wind.gust || 'N/A',
+      'weather-main': wobj.weather[0].main || 'N/A',
+      location: wobj.name || 'N/A'
+    });
+    const city = 'los angeles';
+    document.querySelector('select').value = city;
+    document.querySelector('#get-forecast').click();
+
+    // fetch the expected values from the API to confront
+    const body = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    ).then(data => data.json());
+
+    await new Promise(resolve => setTimeout(resolve, 800));
+
+    // construct the object from the data from the API
+    const extractedData = helper(body);
+
+    // check that all things are in place
+    for (const id in extractedData) {
+      if (id === 'weather-icon') {
+        assert.equal(
+          document.querySelector('#weather-icon').src,
+          extractedData[id]
+        );
+      } else {
+        assert.include(
+          document.querySelector(`#${id}`).innerText.toLowerCase(),
+          `${extractedData[id]}`.toLowerCase()
+        );
+      }
     }
-}
+  } catch (err) {
+    throw new Error(err);
+  }
+};
 ```
 
 If there is an error, your `getWeather` function should log the error to the console.
@@ -490,11 +525,17 @@ const temp4 = alert;
 async () => {
   try {
     alert = () => {};
-    console.log = obj => {testArr.push(obj.toString())};
-    console.error = obj => {testArr.push(obj.toString())};
-    fetch = source => {throw new Error("This is a test error");}
-    await getWeather("chicago");
-    assert.include(testArr[0], "This is a test error");
+    console.log = obj => {
+      testArr.push(obj.toString());
+    };
+    console.error = obj => {
+      testArr.push(obj.toString());
+    };
+    fetch = source => {
+      throw new Error('This is a test error');
+    };
+    await getWeather('chicago');
+    assert.include(testArr[0], 'This is a test error');
     assert.lengthOf(testArr, 1);
   } finally {
     fetch = temp1;
@@ -502,7 +543,7 @@ async () => {
     console.error = temp3;
     alert = temp4;
   }
-}
+};
 ```
 
 When Paris is selected the app should show an alert with `Something went wrong, please try again later`.
@@ -512,17 +553,19 @@ const testArr = [];
 const temp4 = alert;
 async () => {
   try {
-    alert = (msg) => {testArr.push(msg)};
-    const city = "paris";
+    alert = msg => {
+      testArr.push(msg);
+    };
+    const city = 'paris';
     document.querySelector('select').value = city;
     document.querySelector('#get-forecast').click();
     await new Promise(resolve => setTimeout(resolve, 800));
-    assert.include(testArr[0], "Something went wrong, please try again later");
+    assert.include(testArr[0], 'Something went wrong, please try again later');
     assert.lengthOf(testArr, 1);
   } finally {
     alert = temp4;
   }
-}
+};
 ```
 
 # --seed--
@@ -530,20 +573,15 @@ async () => {
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
+  <head>
+    <meta charset="utf-8" />
     <title>Weather App</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
+  <body></body>
 </html>
-
 ```
 
 ```css
@@ -557,68 +595,66 @@ async () => {
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-
-<head>
-    <meta charset="utf-8">
+  <head>
+    <meta charset="utf-8" />
     <title>Weather App</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<body>
+  <body>
     <div class="weather-info-wrap">
-        <div id="weather-info">
-            <div id="location"></div>
-            <div class="primary-info">
-                <div class="primary-info-left" id="main-temperature"></div>
-                <div class="primary-info-right">
-                    <img id="weather-icon" >
-                    <div id="weather-main"></div>
-                </div>
+      <div id="weather-info">
+        <div id="location"></div>
+        <div class="primary-info">
+          <div class="primary-info-left" id="main-temperature"></div>
+          <div class="primary-info-right">
+            <img id="weather-icon" />
+            <div id="weather-main"></div>
+          </div>
+        </div>
+        <hr />
+        <div class="secondary-info">
+          <div class="secondary-info-top">
+            <div id="humidity"></div>
+            <div id="feels-like"></div>
+          </div>
+          <div class="secondary-info-bottom">
+            <div class="secondary-info-bottom-left">
+              <div id="wind"></div>
+              <div id="wind-gust"></div>
             </div>
-            <hr >
-            <div class="secondary-info">
-                <div class="secondary-info-top">
-                    <div id="humidity"></div>
-                    <div id="feels-like"></div>
-                </div>
-                <div class="secondary-info-bottom">
-                    <div class="secondary-info-bottom-left">
-                        <div id="wind"></div>
-                        <div id="wind-gust"></div>
-                    </div>
-                    <div class="secondary-info-bottom-right" id="compass">
-                        <span id="compass-arrow">
-                            <span class="arrow-head"></span>
-                        </span>
-                        <span class="compass-direction north"></span>
-                        <span class="compass-direction east"></span>
-                        <span class="compass-direction south"></span>
-                        <span class="compass-direction west"></span>
-                    </div>
-                </div>
+            <div class="secondary-info-bottom-right" id="compass">
+              <span id="compass-arrow">
+                <span class="arrow-head"></span>
+              </span>
+              <span class="compass-direction north"></span>
+              <span class="compass-direction east"></span>
+              <span class="compass-direction south"></span>
+              <span class="compass-direction west"></span>
             </div>
+          </div>
         </div>
+      </div>
     </div>
 
     <div class="btn-wrap">
-        <span>Weather for:</span>
-        <select id="location-selector">
-            <option value=""></option>
-            <option value="new york">New York</option>
-            <option value="los angeles">Los Angeles</option>
-            <option value="chicago">Chicago</option>
-            <option value="paris">Paris</option>
-            <option value="tokyo">Tokyo</option>
-            <option value="london">London</option>
-        </select>
-        <button id="get-forecast">Get Forecast</button>
+      <span>Weather for:</span>
+      <select id="location-selector">
+        <option value=""></option>
+        <option value="new york">New York</option>
+        <option value="los angeles">Los Angeles</option>
+        <option value="chicago">Chicago</option>
+        <option value="paris">Paris</option>
+        <option value="tokyo">Tokyo</option>
+        <option value="london">London</option>
+      </select>
+      <button id="get-forecast">Get Forecast</button>
     </div>
 
     <script type="text/javascript" src="script.js"></script>
-</body>
-
+  </body>
 </html>
 ```
 
@@ -648,7 +684,7 @@ body {
   padding: 20px;
   border-radius: 10px;
   background-color: #6cd488;
-  box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
 }
 
 .btn-wrap > span {
@@ -658,7 +694,7 @@ body {
 }
 
 .btn-wrap > span::first-letter {
-  font-size: 1.3em
+  font-size: 1.3em;
 }
 
 #location-selector {
@@ -682,7 +718,7 @@ body {
   background-color: #eee;
   border-radius: 10px;
   border: 2px solid black;
-  box-shadow: 6px 6px 6px rgba(0,0,0,0.5);
+  box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.5);
 }
 
 #weather-info {
@@ -781,13 +817,15 @@ body {
   background-color: black;
 }
 
-.north, .south {
+.north,
+.south {
   width: 3px;
   height: 8px;
   left: 50%;
 }
 
-.east, .west {
+.east,
+.west {
   width: 8px;
   height: 3px;
   top: 50%;
@@ -825,20 +863,16 @@ const mainEl = document.getElementById('weather-main');
 const locationEl = document.getElementById('location');
 const arrowEl = document.getElementById('compass-arrow');
 
-getForecastBtn.addEventListener('click', () =>
-  selectEl.value && showWeather(selectEl.value)
+getForecastBtn.addEventListener(
+  'click',
+  () => selectEl.value && showWeather(selectEl.value)
 );
 
 async function showWeather(city) {
   const json = await getWeather(city);
   const {
     weather,
-    main:
-    { 
-      temp,
-      feels_like,
-      humidity
-    },
+    main: { temp, feels_like, humidity },
     wind: { speed, gust, deg = 0 },
     name
   } = json;
@@ -861,7 +895,9 @@ async function showWeather(city) {
 
 async function getWeather(city) {
   try {
-    const response = await fetch(`https://weather-proxy.freecodecamp.rocks/api/city/${city}`)
+    const response = await fetch(
+      `https://weather-proxy.freecodecamp.rocks/api/city/${city}`
+    );
 
     if (!response.ok) {
       alert('Something went wrong, please try again later');
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md b/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
index 69365f03d5..dade1e5cbe 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
@@ -2,7 +2,7 @@
 id: 672aa8d65995be62ef1c7515
 title: What Are CSS Animations, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dryjwjTQllk
 dashedName: what-are-css-animations
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md b/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
index ed4b6d0586..7aed75cda6 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
@@ -2,7 +2,7 @@
 id: 672cf764cf55a70433590def
 title: What Are Accessibility Concerns Around Using Animations, and How Can prefers-reduced-motion Help?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bKM3ZhO5Sns
 dashedName: what-are-accessibility-concerns-around-using-animations
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
index 267796bc59..562e010a29 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
@@ -2,7 +2,7 @@
 id: 672aa82768e00d600305afc0
 title: What Are Some Tools to Check for Good Color Contrast on Sites?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2qj6LcJ4wSk
 dashedName: what-are-some-tools-to-check-for-good-color-contrast-on-sites
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
index 5a00472b4b..b72ed7b123 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
@@ -2,7 +2,7 @@
 id: 672c35a79fa53e00de9f2a49
 title: "What Are Best Practices for Hiding Content So It Doesn't Become Inaccessible?"
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ycYVairxSdQ
 dashedName: what-are-best-practices-for-hiding-content-so-it-doesnt-become-inaccessible
 ---
 
@@ -90,7 +90,7 @@ When should you hide content on a web page?
 
 ## --answers--
 
-When the content you’re hiding is less important than other content on the page.
+When the content you're hiding is less important than other content on the page.
 
 ### --feedback--
 
@@ -98,7 +98,7 @@ Think about how hiding content affects accessibility and the user experience as
 
 ---
 
-When the content you’re hiding is incorrect.
+When the content you're hiding is incorrect.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
index 173f6f75f9..0753e48d5b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
@@ -2,7 +2,7 @@
 id: 672aa8873d4e25618870764f
 title: What Is Responsive Web Design, and What Is Its Relationship to Tools Like CSS Grid and Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ISOf41vPNJY
 dashedName: what-is-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
index 0ec7c2c62c..f33675391c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
@@ -2,7 +2,7 @@
 id: 672cf05c3ad533eabe1e8197
 title: How Do Media Queries Work, and What Are Some Common Media Types and Features?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1h0QErJG8DE
 dashedName: how-do-media-queries-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
index 8b78e23cc7..8c41d92a3b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
@@ -2,7 +2,7 @@
 id: 672cf06c8f46f9eb04db9832
 title: What Is the Mobile First Approach in Responsive Web Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BuCdyShUzKQ
 dashedName: what-is-the-mobile-first-approach-in-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
index 8f39dba92b..bd51cfa98d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
@@ -2,7 +2,7 @@
 id: 672cf07a2b9796eb49719e03
 title: What Are Media Breakpoints, and What Are Common Breakpoints in Modern Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: R0hiJEAXGIk
 dashedName: what-are-media-breakpoints
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md b/curriculum/challenges/korean/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
index 8195e78587..135ed5b519 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
@@ -62,7 +62,7 @@ Remember the example given for searching for freeCodeCamp content while excludin
 
 ---
 
-`
+`` ` ``
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md b/curriculum/challenges/korean/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
index 1f8865f3c2..b201185a11 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-common-design-tools/672bb619f0d4538d0528760d.md
@@ -94,7 +94,7 @@ Complex video editing features.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ---
 
@@ -106,7 +106,7 @@ Being a raster-based image editor.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ---
 
@@ -114,7 +114,7 @@ Specialized 3D modeling capabilities.
 
 ### --feedback--
 
-Consider Adobe XD’s primary use in UI/UX design and its relationship with other Adobe tools.
+Consider Adobe XD's primary use in UI/UX design and its relationship with other Adobe tools.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
index 0b6eb0b1b0..b17cee5c3f 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
@@ -2,7 +2,7 @@
 id: 6733aa9b006d29f4d11307a5
 title: What Are Some Examples of Common JavaScript Errors?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: e5P8nJkOSMQ
 dashedName: what-are-some-examples-of-common-javascript-errors
 ---
 
@@ -22,15 +22,15 @@ Trying to call a variable like a function.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ---
 
-Trying to use a value that’s out of range.
+Trying to use a value that's out of range.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ---
 
@@ -38,11 +38,11 @@ Writing something incorrectly in your code, like missing a parenthesis or semico
 
 ---
 
-Accessing a variable before it’s declared.
+Accessing a variable before it's declared.
 
 ### --feedback--
 
-It’s like grammar for your code.
+It's like grammar for your code.
 
 ## --video-solution--
 
@@ -58,7 +58,7 @@ What will happen if you try to call a variable that holds a number as if it were
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ---
 
@@ -66,7 +66,7 @@ The error happens because the variable is being treated like a function when it
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ---
 
@@ -78,7 +78,7 @@ The error happens because the variable is being treated like a function when it
 
 ### --feedback--
 
-The error happens because the variable is being treated like a function when it’s not.
+The error happens because the variable is being treated like a function when it's not.
 
 ## --video-solution--
 
@@ -86,7 +86,7 @@ The error happens because the variable is being treated like a function when it
 
 ## --text--
 
-Which error occurs when you try to access an array index that doesn’t exist?
+Which error occurs when you try to access an array index that doesn't exist?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
index bafabd33d8..2118071aa6 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
@@ -2,7 +2,7 @@
 id: 6733bec70d86e13522e98a4f
 title: How Does the Throw Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vNlPchT8nr8
 dashedName: how-does-the-throw-statement-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
index 2623a2c2a9..191090dd59 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
@@ -2,7 +2,7 @@
 id: 6733becf4b0c353553b9bfa4
 title: How Does the Debugger Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gn0q7gXiMRo
 dashedName: how-does-the-debugger-statement-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
index f5c68460bd..cc678b1164 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
@@ -2,7 +2,7 @@
 id: 6733bee844600f35c05b8264
 title: How Does try...catch...finally Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _3whfUfxGYI
 dashedName: how-does-try-catch-finally-work
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which of the following is a common use case for `try…catch…finally` in JavaScript?
+What best describes the `try` block?
 
 ## --answers--
 
-Creating new HTML elements.
+It’s for running code again automatically after an error occurs.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Styling a webpage using CSS.
+It’s for handling errors.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Declaring variables.
+It’s for setup before an error is thrown.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Handling API requests.
+It’s a safe wrapper for code that might throw an error.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
index 49e7be346e..a6d2d7a98d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
@@ -2,7 +2,7 @@
 id: 6733befb703ca6361da3755b
 title: What Are Some Examples of Using Advanced JavaScript Debugging Techniques?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: hHWAQYXRvxs
 dashedName: what-are-some-examples-of-using-advanced-javascript-debugging-techniques
 ---
 
@@ -86,35 +86,35 @@ Think about tracking variables across different parts of the code.
 
 ## --text--
 
-What statement works like a breakpoint in JavaScript, pausing execution for inspection?
+What method can you use to see an interactive list of properties for the JavaScript object you pass in?
 
 ## --answers--
 
-`throw`
+`console.log()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`return`
+`console.table()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`debugger`
+`console.dir()`
 
 ---
 
-`console.log`
+Finding the object in the Network tab and double clicking on it.
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
index a6032fda57..6082d4b9f3 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670803abcb3e980233da4768.md
@@ -2,7 +2,7 @@
 id: 670803abcb3e980233da4768
 title: What are Div Elements and When Should You Use Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: NFAto1m5EhI
 dashedName: what-are-div-elements
 ---
 
@@ -14,35 +14,35 @@ Watch the video and answer the questions below.
 
 ## --text--
 
-What type of element is a `div` element?
+What semantic meaning does a `div` element have?
 
 ## --answers--
 
-An inline-level element.
+The `div` element represents a container for introductory content or a set of navigational links.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-An inline-block element.
+The `div` element defines a footer for a document or section.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-A block-inline element.
+The `div` specifies the main page content and should be unique.
 
 ### --feedback--
 
-Think about how a `div` element occupies space.
+Think about why it is a ghost.
 
 ---
 
-A block-level element.
+The `div` element has no semantic meaning.
 
 ## --video-solution--
 
@@ -94,35 +94,57 @@ Review the beginning of the video for the correct syntax.
 
 ## --text--
 
-What should you group using a `div` element?
+What is the correct syntax for using a `div` to group elements together?
 
 ## --answers--
 
-Block-level content and larger sections.
+```html
+<div>
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+</div>
+```
 
 ---
 
-Inline texts and smaller sections.
+```html
+<div>
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+<div>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ---
 
-The whole HTML content.
+```html
+<div>
+  <p>I'm a paragraph</p>
+</div>
+<div>
+  <p>I'm another paragraph</p>
+</div>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ---
 
-Images and media files only.
+```html
+<div
+  <p>I'm a paragraph</p>
+  <p>I'm another paragraph</p>
+/>
+```
 
 ### --feedback--
 
-Think about related and larger content.
+Review the middle part of the video for the correct syntax.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
index adef974b6d..715cff09bf 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708143cab2b583ecd3324f5.md
@@ -2,7 +2,7 @@
 id: 6708143cab2b583ecd3324f5
 title: What Are Attributes, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: zUCIsEDCIMU
 dashedName: what-are-attributes
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
index d3e6ff98df..3fb860e6fd 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
@@ -2,7 +2,7 @@
 id: 6708382cf088b216580a9ff1
 title: What Are IDs and Classes, and When Should You Use Them?
 challengeType: 11
-videoId: yTuzVH6THdg
+videoId: gM7Tngm3QXo
 dashedName: what-are-ids-and-classes
 ---
 
@@ -116,10 +116,6 @@ Only classes can hold multiple separate values.
 
 `id="main heading"`
 
-### --feedback--
-
-Only classes can hold multiple separate values.
-
 ## --video-solution--
 
 4
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
index a75ddd24b2..95b16c7bd7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
@@ -2,7 +2,7 @@
 id: 67083868d5fdcb17bf8c14bd
 title: What Are HTML Entities, and What Are Some Common Examples?
 challengeType: 11
-videoId: VJmx-XzTqg8
+videoId: mVdIq0H_B4E
 dashedName: what-are-html-entities
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
index c80bdb5d87..7ce09ce185 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
@@ -2,7 +2,7 @@
 id: 670838977810401844af6fe0
 title: What Is the Role of the Link Element in HTML, and How Can It Be Used to Link to External Stylesheets?
 challengeType: 11
-videoId: qeGlYqpFRZA
+videoId: Xdyig5C-oSU
 dashedName: what-is-the-role-of-the-link-element-in-html
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
index 2f13df7865..02192951fb 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
@@ -2,7 +2,7 @@
 id: 670838b10ee87a18e5faff62
 title: What Is the Role of the Script Element in HTML, and How Can It Be Used to Link to External JavaScript Files?
 challengeType: 11
-videoId: ZxpITCgbc5Y
+videoId: nNCwy4QUh8Q
 dashedName: what-is-the-role-of-the-script-element-in-html
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
index c039ba2262..e114141bd0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
@@ -2,7 +2,7 @@
 id: 670838e914096b194b0c51aa
 title: What Is an HTML Boilerplate, and Why Is It Important?
 challengeType: 11
-videoId: UKxDoI54eLE
+videoId: IlJEEVOc9o0
 dashedName: what-is-an-html-boilerplate
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
index e49edd740a..102a2cbe50 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
@@ -2,7 +2,7 @@
 id: 670839051794aa19fcef6dc8
 title: What Is UTF-8 Character Encoding, and Why Is It Needed?
 challengeType: 11
-videoId: SuTPQkOpa10
+videoId: T0VimOMROr8
 dashedName: what-is-utf-8-character-encoding
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
index 88345cd681..a8bb5e2f88 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
@@ -2,7 +2,7 @@
 id: 67083952f800051a8a21fcfd
 title: What Is the Role of the Meta Description, and How Does It Affect SEO?
 challengeType: 11
-videoId: aLy7C2fGDQw
+videoId: G-g2KBE05to
 dashedName: what-is-the-role-of-the-meta-description
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
index c1d55001a7..3e836638ed 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
@@ -2,7 +2,7 @@
 id: 6708396caa00e11b597b3365
 title: What Is the Role of Open Graph Tags, and How Do They Affect SEO?
 challengeType: 11
-videoId: wQhsL9NjiuA
+videoId: 94IAhyEfO8I
 dashedName: what-is-the-role-of-open-graph-tags
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
index 4935c3f182..aa50bc64b9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
@@ -2,7 +2,7 @@
 id: 672a51e9e4fd8b8552eeb758
 title: What Is Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i2d9G5g8WxM
 dashedName: what-is-accessibility
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
index 8bd8e80692..daa434c8ab 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
@@ -2,7 +2,7 @@
 id: 672a5310d7e46b8a34d48dfd
 title: What Are Screen Readers, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aowIBtwkwyE
 dashedName: what-are-screen-readers
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
index db18fbb9a4..81c861daed 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
@@ -2,7 +2,7 @@
 id: 672a5326a7606a8a766cbedb
 title: What Are Large Text or Braille Keyboards, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kg-R09kIDiY
 dashedName: what-are-large-text-or-braille-keyboards
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
index 3b5e58c4a5..b9973911ef 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
@@ -2,7 +2,7 @@
 id: 672a533e6041c28ad680eb8f
 title: What Are Alternative Pointing Devices Such as Trackballs, Joysticks, and Touchpads Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vN7C2gexLu0
 dashedName: what-are-alternative-pointing-devices
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
index 745d4d8839..915bac68a2 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
@@ -2,7 +2,7 @@
 id: 672a5361ef88158b25fbfba7
 title: What Are Screen Magnifiers Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Voiysxr-Df4
 dashedName: what-are-screen-magnifiers
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
index ea40b20532..fb7b4cc0fc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
@@ -2,7 +2,7 @@
 id: 672a536f8386288b9ed0a154
 title: What Is Voice Recognition Software Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _qT4ce85TLg
 dashedName: what-is-voice-recognition-software
 ---
 
@@ -94,7 +94,7 @@ Dragon.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ---
 
@@ -106,7 +106,7 @@ Voice Control.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ---
 
@@ -114,7 +114,7 @@ Voice Access.
 
 ### --feedback--
 
-Most voice recognition software, especially ones that come bundled with operating systems, often include words like “control“ or “access“. Focus on the options that don’t follow this convention.
+Most voice recognition software, especially ones that come bundled with operating systems, often include words like "control" or "access". Focus on the options that don't follow this convention.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
index 43b4c9643c..398853f05b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
@@ -2,7 +2,7 @@
 id: 672a537f05f3798bd4f57d2d
 title: What Are Some Common Accessibility Auditing Tools to Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BZ37IV7eNeo
 dashedName: what-are-some-common-accessibility-auditing-tools
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
index 5f8450f7ab..9a3dc51b4b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
@@ -2,7 +2,7 @@
 id: 672a538c029f9e8c1687460e
 title: How Does Proper Heading Level Structure Affect Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FqBrK9IAvhI
 dashedName: how-does-proper-heading-level-structure-affect-accessibility
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
index f360bcc4c8..7645015c63 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
@@ -2,7 +2,7 @@
 id: 672a539b887ec68c593cdc4b
 title: What Are Best Practices for Tables and Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aaip_wiDgEw
 dashedName: what-are-best-practices-for-tables-and-accessibility
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
index 988d190b70..889b66fbc2 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
@@ -2,7 +2,7 @@
 id: 672a53ae8f1ad28c8a1ed0f0
 title: Why Is It Important for Inputs to Have an Associated Label?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _FWK8pqUUXo
 dashedName: why-is-it-important-for-inputs-to-have-an-associated-label
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
index af986253d7..259c75b9a7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
@@ -2,7 +2,7 @@
 id: 672a53cf67140d8cd85d4b0f
 title: What Is the Purpose of WAI-ARIA, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LNv_JZogKy0
 dashedName: what-is-the-purpose-of-wai-aria
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
index 45f2f251ba..63ce2beb24 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
@@ -2,7 +2,7 @@
 id: 672a549231b8728f7171ed9d
 title: What Are ARIA Roles?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9rEXBdjn5ZQ
 dashedName: what-are-aria-roles
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
index a465acef27..8d209caedb 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
@@ -2,7 +2,7 @@
 id: 672a54a6675c168faa84252d
 title: What Are the Roles of the aria-label and aria-labelledby Attributes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WLb6vAfd_eE
 dashedName: what-are-the-roles-of-the-aria-label-and-aria-labelledby-attributes
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
index 74efdaa36a..26eeeac4db 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
@@ -2,7 +2,7 @@
 id: 672a54bc58319c8fe6f78ad4
 title: What Is the aria-hidden Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QedOQkZOBYc
 dashedName: what-is-the-aria-hidden-attribute
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
index 8a57914143..5f53ca98e3 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
@@ -2,7 +2,7 @@
 id: 672a54ce90c19e9038f481d7
 title: What Is the aria-expanded Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EhZHqC1ZE_Q
 dashedName: what-is-the-aria-expanded-attribute
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
index 63fecb64ec..efbf028f5b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
@@ -2,7 +2,7 @@
 id: 672a54dff9dc439089f1a219
 title: What Is the aria-live Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LGkl102m2-s
 dashedName: what-is-the-aria-live-attribute
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
index 58a4119ada..89dc093f3e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
@@ -2,7 +2,7 @@
 id: 672a54f29d783890d1f94740
 title: What Are Some Common ARIA States Used on Custom Control Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: tzoL0L63V5g
 dashedName: what-are-some-common-aria-states-used-on-custom-control-elements
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
index 227f474939..4fc6b1b677 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
@@ -2,7 +2,7 @@
 id: 672a5507d857a891139abc7f
 title: What Is the aria-controls Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: CIjzHpQHKFo
 dashedName: what-is-the-aria-controls-attribute
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
index cfe559fe6e..8789f5eae6 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
@@ -2,7 +2,7 @@
 id: 672a551975938a916c74802c
 title: What Is the aria-describedby Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IuYRdE-f28M
 dashedName: what-is-the-aria-describedby-attribute
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
index bcc9fc059b..502b85460a 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
@@ -2,7 +2,7 @@
 id: 672a55b5c0c14493328fe36e
 title: When Is the alt Attribute Needed, and What Are Some Examples of Good Alt Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _yKzvDikHOI
 dashedName: when-is-the-alt-attribute-needed
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
index c63035cee6..0afc2ea879 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
@@ -2,7 +2,7 @@
 id: 672a55dd1d86bc939606e204
 title: What Are the Accessibility Benefits for Good Link Text, and What Are Examples of Good Link Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JI_yg4ZivfM
 dashedName: what-are-the-accessibility-benefits-for-good-link-text
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
index 6485aff4a6..0768efbb52 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
@@ -2,7 +2,7 @@
 id: 672a55eb7791559421ff0cd3
 title: What Are Good Ways to Make Audio and Video Content Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KIuKBpihUPg
 dashedName: what-are-good-ways-to-make-audio-and-video-content-accessible
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
index b4e5b4b0c0..69fcc2743c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
@@ -2,7 +2,7 @@
 id: 672a55fbc2d95a9453151caf
 title: What Are Some Ways to Make Web Applications Keyboard Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UE7rKhSKfHs
 dashedName: what-are-some-ways-to-make-web-applications-keyboard-accessible
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
index 173c1708ee..e9ee54a2a9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
@@ -50,35 +50,35 @@ Think about an element that primarily affects text style to highlight when part
 
 ## --text--
 
-Which HTML element is used to emphasize important text?
+When should you use CSS instead of the `i` or `em` elements?
 
 ## --answers--
 
-`em`
+When the text has a special purpose or meaning in the paragraph.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`strong`
+When you want to display text in italics for presentational purposes only.
 
 ---
 
-`i`
+When the text is an idiomatic expression.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`mark`
+When the text needs to be emphasized for importance.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
index c70034f3ea..f8501e6312 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
@@ -50,39 +50,39 @@ Analyze the two types of quotation elements. Think about which one displays the
 
 ## --text--
 
-Which HTML element is used for displaying inline quotations?
+What is the purpose of the `cite` element in HTML?
 
 ## --answers--
 
-`q`
-
----
-
-`blockquote`
+To display inline quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`cite`
+To specify the source URL of a quotation.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`p`
+To mark up the title of a referenced creative work.
+
+---
+
+To display extended quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ## --video-solution--
 
-1
+3
 
 ## --text--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
index 6ca38d68c8..671eaa7226 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
@@ -50,7 +50,7 @@ Think about an element that is specifically designed for shortened words.
 
 ## --text--
 
-What is the primary purpose of the ``abbr` element?
+What is the primary purpose of the `abbr` element?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
index 051b5c4ea8..87f6104018 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e3a9cc78faaf4248d335.md
@@ -1,20 +1,50 @@
 ---
 id: 6734e3a9cc78faaf4248d335
 title: What Is the Role of JS Libraries and Frameworks, and Why Are They Used in the Industry?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-role-of-js-libraries-and-frameworks-and-why-are-they-used-in-the-industry
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+JavaScript libraries and frameworks provide pre-built code that streamlines the development process.  While both libraries and frameworks serve to improve productivity and standardize coding practices, they differ in their approach and level of control they provide to developers.
+
+Libraries are generally more focused on providing solutions to specific tasks, such as manipulating the DOM, handling events, or managing AJAX requests.
+
+An example of a JavaScript library is jQuery.
+
+jQuery became very popular in the early 2010s and was widely used to simplify DOM manipulation, event handling, animations, effects, and more. This library also offered a rich ecosystem of plugins, which made it easy to build common web components like datepickers, sliders, and modal dialogs.
+
+Although jQuery is no longer as widely used as it once was, it significantly helped developers by making tasks that were complex in vanilla JavaScript much easier to implement.
+
+Frameworks, on the other hand, provide a more defined structure for building applications. They often come with a set of rules and conventions that developers need to follow.
+
+For example, Angular encourages a component-based architecture with a set of conventions and tools that provide a structured approach to organizing and building applications. Angular gives developers clear guidelines on how to structure components, manage state, handle routing, and interact with services, making it a more opinionated framework.
+
+Other examples of frameworks include Remix and NextJS.
+
+In contrast, React, a UI library, is more flexible and doesn't enforce any particular architectural pattern. React focuses primarily on the view layer and leaves a lot of the choices on application design up to the developers.
+
+Although libraries and frameworks are used across projects of all sizes, The choice between using them often depends on the project's requirements. Libraries offer flexibility for specific functionalities, while frameworks provide a structured approach towards complex applications.
+
+In the industry, libraries and frameworks are widely used for several reasons. They significantly speed up development by providing quick solutions for common problems.
+
+One common problem in JavaScript is working with dates and timezones. But there are libraries out there with built in solutions to help you with date manipulation, timezones, parsing and formatting of dates.
+
+A lot of popular libraries and frameworks are well-tested and maintained by large communities. This means they're often more practical than building the same thing from scratch.
+
+Libraries and frameworks follow best practices and patterns that have been proven effective in real life scenarios. This can lead to more robust and scalable applications.
+
+In conclusion, libraries and frameworks offer quick solutions to common problems, speed up development, and promote best practices. Understanding the differences between libraries and frameworks, and knowing when to use them is a valuable skill for any JavaScript developer.
 
 # --questions--
 
 ## --text--
 
-Why was jQuery a popular library of choice in the early 2010’s?
+Why was jQuery a popular library of choice in the early 2010's?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
index f643612a40..6384efbdf9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e867bbf41cc5b11648c4.md
@@ -1,14 +1,32 @@
 ---
 id: 6734e867bbf41cc5b11648c4
 title: What Are Single Page Applications, and What Are Some Issues Surrounding Them?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-single-page-applications-and-what-are-some-issues-surrounding-them
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Unlike traditional multi-page websites, single page applications (SPAs) load only one HTML page and dynamically update the content as the user interacts with the app, without reloading the entire page. This approach can lead to faster, more responsive applications, but it also comes a set of challenges and considerations.
+
+SPAs heavily use JavaScript to manage the application's state and render content. Instead of requesting new HTML pages from the server, SPAs use JavaScript to manipulate the DOM and fetch data asynchronously. This is often done using libraries and frameworks like React, Vue, or Angular, which provide great tools for building complex user interfaces.
+
+SPAs have some common issues. One significant issue is that screen readers may struggle with dynamically updated content. When content changes without a page reload/refresh, screen readers might not notify these changes, which makes our users unaware of updates on our web app.
+
+Another challenge with SPAs is with navigation and browser history. Users expect the back and forward buttons to work as they do on traditional websites. This might not work properly in SPAs because technically, the URL of the web app doesn’t change. Since, the URL of the web app doesn’t change, they can’t bookmark any specific page. Refreshing the page might reset the application to its initial state, rather than maintaining the current view.
+
+SPAs can pose challenges for SEO optimization.
+
+Search engines like Google can have difficulty indexing dynamically loaded content because they may not execute JavaScript properly or may miss content that isn’t included in the initial HTML page. This can lead to pages not being indexed correctly.
+
+However, modern search engines have improved their ability to crawl SPAs, and there are techniques such as server-side rendering (SSR), pre rendering, and the use of SEO-friendly URLs that can help mitigate these issues and improve SEO for SPAs.
+
+Performance is another consideration. SPAs load the entire application in one go, which means that if the loading time increases, users will be seeing a blank screen for a longer period of time. Now consider the scenario of users with slower internet speeds. Overall, the user experience will not be very pleasant.
+
+In conclusion, while Single Page Applications offer many benefits, they also present unique challenges. Developers need to be careful of accessibility, usability, SEO, and performance considerations when building SPAs. By addressing these issues, it's possible to create SPAs that are fast, responsive, and accessible to all users.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
index 41ae2d9b62..5c3163ec9d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e86f590727c5e7e9ec5e.md
@@ -1,14 +1,30 @@
 ---
 id: 6734e86f590727c5e7e9ec5e
 title: What Is React, and What Is It Commonly Used For?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-react-and-what-is-it-commonly-used-for
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+React is one of the most popular JavaScript libraries for building user interfaces and web applications. Originally developed and maintained by Facebook, React has gained huge popularity in web development due to its efficiency, flexibility, and features.
+
+A fundamental concept in React is the creation of reusable UI components. These components, such as buttons, cards, and avatar components, can be easily reused throughout your application. You can nest these components inside each other to build more complex, dynamic interfaces.
+
+One of the key advantages of React is that these custom components can update and render independently as data changes.
+
+Unlike traditional JavaScript, which requires direct manipulation of the DOM (Document Object Model), React uses a virtual DOM, which improves performance and efficiency. You’ll learn more about the virtual DOM and how it works in upcoming lecture videos.
+
+In addition to reusable components, React also provides a powerful way to manage the state of your application. State refers to the data that determines how a component renders and behaves.
+
+With React, you can easily track and update the state of components, ensuring that the UI reflects the most current data. You will learn more about working with state in future lecture videos.
+
+While there are many libraries within the JavaScript ecosystem, freeCodeCamp will mainly be focused on teaching React because of its wide spread use and demand in the industry.
+
+Over the next few lectures, we will dive deeper into building custom components, managing state, and more.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
index 419372cd3e..c0d9ac8920 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e879c78ee6c61db25b90.md
@@ -1,14 +1,117 @@
 ---
 id: 6734e879c78ee6c61db25b90
 title: What Are Components in React, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-components-in-react-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Components are the building blocks of React applications that allow developers to break down complex user interfaces into smaller, manageable pieces, making it easier to develop and maintain large-scale applications.
+
+The two types of components in React are functional and class based components. In modern React, developers will use functional components and all of the examples we look at today will be functional components.
+
+At a higher level, you can think of component like JavaScript functions that return elements describing the UI.
+
+This UI is described using JSX, a syntax extension for JavaScript that looks similar to HTML but allows you to write UI elements in a more declarative way.
+
+Let's look at an example of a React component:
+
+```js
+function Greeting() {
+  const name = "John"
+  {/* The result will be Hello John*/}
+  return <h1 className="title">Hello {name}</h1>;
+}
+```
+
+In this example, we've defined a component called Greeting. The curly braces `{}` inside the `h1` tags enable us to embed JavaScript expressions, allowing us to access the name variable within the h1 element.
+
+We are also applying a `className` called title to the `h1` element.
+
+But why are we using `className` instead of class like with regular HTML elements?
+
+Well this is because in JavaScript, `class` is a reserved name. So, we need to use `className` instead.
+
+We are also using a comment in JSX showing what the result will be. It is important to note that you can use regular comment syntax like this but it needs to be wrapped in curly braces in order for it to work.
+
+```js
+{/* Block Comments */}
+```
+
+Another thing you might have noticed is that we are using a capital letter at the beginning of the component name. But why can’t we use all lower case letters?
+
+This is because React treats components with a capital letter as custom components, while elements with lowercase letters are considered built-in HTML elements.
+
+When React encounters a lowercase tag (like `<div>` or `<span>`), it assumes it's a standard HTML element. However, if the component name starts with a capital letter, React will treat it as a user-defined component and render it accordingly. This distinction helps React differentiate between native HTML tags and components that you create.
+
+To use this `Greeting` component in our application, we would write something like this:
+
+```js
+<Greeting />
+```
+
+This would render an `<h1>` element with the text `"Hello, John"` to the page. But take a closer look at the syntax here. When we use the component, it ends with a forward slash and then the greater than symbol.
+
+When working with JSX, all tags and uses of components need to be explicitly closed. So if the component or tag does not have any children, then you need to explicitly close it like shown here
+
+```js
+<img />
+<MyComponent />
+```
+
+So far we have only been looking at how to render a single h1 element. But you can actually render multiple elements.
+
+Let’s take a look at the following example code here:
+
+```js
+function Greeting() {
+  const name = "John";
+  {/* This will throw an error */}
+  return <h1>Hello {name}</h1> 
+  <p>Nice to meet you.</p>
+}
+```
+
+We are trying to add another sentence of `"Nice to meet you"` but it is not rendering on the page correctly.
+
+There seems to be an error message instead. The error message says `"Adjacent JSX elements must be wrapped in an enclosing tag."`
+
+The reason why you are getting that error message is because multiple sibling elements need to be wrapped in a parent element. While you could wrap the h1 and p elements in a single div, there is another way to silence the error.
+
+React `<Fragment>`s are used to group elements together.
+
+Here is what the revised example will look like:
+
+```js
+function Greeting() {
+  const name = "John";
+  return (
+    <Fragment>
+      <h1>Hello {name}</h1>
+      <p>Nice to meet you.</p>
+    </Fragment>
+  );
+}
+```
+
+You can also choose to use empty JSX tags which can serve as shorthand for Fragments.
+
+```js
+ function Greeting() {
+  const name = "John";
+  return (
+    <>
+      <h1>Hello {name}</h1>
+      <p>Nice to meet you.</p>
+    </>
+  );
+}
+```
+
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
index 158d5b4c12..cfd23df155 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/6734e88cc46e6dc679420040.md
@@ -1,14 +1,63 @@
 ---
 id: 6734e88cc46e6dc679420040
 title: What is Vite and How Can It Be Used to Setup a New React Project?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-vite-and-how-can-it-be-used-to-setup-a-new-react-project
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Unlike working with smaller vanilla HTML, CSS, and JavaScript projects, starting a new React project includes a few more steps to ensure that everything runs correctly. Instead of trying to setup of all of the necessary configurations by yourself, there are tools that will do that for you.
+
+One of the most popular tools for setting up projects is Vite. Vite, which means "fast" in French, is a build tool that aims to provide a faster development experience for modern web projects. Vite can be used with React, as well as with other libraries and frameworks like Vue or Svelte. You can even use it with vanilla JavaScript projects.
+
+To create a new project with Vite, you will need to use the command line. If you are using Windows machine, then you can use the Command Prompt or Windows PowerShell. If you are using a Mac, then you can use the Terminal app.
+
+Once you have the command line open, you can use the following command:
+
+```bash
+npm create vite@latest my-react-app -- --template react
+```
+
+This command creates a new React project named `my-react-app` using Vite's React template.
+
+You can then open up the new project and see the React boilerplate code that Vite has provided for you.
+
+The great thing about Vite is that it will only provide the files that are absolutely necessary to get started with your React project.
+
+To actually run the project as is, you will need to install the dependencies using the following commands in the command line:
+
+```bash
+  cd my-react-app
+  npm install
+```
+
+The `cd my-react-app` command ensures that you change to the correct directory where your project is located.
+
+The `npm install` command is used to install the dependencies needed to properly run your React project. Dependencies are libraries or packages that your React project requires in order to function correctly, such as React itself, ReactDOM, or other third-party packages that provide additional functionality.
+
+Running `npm install` will read the `package.json` file in your project directory and install all the dependencies listed there, allowing you to build and run your React app without missing any necessary components.
+
+The `package.json` file is a key configuration file in projects that contains metadata about your project, including its name, version, and dependencies. It also defines scripts, licensing information, and other settings that help manage the project and its dependencies.
+
+Once the dependencies are installed, you should notice a new folder in your project called `node_modules`.
+
+The `node_modules` folder is where all the packages and libraries required by your project are stored. This folder contains the actual code for the dependencies listed in your package.json file, including both your project's direct dependencies and any dependencies of those dependencies.
+
+To run your project, run the `npm run dev` command and open up a new browser tab at `http://localhost:5173/`.
+
+You should see the starter template that Vite has provided for you.
+
+If you need to stop the local server, press `CTRL + C` in the command line.
+
+To actually see the code for this starter template, you can go into your project inside the src folder and you should see the `App.jsx` file.
+
+From there you can start to modify the file, save your changes and see the new changes display in the browser.
+
+And with that, you're ready to begin building your React application!
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
index ea0054f4ca..bbc991edf0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript-libraries-and-frameworks/674ba6876f7ada867135bb95.md
@@ -1,14 +1,106 @@
 ---
 id: 674ba6876f7ada867135bb95
 title: How Can You Import and Export Components in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-import-and-export-components-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In this lecture, we will take a look at how to import and export components in React.
+
+In this example, we have a `Cat` component that belongs in a file called `Cat.jsx`. For the file extension, we are using the jsx file extension because this file is mainly working with JSX.
+
+```js
+function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+```
+
+This `Cat` component returns a JSX markup with a title and image for a cat called Mr.Whiskers.
+
+If we want to use our `Cat` component in another file, we need to first export it like this:
+
+```js
+function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+
+export default Cat;
+```
+
+We are using the default keyword because this will be the default export from the module. You can also choose to export the component on the same line as the component definition like this:
+
+```js
+export default function Cat() {
+  return (
+    <div className="card">
+      <h2>Mr. Whiskers</h2>
+      <img
+        src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg"
+        alt="Cute cats running in the grass."
+      />
+    </div>
+  );
+}
+```
+
+You can choose to import child components in other parent component files. Or import them in the root component file. For this example, we will import the Cat component inside the root component file.
+
+Every React project will have a top-level component, typically called `App.jsx`. This file is usually located in the src directory of your project. You’ll learn more about common project layouts in a future lecture video.
+
+```js
+export default function App() {
+  return (
+    // return component here
+  );
+}
+```
+
+To use the `Cat` component inside the root `App` component, you will need to import it like this:
+
+```js
+import Cat from "./Cat";
+
+export default function App() {
+  return (
+    // return component here
+  );
+}
+```
+
+Now, you can return the `Cat` component inside the `App` component like this:
+
+```js
+import Cat from "./Cat";
+
+export default function App() {
+  return (
+    <Cat />
+  );
+}
+```
+
+As you continue building your own React projects, you’ll become more comfortable organizing components, importing them where needed, and creating sophisticated UIs by composing these modular components.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
index 6ca9e5d940..ce54c281bb 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
@@ -2,7 +2,7 @@
 id: 672d26385dbe73203c4dac81
 title: What Is JavaScript, and How Does It Work with HTML and CSS?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G7lc_Yt2fqY
 dashedName: what-is-javascript
 ---
 
@@ -58,7 +58,7 @@ JavaScript adds more styles to the CSS file.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ---
 
@@ -66,11 +66,11 @@ JavaScript creates a new version of HTML for the page.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ---
 
-JavaScript interacts with the DOM to change content and styles dynamically.
+JavaScript interacts with the page to change content and styles dynamically.
 
 ---
 
@@ -78,7 +78,7 @@ JavaScript only works in the backend.
 
 ### --feedback--
 
-Think about how JavaScript can change the webpage’s content or styles without needing a page reload.
+Think about how JavaScript can change the webpage's content or styles without needing a page reload.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
index 9c8fdba12f..af13e8e3bb 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
@@ -2,7 +2,7 @@
 id: 672d496eca926b5df8176a67
 title: What Is a Data Type, and What Are the Different Data Types in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DQgf3RxOiQg
 dashedName: what-is-a-data-type
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
index e39d154003..ec58dd387d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
@@ -2,7 +2,7 @@
 id: 672d497cb1a1675e47bf7ea1
 title: What Are Variables, and What Are Guidelines for Naming JavaScript Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: h6ytd29mrrg
 dashedName: what-are-variables
 ---
 
@@ -74,7 +74,7 @@ Remember the rules for starting a variable name and avoiding special characters
 
 ---
 
-`return`
+`const`
 
 ### --feedback--
 
@@ -90,7 +90,7 @@ Why is it important to use descriptive names for your variables?
 
 ## --answers--
 
-It’s required by JavaScript.
+It's required by JavaScript.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
index 046193f28b..887da5e0df 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
@@ -2,7 +2,7 @@
 id: 672d49959621885e9d3e672c
 title: How Do let and const Work Differently When It Comes to Variable Declaration, Assignment, and Reassignment?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ax8XbAiG4Ek
 dashedName: how-do-let-and-const-work
 ---
 
@@ -66,7 +66,7 @@ When you want to track a value that will change during program execution.
 
 ---
 
-When you want to declare a variable but don’t want it to be accessible in a specific block of code.
+When you want to declare a variable but don't want it to be accessible in a specific block of code.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
index 57696daf94..b6d894df10 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
@@ -2,7 +2,7 @@
 id: 672d49a5cf43945ee09e5fba
 title: What Is a String in JavaScript, and What Is String Immutability?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AXinCYvj7h8
 dashedName: what-is-a-string
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
index 6d90d8cd24..f021fff99e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
@@ -2,7 +2,7 @@
 id: 672d49b2fb76df5f1d6117af
 title: What Is String Concatenation, and How Can You Concatenate Strings with Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4bCDHakINH8
 dashedName: what-is-string-concatenation
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
index 38058dd76e..eb62c204cf 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
@@ -2,7 +2,7 @@
 id: 672d49c4e899345f5b33c24c
 title: What Is console.log Used For, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J9CeRj7EBmM
 dashedName: what-is-console-log
 ---
 
@@ -50,7 +50,7 @@ Think about where you can see the results of the `console.log` method.
 
 ## --text--
 
-Which of the following examples correctly uses `console.log` to display the value of a variable?
+Which of the following examples correctly uses `console.log` to display the value of a string?
 
 ## --answers--
 
@@ -110,11 +110,11 @@ Think about the basic structure of `console.log` and where the variable should g
 
 ---
 
-`console.write(age);`
+`console.log("age");`
 
 ### --feedback--
 
-Think about the basic structure of `console.log` and where the variable should go.
+Think about the difference between a variable and a string.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
index db6be4b3f6..5b27976bf6 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
@@ -2,7 +2,7 @@
 id: 672d49d93b54b85faa4dbad7
 title: What Is the Role of Semicolons in JavaScript, and Programming in General?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BgZYZV0_-UM
 dashedName: what-is-the-role-of-semicolons
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
index ab6814c50b..5dda4709d8 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
@@ -2,7 +2,7 @@
 id: 672d49e65a1c855fe7bb3fdb
 title: What Are Comments in JavaScript, and When Should You Use Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HyYHnvP_EaM
 dashedName: what-are-comments-in-javascript
 ---
 
@@ -98,7 +98,7 @@ Think about how comments help clarify but should not clutter the code.
 
 ---
 
-Only use comments for complex logic or unclear code.
+Use comments to provide context and leave notes for yourself and other developers.
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md b/curriculum/challenges/korean/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
index 9273138f57..34f6a8de44 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
@@ -86,42 +86,6 @@ This rule adds space below each list item, not above.
 
 ## --text--
 
-Given the CSS rule `li { margin-bottom: 15px; }`, what effect does this have on list items?
-
-## --answers--
-
-Adds `15px` of space inside each list item.
-
-### --feedback--
-
-This rule affects the space outside the list item, not inside.
-
----
-
-Adds `15px` of space between the content and `border` of each list item.
-
-### --feedback--
-
-This rule affects the space outside the `border` of each list item.
-
----
-
-Adds `15px` of space below each list item.
-
----
-
-Adds `15px` of space above each list item.
-
-### --feedback--
-
-This rule adds space below each list item, not above.
-
-## --video-solution--
-
-3
-
-## --text--
-
 What does the `line-height` property control in CSS?
 
 ## --answers--
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md b/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
index 0982d60a3e..5d1897b9df 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
@@ -2,7 +2,7 @@
 id: 67329fbcfaf5ff5cdaa38a42
 title: What Is the var Keyword, and Why Is It No Longer Suggested to Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ae4bq5IcDfI
 dashedName: what-is-the-var-keyword-and-why-is-it-no-longer-suggested-to-use-it
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md b/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
index bc8a1a6b21..c4decaafbe 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
@@ -2,7 +2,7 @@
 id: 67335f45489c5a11b71d0ed5
 title: What Is Hoisting?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Aa1bLYTu5T8
 dashedName: what-is-hoisting
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
index 39fa9b1772..7e9ac93c18 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
@@ -2,7 +2,7 @@
 id: 6733b072bd8f5b06ccdbd9e2
 title: What Is Asynchronous JavaScript, and How Does It Differ from Synchronous JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ibxm8ApRm8A
 dashedName: what-is-asynchronous-javascript-and-how-does-it-differ-from-synchronous-javascript
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
index 95a85fa90e..6cb9d259b1 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
@@ -2,7 +2,7 @@
 id: 67340798c2c1776709d8a5fe
 title: How Does the Async Attribute Work Inside Script Elements, and How Does It Differ from the Defer Attribute?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G0eRfrQzHdM
 dashedName: how-does-the-async-attribute-work-inside-script-elements-and-how-does-it-differ-from-the-defer-attribute
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
index 3a53b7a083..287bc520cc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
@@ -2,7 +2,7 @@
 id: 673407a223891b6734563c89
 title: What Is the Fetch API, and What Are Common Types of Resources That Are Fetched from the Network?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DVq2gXN12tQ
 dashedName: what-is-the-fetch-api-and-what-are-common-types-of-resources-that-are-fetched-from-the-network
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
index ffcc41b7e0..1b6e559cf9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
@@ -2,7 +2,7 @@
 id: 673407be6af21d6766ed4b96
 title: How Does the Fetch API Work with Common HTTP Methods and res.json()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: igua3fllgXc
 dashedName: how-does-the-fetch-api-work-with-common-http-methods-and-res-json
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
index 140a6c6384..0269fc49b0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
@@ -2,7 +2,7 @@
 id: 673407ca21117a67cf9521ca
 title: What Are Promises, and How Does Promise Chaining Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 7BclniIRnUs
 dashedName: what-are-promises-and-how-does-promise-chaining-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
index 963fc7e828..1cd296de72 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
@@ -2,7 +2,7 @@
 id: 673407d56c3dce67fa97969b
 title: What Is Async/Await, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GYf6F2PTMEw
 dashedName: what-is-async-await-and-how-does-it-work
 ---
 
@@ -62,7 +62,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only at the top level of a module.
+At very beginning of your code.
 
 ### --feedback--
 
@@ -70,7 +70,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only inside `async` functions.
+Inside `async` functions.
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
index e4d24c63fd..c98ac06414 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
@@ -2,7 +2,7 @@
 id: 673407e02bcf0d682b9a49a9
 title: How Does the JavaScript Engine Work, and What Is a JavaScript Runtime?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ekNo7Ai_4Uo
 dashedName: how-does-the-javascript-engine-work-and-what-is-a-javascript-runtime
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
index e3a4b550e0..053796abee 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
@@ -2,7 +2,7 @@
 id: 673407eb10ca9d68634e81d9
 title: What Is the Geolocation API, and How Does the getCurrentPosition Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Daytgop2tf0
 dashedName: what-is-the-geolocation-api-and-how-does-the-getcurrentposition-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
index e2d2d17228..e92ab03672 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
@@ -2,7 +2,7 @@
 id: 672d26917a8ab3220c038a42
 title: How Do Comparisons Work with Null and Undefined Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LFaWJYxUkds
 dashedName: how-do-comparisons-work-with-null-and-undefined-data-types
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
index efe7c82d19..6cab8f1804 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
@@ -1,14 +1,109 @@
 ---
 id: 673282bea35dbf129efb63d6
 title: What Are Switch Statements and How Do They Differ from If/Else Chains?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-switch-statements-and-how-do-they-differ-from-if-else-chains
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+`Switch` statements and `if/else` chains are both control flow structures in programming that allow us to execute different code blocks based on certain conditions. However, they have distinct characteristics and use cases.
+
+A `switch` statement evaluates an expression and matches its value against a series of `case` clauses. When a match is found, the code block associated with that `case` is executed.
+
+Here's a basic structure of a `switch` statement:
+
+```js
+switch (expression) {
+  case value1:
+    // code to be executed if expression === value1
+    break;
+  case value2:
+    // code to be executed if expression === value2
+    break;
+  default:
+    // code to be executed if expression doesn't match any case
+}
+```
+
+The `break` statement at the end of each `case` is crucial. It tells the program to exit the `switch` block once a matching `case` has been executed. Without it, the program would continue executing subsequent cases, a behavior known as "fall-through".
+
+`Switch` statements are typically used when you're comparing a single variable against multiple possible values. They're especially useful when you have many potential conditions to check against a single variable.
+
+Here is an example using a `switch` statement for the days of the week:
+
+```js
+let dayOfWeek = 3;
+
+switch (dayOfWeek) {
+    case 1:
+        console.log("It's Monday! Time to start the week strong.");
+        break;
+    case 2:
+        console.log("It's Tuesday! Keep the momentum going.");
+        break;
+    case 3:
+        console.log("It's Wednesday! We're halfway there.");
+        break;
+    case 4:
+        console.log("It's Thursday! Almost the weekend.");
+        break;
+    case 5:
+        console.log("It's Friday! The weekend is near.");
+        break;
+    case 6:
+        console.log("It's Saturday! Enjoy your weekend.");
+        break;
+    case 7:
+        console.log("It's Sunday! Rest and recharge.");
+        break;
+    default:
+        console.log("Invalid day! Please enter a number between 1 and 7.");
+}
+```
+
+`Switch` statements can be more readable and concise when dealing with many possible values for a single variable.
+
+`If/else` statements on the other hand are more flexible. They can evaluate complex conditions and different variables in each clause. This makes them suitable for a wider range of scenarios.
+
+Here is an example of when you might use an `if/else` statement over a `switch` statement:
+
+```js
+let creditScore = 720;
+let annualIncome = 60000;
+let loanAmount = 200000;
+
+let eligibilityStatus;
+
+if (creditScore >= 750 && annualIncome >= 80000) {
+    eligibilityStatus = "Eligible for premium loan rates.";
+} else if (creditScore >= 700 && annualIncome >= 50000) {
+    eligibilityStatus = "Eligible for standard loan rates.";
+} else if (creditScore >= 650 && annualIncome >= 40000) {
+    eligibilityStatus = "Eligible for subprime loan rates.";
+} else if (creditScore < 650) {
+    eligibilityStatus = "Not eligible due to low credit score.";
+} else {
+    eligibilityStatus = "Not eligible due to insufficient income.";
+}
+
+console.log(eligibilityStatus);
+```
+
+In this example, we have a person’s annual income and credit score, and are checking what types of loan they would qualify for.
+
+Since we are dealing with more complex logical evaluations and multiple variables, it is better to use an `if/else` statement here versus a `switch` statement.
+
+It's worth noting that `switch` statements in JavaScript use strict comparison (`===`), which means they don't perform type coercion. This can be an advantage in terms of predictability and avoiding subtle bugs.
+
+In summary, while both `switch` statements and `if/else` chains allow for multiple-branch logic in your code, they have different strengths.
+
+`Switch` statements excel at handling multiple possible values for a single variable, while `if/else` chains offer more flexibility for complex conditions.
+
+The choice between them often comes down to the specific requirements of your code and personal or team coding style preferences.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
index 11fc342586..96d642737c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
@@ -2,7 +2,7 @@
 id: 672aa578a2129554d4675049
 title: What Are the Basic Parts of a Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: SJT6r_ejSqw
 dashedName: what-are-the-basic-parts-of-a-computer
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
index 99c7c12bda..91a1e84380 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
@@ -2,7 +2,7 @@
 id: 672ab82c1a9bbd0e3aabc39d
 title: How Can You Effectively Work With Your Keyboard, Mouse, and Other Pointing Devices
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AcTxNEVccxc
 dashedName: how-to-effectively-work-with-your-keyboard-mouse-and-other-pointing-devices
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
index 9105b060dc..515d189cc8 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
@@ -2,7 +2,7 @@
 id: 672ab83c4297910eade53c2e
 title: What Are the Different Types of Internet Service Providers?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pNR0QzFzSrg
 dashedName: what-are-the-different-types-of-internet-service-providers
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
index 0fcef9d4cc..8e1b267afd 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
@@ -2,7 +2,7 @@
 id: 672ab849aa1ef70eefd29364
 title: What Are Safe Ways to Sign Into Your Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pGoZFEMjC-g
 dashedName: what-are-safe-ways-to-sign-into-your-computer
 ---
 
@@ -78,7 +78,7 @@ Think about the extra layer of security.
 
 ---
 
-To ensure the person trying to access the account is the authorized user.
+It ensures the person trying to access the account is the authorized user.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
index 18c74684ad..0aba68160a 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
@@ -2,7 +2,7 @@
 id: 672ab8573f32480f192aaae1
 title: What Are the Different Types of Tools Professional Developers Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FHUfC8cm_AA
 dashedName: what-are-the-different-types-of-tools-professional-developers-use
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
index 1604f7ec9b..43fdc2091c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
@@ -2,7 +2,7 @@
 id: 67329f9e9eb84e5c6a5e4366
 title: What Is a String Object, and How Does It Differ from String Primitive?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _-EJRG7vr-0
 dashedName: what-is-a-string-object-and-how-does-it-differ-from-string-primitive
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
index 772d1bf66e..b81371dcae 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
@@ -2,7 +2,7 @@
 id: 6732c68f4520d160584a6fd2
 title: What Is the toString() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: OYOHw8Xmatw
 dashedName: what-is-the-tostring-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
index a2fe162e72..3bfd6c643e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
@@ -2,7 +2,7 @@
 id: 6732c69d82814160951b1aa7
 title: What Is the Number Constructor, and How Does It Work for Type Coercion?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZY_GdH7FbPI
 dashedName: what-is-the-number-constructor-and-how-does-it-work-for-type-coercion
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
index 9fe8fd7de9..aa9de6ca0f 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
@@ -2,7 +2,7 @@
 id: 6732c6ab21031b60d2b0c999
 title: What Are Some Common Practices for Naming Variables and Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: wheRZCpE724
 dashedName: what-are-some-common-practices-for-naming-variables-and-functions
 ---
 
@@ -86,35 +86,35 @@ Remember the prefix we typically use for getter functions.
 
 ## --text--
 
-Which of these is the best name for a constant representing the maximum number of login attempts?
+Which of the following should you do if you’re working in an established codebase and / or with a team?
 
 ## --answers--
 
-`max_attempts`
+Use your text editor's find-and-replace feature to update any function or variable names you come across that could be improved, even it's not related to the task you're working on.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`MAX_LOGIN_ATTEMPTS`
+Stick to the naming conventions for variables and functions that have already been established.
 
 ---
 
-`loginMaxAttempts`
+Come up with your own naming conventions for any new code you write.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`ATTEMPTS_MAX`
+Strictly use the naming conventions covered in this lecture.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
index 96a5d87762..627d73b2a3 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
@@ -2,7 +2,7 @@
 id: 6732c6ba2ea42b610b9f9ce1
 title: How Do You Get the Length for an Array, and How Can You Create an Empty Array of Fixed Length?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ezk1SIbBDqw
 dashedName: how-do-you-get-the-length-for-an-array-and-how-can-you-create-an-empty-array-of-fixed-length
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
index fb67a1c812..6aca9b93a9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
@@ -2,7 +2,7 @@
 id: 6732c6c72d3738614e1230a2
 title: What Are Linters and Formatters, and How Can They Help You with Code Consistency?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XDPvu4bk8IA
 dashedName: what-are-linters-and-formatters-and-how-can-they-help-you-with-code-consistency
 ---
 
@@ -106,7 +106,7 @@ Think about when it would be most beneficial to catch potential issues.
 
 ---
 
-As part of the continuous integration pipeline.
+As part of the build process, a plugin for your text editor or IDE, a pre-commit hook before code can be committed to a codebase, and so on.
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
index a7150859dc..781cc1c448 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
@@ -2,7 +2,7 @@
 id: 6732c6d4dec34c61850a1276
 title: What Is Memory Management, and How Does It Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HJF89E-ODlw
 dashedName: what-is-memory-management-and-how-does-it-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
index b93d630963..a5f72166df 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
@@ -2,7 +2,7 @@
 id: 6732c6e281c14a61c4858361
 title: What Are Closures, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J4ZBwMbDAgE
 dashedName: what-are-closures-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
index 38797fe0ea..aafb368aab 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
@@ -2,7 +2,7 @@
 id: 6733aae9d25004f60d1e86f2
 title: What Are Some Ways to Validate Forms Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: azh-Mh6dxyo
 dashedName: what-are-some-ways-to-validate-forms-using-javascript
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
index 614a257d86..ad0285c05d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
@@ -2,7 +2,7 @@
 id: 6733d3a33abdd27cd562bdf2
 title: What Is the Purpose of e.preventDefault?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gBUdCKcBJSg
 dashedName: what-is-the-purpose-of-e-preventdefault
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
index 74b2c72627..31b4d3e0b3 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
@@ -2,7 +2,7 @@
 id: 6733d3ab69e94b7df7ee91b0
 title: How Does the Submit Event Work with Forms?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EWGb5yFyQs4
 dashedName: how-does-the-submit-event-work-with-forms
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
index 10957f235f..4c8b910483 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
@@ -1,14 +1,75 @@
 ---
 id: 6733b0451d6be0065430b418
 title: What Is Functional Programming?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-functional-programming
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functional programming is about writing code that is clean, predictable, and easier to test and debug. Two key concepts we'll explore today are pure functions and avoiding side effects.
+
+Let's start with pure functions.
+
+A pure function is a function that, given the same input, will always return the same output, and it doesn't modify anything outside of itself.
+
+Here's an example of a pure function:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+```
+
+This function is pure because it always returns the same result for the same inputs, and it doesn't change anything outside of itself. No matter how many times you call `add(2, 3)`, it will always return `5`, and it won't affect any other part of your program.
+
+Now, let's contrast this with an impure function:
+
+```js
+let total = 0;
+function addToTotal(value) {
+  total += value;
+  return total;
+}
+```
+
+This function is impure because it modifies a variable outside of itself (`total`). The result of `addToTotal(5)` will be different depending on what `total` was before the function was called. This unpredictability can make our code harder to understand and debug.
+
+This brings us to our next important concept and that is side effects.
+
+A side effect is any change that occurs in the state of the program when a function is called. This could include modifying a global variable, writing to a file, or making an API call.
+
+Pure functions have no side effects but impure functions have these.
+
+Avoiding side effects is a key principle of functional programming. When we minimize side effects, our code becomes more predictable and easier to test.
+
+While writing code, our main goal should be to make functions do one thing and they should do it very well without changing other parts of our program.
+
+Here's an example of a function with a side effect:
+
+```js
+function greet(name) {
+  console.log(`Hello, ${name}!`);
+}
+```
+
+This function has a side effect because it interacts with the outside world by logging to the console.
+
+In functional programming, we might rewrite this as:
+
+```js
+function greet(name) {
+  return `Hello, ${name}!`;
+}
+console.log(greet("Alice"));
+```
+
+Now `greet` is a pure function that simply returns a string, and we handle the side effect (logging to the console) separately.
+
+Functional programming encourages us to compose our programs using pure functions by breaking our code into small, predictable pieces. And thus, we can build programs that are easier to understand, test, and maintain.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
index 435dd0013d..39cae08a55 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
@@ -1,14 +1,56 @@
 ---
 id: 6734061fe116df617a564a37
 title: What Is Currying, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-currying-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Currying is a technique where we transform a function that takes multiple arguments into a sequence of functions, each taking a single argument.
+
+Let's start with a basic example. Imagine we have a function that adds two numbers:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+
+console.log(add(3, 4)); // Output: 7
+```
+
+This is a function that takes two arguments and returns their sum. Now, let's see how we can curry this function:
+
+```js
+function curriedAdd(a) {
+  return function(b) {
+    return a + b;
+  }
+}
+
+console.log(curriedAdd(3)(4)); // Output: 7
+```
+
+In this curry converted code, instead of taking two arguments at once, we have a function that takes the first argument and returns another function. This returned function then takes the second argument and performs the addition. We call it like `curriedAdd(3)(4)`, where each pair of parentheses represents a function call.
+
+But why would we want to do this?
+
+Currying allows us to create some special functions easily. For example, we could create a function that always adds five to any number:
+
+```js
+const addFive = curriedAdd(5);
+console.log(addFive(10)); // Output: 15
+console.log(addFive(20)); // Output: 25
+```
+
+Here, `addFive` is a function that's always ready to add five to whatever number we give it. This is a simple example of partial application, where we fix a certain number of arguments to a function, producing another function that takes fewer arguments.
+
+While our examples have focused on functions with two arguments, currying can be applied to functions with any number of arguments.
+
+As you continue your journey in JavaScript, you'll likely find many situations where currying can make your code cleaner and more expressive.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
index 4db556f700..77979f32f6 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
@@ -2,7 +2,7 @@
 id: 6733affc29df1304e2c97e88
 title: What Are Classes, and How Do They Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ap99e6plM10
 dashedName: what-are-classes-and-how-do-they-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
index e2e7faaaf7..da3b669de0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
@@ -2,7 +2,7 @@
 id: 673403ca2bb16658309e3632
 title: How Does the This Keyword Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Tt1v6kLAdMo
 dashedName: how-does-the-this-keyword-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
index a59505a833..b83eb10e2e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
@@ -2,7 +2,7 @@
 id: 673403d2aa52d8586a14a269
 title: What Is Class Inheritance, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DNO-xTd5D70
 dashedName: what-is-class-inheritance-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
index 84531b6dff..50e53a924d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
@@ -2,7 +2,7 @@
 id: 673403dbf5c9835898632c84
 title: What Are Static Properties and Methods in Classes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xDIqlqh6_EU
 dashedName: what-are-static-properties-and-methods-in-classes
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
index f4336f8d2d..0280a627cf 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
@@ -2,7 +2,7 @@
 id: 672aa86da9937560d3dfe3d6
 title: What Are Common Use Cases for Using Floats, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xUr2Oh1KE8I
 dashedName: what-are-common-use-cases-for-using-floats
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
index edff7974ad..d9b6146d33 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
@@ -2,7 +2,7 @@
 id: 672c3a84fb8d4613776cc99e
 title: What Is Relative Positioning, and How Does This Differ from the Default Static Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3BO43MUDd8Q
 dashedName: what-is-relative-positioning
 ---
 
@@ -22,7 +22,7 @@ Which of the following is the default positioning for all elements?
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
@@ -30,7 +30,7 @@ Think about what kind of positioning doesn’t need any special CSS declaration.
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
@@ -38,7 +38,7 @@ Think about what kind of positioning doesn’t need any special CSS declaration.
 
 ### --feedback--
 
-Think about what kind of positioning doesn’t need any special CSS declaration.
+Think about what kind of positioning doesn't need any special CSS declaration.
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
index 5b2646ed2c..e81f1e77fc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
@@ -2,7 +2,7 @@
 id: 672c3a8fac7c5613b4bb75de
 title: What Is Absolute Positioning, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KaTb9CL9lMQ
 dashedName: what-is-absolute-positioning
 ---
 
@@ -106,7 +106,7 @@ Consider what the element falls back to when no positioned ancestor is available
 
 ---
 
-Relative to the initial containing block (usually the browser’s viewport).
+Relative to the initial containing block (usually the browser's viewport).
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
index 180cf0866c..703bafa815 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
@@ -2,7 +2,7 @@
 id: 672c3a9d32c56113fcaedf24
 title: What Is Fixed and Sticky Positioning, and How Does It Differ from Absolute Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: H7sJoYv_zmA
 dashedName: what-is-fixed-and-sticky-positioning
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
index 1a25bd0249..b21819ecc3 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
@@ -2,7 +2,7 @@
 id: 672c3aa9bc3a481425cb52b3
 title: What Is the Z-Index Property, and How Does It Work to Control the Stacking of Positioned Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IkEM5npJM5E
 dashedName: what-is-the-z-index-property
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
index cccaf8c884..46366eb342 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
@@ -2,7 +2,7 @@
 id: 67329fd6ad99c75d4a4b74e4
 title: What Is a Module in JavaScript, and How Can You Import and Export Modules in Your Program?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mGPyLJLTUpo
 dashedName: what-is-a-module-in-javascript-and-how-can-you-import-and-export-modules-in-your-program
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
index d9ca791db7..1406e683c1 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
@@ -1,14 +1,144 @@
 ---
 id: 6733b02d1e556005a544c5e3
 title: What Is Recursion, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-recursion-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let’s learn how recursion works in JavaScript.
+
+Recursion is a complicated feature that allows you to call a function repeatedly until a base-case is reached. Unlike a traditional loop, recursion allows you to handle something with an unknown depth, such as deeply nested objects/arrays, or a file tree. But you can also use it for more basic tasks, such as counting down from a given number.
+
+Let’s construct a function to do exactly that. We’ll call our function recursiveCountdown, and it needs to accept a number. We’ll have it print this number to the console:
+
+```js
+const recursiveCountdown = (number) => {
+  console.log(number);
+};
+```
+
+Now if we call this and pass the number 5, we’ll see the number print to our terminal. But nothing else happens – and the number 5 certainly isn’t a countdown.
+
+Before we start building the recursive portion of our function, we need to establish our base case first. If you don’t have a base case established, your code will run until it exceeds your memory allocation and crashes.
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+For our base case, we want the countdown to stop if the number is less than 1. When we hit that base-case, we can return to break out of the function execution.
+
+Now that we’ve safely prepared a base-case, we can set up the recursion. The key point that makes a function recursive is that it calls itself in its execution. In this case, we want to call the function after we print the number. But in order to count down, our new number needs to be one less:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+    recursiveCountdown(number - 1);
+  };
+
+recursiveCountdown(5); // 
+```
+
+This would log the numbers 5, 4, 3, 2, and 1 to the console.
+
+We do get our five numbers! But what if we wanted to count up instead? Rather than writing an entirely new function, we can swap the order of our log and our recursive call:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    recursiveCountdown(number - 1);
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+This would log the numbers 1, 2, 3, 4, and 5 to the console.
+
+But why does that work? Well, to understand this you need to understand the call stack. The call stack is how JavaScript tracks and resolves function calls. The stack functions as a last-in-first-out queue of sorts. To understand this better, let’s add some logging to our function:
+
+```js
+const recursiveCountdown = (number) => {
+    console.log(`Function execution started for number: ${number}`);
+    if (number < 1) {
+        console.log(`Base case reached, begin resolving stack`);
+        return;
+    }
+    console.log(`Calling recursiveCountdown with number: ${number - 1}`);
+    recursiveCountdown(number - 1);
+    console.log(`Function execution completed for number: ${number}`);
+  };
+
+recursiveCountdown(5);
+```
+
+We’ve added four key statements here. The first log runs when a function call begins executing. The third log runs just before the recursive function is called. And the fourth log runs when the function execution has ended. The result is:
+
+```md
+Function execution started for number: 5
+Calling recursiveCountdown with number: 4
+Function execution started for number: 4
+Calling recursiveCountdown with number: 3
+Function execution started for number: 3
+Calling recursiveCountdown with number: 2
+Function execution started for number: 2
+Calling recursiveCountdown with number: 1
+Function execution started for number: 1
+Calling recursiveCountdown with number: 0
+Function execution started for number: 0
+Base case reached, begin resolving stack
+Function execution completed for number: 1
+Function execution completed for number: 2
+Function execution completed for number: 3
+Function execution completed for number: 4
+Function execution completed for number: 5
+```
+
+But how does this happen? Well, this is where the call stack comes in to play. When we call `recursiveCountdown(5)`, that function call is added to the call stack.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(4)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(4)` gets added to the call stack, on top of the `recursiveCountdown(5)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(3)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(3)` gets added to the call stack, on top of the `recursiveCountdown(4)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(2)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(2)` gets added to the call stack, on top of the `recursiveCountdown(3)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(1)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(1)` gets added to the call stack, on top of the `recursiveCountdown(2)`.
+
+And finally, when that function call reaches the point where it needs to call `recursiveCountdown(0)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(0)` gets added to the call stack, on top of the `recursiveCountdown(1)`.
+
+But `recursiveCountdown(0)` doesn’t call another function – it hits our base case, where it returns early. Because the execution of that function has ended, the function call can be considered “resolved”. When the call is resolved, it’s removed from the stack.
+
+Now our `recursiveCountdown(1)` is no longer waiting on that call – it’s at the top of the stack and can resume executing.
+
+`recursiveCountdown(1)` resolves, is removed from the stack, and allows `recursiveCountdown(2)` to resume execution.
+
+`recursiveCountdown(2)` resolves, is removed from the stack, and allows `recursiveCountdown(3)` to resume execution.
+
+`recursiveCountdown(3)` resolves, is removed from the stack, and allows `recursiveCountdown(4)` to resume execution.
+
+`recursiveCountdown(4)` resolves, is removed from the stack, and allows `recursiveCountdown(5)` to resume execution.
+
+And `recursiveCountdown(5)` resolves and is removed from the stack. Our call stack is now empty, so the recursion is complete!
+
+This is a basic overview of how recursion works in JavaScript. It’s a complicated concept, and you should play around with some code and log statements until you’re comfortable with the behavior of the call stack.
+
+For a little fun fact, we talked about how a lack of a base-case can cause your code to crash when it runs out of memory. This is because the recursion keeps piling more and more function calls into the call stack until the stack overflows. Just like the name of the popular programming community.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
index 7e2662b831..8b15a1fa60 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
@@ -2,7 +2,7 @@
 id: 6732a06aed1b095f57b0bb82
 title: What Is the Change Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 87w0nfXZhss
 dashedName: what-is-the-change-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
index 5eb1995853..d5ef623ff0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
@@ -2,7 +2,7 @@
 id: 67338e93b75977a344cf6d40
 title: How Do Event Bubbling, and Event Delegation Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9yeVpWaYwMU
 dashedName: how-do-event-bubbling-and-event-delegation-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md b/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
index 046c33cb15..a38b58bf7d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
@@ -50,7 +50,7 @@ The name of the feature is a clue to its purpose.
 
 ## --text--
 
-Why is not a good idea to use pure black backgrounds with white text in dark mode?
+Why is it not a good idea to use pure black backgrounds with white text in dark mode?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md b/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
index 96e9d87863..13bcc49923 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
@@ -46,7 +46,7 @@ Think about the user experience
 
 ## --video-solution--
 
-3
+1
 
 ## --text--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md b/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
index 7bf2b03135..b3cc62f425 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
@@ -18,7 +18,7 @@ What is infinite scrolling?
 
 ## --answers--
 
-A design pattern to change the scrollbar on the page.
+A design pattern that changes the scrollbar on the page.
 
 ### --feedback--
 
@@ -26,7 +26,7 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern to change size of the page.
+A design pattern that changes the size of the page.
 
 ### --feedback--
 
@@ -42,15 +42,11 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern that breaks up content into pages.
-
-### --feedback--
-
-Review the beginning of the video when this concept is introduced.
+A design pattern that loads more content as the user scrolls down the page
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md b/curriculum/challenges/korean/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
index 501388fb55..6e3678f0a1 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What is alignment in design?
+What is the importance of balance in design when placing images?
 
 ## --answers--
 
-The distribution of visual weight in a design.
+To ensure images are the right size.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The order in which elements are viewed on a page.
+To make images accessible to all users
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The placement of elements in relation to each other.
+To create a harmonious design by distributing visual weight.
 
 ---
 
-The size of an image in relation to the space it occupies.
+To improve the resolution of images.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
index bed2785ba2..ad39683131 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
@@ -2,7 +2,7 @@
 id: 6734ddabad59e593a49afafe
 title: Welcome Message from Quincy
 challengeType: 24
-videoId: nVAaxZ34khk
+videoId: KwZkXwDUc1o
 dashedName: welcome-message-from-quincy
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
index 50014e458c..cfa1be8adc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
@@ -2,7 +2,7 @@
 id: 6734e2c5780912abd874e79c
 title: How Does the Certification Process Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: v27_UwsNiUE
 dashedName: how-does-the-certification-process-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
index 2bd0446801..339890c9ab 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
@@ -1,9 +1,9 @@
 ---
 id: 6734e2dcb965e5ac0ea38e0f
-title: How to Develop Effective Learning Habits
+title: How Can You Build Effective Learning Habits and Work Smarter?
 challengeType: 11
-videoId: nVAaxZ34khk
-dashedName: how-to-develop-effective-learning-habits
+videoId: tnp3tOg9oBM
+dashedName: how-can-you-build-effective-learning-habits-and-work-smarter
 ---
 
 # --description--
@@ -14,20 +14,108 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How to Develop Effective Learning Habits question?
+What does the "Pace yourself" tip emphasize as key to making progress through the curriculum?
 
 ## --answers--
 
-Answer 1
+Learning as much as possible all in one day
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+---
+
+Completing the curriculum without breaks
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
 
 ---
 
-Answer 2
+Working a little bit each day
+
+---
+
+Stopping frequently whenever it feels hard
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+## --video-solution--
+
+3
+
+## --text--
+
+What is the main benefit of establishing a coding routine?
+
+## --answers--
+
+It doubles the amount of learning in half the time
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It reduces the need for sleep
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It helps make coding a habit that requires less willpower
+
+---
+
+It eliminates the need for practice or repetition
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+## --video-solution--
+
+3
+
+## --text--
+
+How does the Pomodoro technique help with starting a coding session?
+
+## --answers--
+
+It guarantees you will code for hours without stopping
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It instantly makes you a faster coder by strictly timing every keystroke
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It automatically determines which tasks you should work on, removing the need for planning
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
 
 ---
 
-Answer 3
+It makes it easier to begin coding by committing to just 25 minutes
 
 ## --video-solution--
 
-1
+4
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
new file mode 100644
index 0000000000..60c6525ae0
--- /dev/null
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
@@ -0,0 +1,121 @@
+---
+id: 6763500bd5a85d5898cc21a9
+title: How do Most People Learn Effectively?
+challengeType: 11
+videoId: ybpwBqa56-s
+dashedName: how-do-most-people-learn-effectively
+---
+
+# --description--
+
+Watch the lecture video and answer the questions below.
+
+# --questions--
+
+## --text--
+
+What is the concept called where learning is spread out over time, allowing sleep to reinforce memory structures?
+
+## --answers--
+
+Spaced Repetition
+
+---
+
+Speed Reading
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Memorization
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Passive Review
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+## --video-solution--
+
+1
+
+## --text--
+
+Which learning approach involves switching between different concepts or skills during a single study session to keep your thinking flexible?
+
+## --answers--
+
+Focused Immersion
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Interleaving Practice
+
+---
+
+Highlighting Notes
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Mental Mapping
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+## --video-solution--
+
+2
+
+## --text--
+
+What strategy helps you overcome the illusion of competence by actively testing your understanding through quizzes and exercises?
+
+## --answers--
+
+Passive Listening
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Rereading Notes
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Active Recall
+
+---
+
+Watching Tutorials Only
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+## --video-solution--
+
+3
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md b/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
index b10d5af014..cac2bfd8ad 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
@@ -92,30 +92,30 @@ Which of the following units can be used to set the `width` or `height` of an el
 
 `px`, `%`, and `em`.
 
-### --feedback--
-
-CSS allows various units to set dimensions.
-
 ---
 
-`px`, `vh`, and `vw`.
+`pxx`, `depth`, and `radius`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
-`cm`, `vh`, and `rem`.
+`%%`, `mb`, and `vel`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
 All of the above
 
+### --feedback--
+
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
+
 ## --video-solution--
 
-4
+1
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md b/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
index c1a539a0ac..adebb0514c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
@@ -120,13 +120,6 @@ Think about the combinator that targets elements that are direct children of a s
 
 Which CSS rule will style the first `p` element that immediately follows any `h1` element?
 
-```css
-h1 {
-  color: green;
-  font-size: 24px;
-}
-```
-
 ## --answers--
 
 ```css
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md b/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
index 64551994f4..4eed45a28e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
@@ -86,7 +86,7 @@ Consider how inline-block strikes a balance between inline flow and size control
 
 ## --text--
 
-In what situation would an element with d`isplay: inline-block;` behave differently than one with `display: block;`?
+In what situation would an element with `display: inline-block;` behave differently than one with `display: block;`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
index 273ad05c90..dabc6bc4a6 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-arrays/67329f508a6ec45b046700b3.md
@@ -14,40 +14,35 @@ Watch the video lecture and answer the questions below.
 
 ## --text--
 
-What will be the output of the following code?
-
-```js
-let numbers = [1, 2, 3, 4, 5];
-console.log(numbers[2]);
-```
+Which of the following is NOT true about JavaScript arrays?
 
 ## --answers--
 
-`2`
+They are zero-indexed.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ---
 
-`3`
+They are an unordered collection of values.
 
 ---
 
-`4`
+They can contain another array as a value.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ---
 
-`5`
+They are dynamic, and their size can change after they're created.
 
 ### --feedback--
 
-Remember that arrays in JavaScript are zero-indexed.
+Recall how each value in an array is numerically indexed, and how that affects the way values are stored.
 
 ## --video-solution--
 
@@ -58,38 +53,37 @@ Remember that arrays in JavaScript are zero-indexed.
 What will be the output of the following code?
 
 ```js
-let fruits = ['apple', 'banana'];
-fruits.push('orange');
-console.log(fruits);
+let numbers = [1, 2, 3, 4, 5];
+console.log(numbers[2]);
 ```
 
 ## --answers--
 
-`['apple', 'banana']`
+`2`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ---
 
-`['apple', 'banana', 'orange']`
+`3`
 
 ---
 
-`['banana', 'orange']`
+`4`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ---
 
-`['orange', 'apple', 'banana']`
+`5`
 
 ### --feedback--
 
-The `push()` method adds a new element to the end of an array.
+Remember that arrays in JavaScript are zero-indexed.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
index cfbae628d8..81ec4e45e7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
@@ -1,14 +1,26 @@
 ---
 id: 6733ab12b60bd7f6b2b0b0c0
 title: How Does the Audio Constructor Work, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-does-the-audio-constructor-work-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the Audio constructor and its common methods.
+
+The `Audio` constructor, like other constructors, is a special function called with the `new` keyword. It returns an HTMLAudioElement, which you can then use to play audio for the user, or append to the DOM for the user to control themselves.
+
+When you call the constructor, you can optionally pass a URL as the (only) argument. This URL should point to the source of the audio file you want to play. Or, if you need to change the source dynamically, you can assign the URL to the `src` property of the returned audio element.
+
+The returned audio element offers various methods for controlling the audio. You'll most likely use the `play()` method, which begins audio playback. There is also the `pause()` method, which pauses the audio playback but preserves the current location in the track allowing `play()` to resume playback from that point.
+
+You might expect there to be a `stop()` method, to pause audio playback and reset the track to the beginning. But instead, you should call `pause()` and set the `currentTime` property directly.
+
+Finally, the `canPlayType()` method can be used to determine if a browser is likely to be able to play your specific audio format. You will learn about audio and video formats in the next lecture.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
index 58373912a7..d967dd3b0d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
@@ -1,14 +1,34 @@
 ---
 id: 6733d8203da84a08a0f5eab4
 title: What Are the Different Types of Video and Audio Formats?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-the-different-types-of-video-and-audio-formats
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the different types of audio and video formats.
+
+You have probably heard of, or even used, a few common ones. If the terms MP3, MP4, MOV, or WebM are familiar to you, those are all different formats for video and audio. And there are quite a few more that are available.
+
+Before we dive in to file formats, we need to talk about MIME types. A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type.
+
+Nearly every file format has a MIME type. HTML, for example, has the type `text/html`. A JSON object has the type `application/json`. Even a Windows `.exe` installer has a MIME type: `application/vnd.microsoft.portable-executable`.
+
+The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
+
+An MP3 file has the MIME type `audio/mp3`. An MP4, however, can have the MIME type `audio/mp4` OR `video/mp4`, depending on whether it's a video file or audio-only. This distinction tells the browser how to handle the file.
+
+There are plenty of other file formats, such as the waveform format WAV, the multipurpose OGG, WMV for the Windows media player, the open source MKV, and many more.
+
+Knowing the differences between these file formats can help you ensure your users get the best experience, but sometimes you can't know what format a user's computer will support (or not support). Thankfully, `video` and `audio` elements both support the `source` element.
+
+With the `source` element, you can specify a file type and `source` and can include multiple different types by using multiple `source` elements. When you do this, the browser will determine the best format to use for the user's current environment.
+
+This takes away the guess work and allows you to focus on building engaging applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
index 48a10a8aea..5011bcafef 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
@@ -1,14 +1,28 @@
 ---
 id: 6733d829d983c008d2db41a1
 title: What Is Codecs and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-codecs-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about codecs and how they work.
+
+If you have worked with videos or audio before, you may have heard about codecs. A codec, short for “encoder/decoder", is an algorithm or software that can convert audio and video between analogue and digital formats.
+
+Codecs can be specified as part of the MIME type. The basic syntax to define a codec is to add a semi-colon after the media type, then `codecs=` and the codec.
+
+For example, an OGG audio file which uses the Vorbis codec might have a MIME type of `audio/ogg; codecs=vorbis`. Or, if a file supports multiple codecs, you can specify them as comma separated, but must surround them with quotes: `video/webm; codecs="vp8, vorbis"`.
+
+But some file types have a much more complicated syntax for codecs. For example, an MP4 might have a codec of `codecs="avc1.4d002a"`, indicating it was encoded with H.264.
+
+But when might you actually use these? Well, you can include them in the `type` attribute for a `source` element. This allows you to specify different codecs for the same format, giving the browser more granular options when determining which format to use for that user's environment.
+
+But you can also use them as part of the MIME type you pass to the global `MediaSource.isTypeSupported()` method. This method accepts a MIME-type, and returns `true` if the environment is likely to support it. Or rather, it returns `false` if it fails to instantiate a buffer for that file type. This approach allows you to programmatically select a source yourself, rather than relying on whatever the browser determines is “best".
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
index 25cc9e69db..ab8985556b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
@@ -1,14 +1,32 @@
 ---
 id: 6733d83630e76f08ff49e6dc
 title: What Is the HTMLMediaElement API and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-htmlmediaelement-api-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The HTMLMediaElement API is a powerful tool to control the behavior of audio and video elements on your page. It extends the base HTMLElement interface, so you have access to the base properties as well as these helpful methods.
+
+You've already explored some of the methods in a previous lecture about the Audio element, such as `play()` and `pause()`. These same methods are available on video elements as well.
+
+There are some other helpful methods, such as the `addTextTrack()` method. This method allows you to specify a text track to associate with the media element which is especially helpful for adding subtitles to a video.
+
+Or the `fastSeek()` method, which allows you to move the playback position to a specific time within the media.
+
+The HTMLMediaElement API also provides access to some new events that a standard element does not have.
+
+The `play` and `pause` events are fired when the media starts and stops playing. The `ended` event fires when the end of the media has been reached.
+
+The `waiting` event fires when playback is automatically paused due to data buffering.
+
+And the `canplay` and `canplaythrough` events fire when the media can be partially played, or played in totality.
+
+The HTMLMediaElement offers a great deal of control over your interactive media, and we've only scratched the surface. I encourage you to explore and experiment with the API to find the best ways to integrate it with your applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
index 025caa8592..7b30a960f7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
@@ -1,14 +1,58 @@
 ---
 id: 6733d852175df50937f06061
 title: How Can You Work with the Media Streams to Capture Video and Audio from a Local Device?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-work-with-the-media-streams-getusermedia-to-capture-video-and-audio-from-a-local-device
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Instead of playing audio and video, you may sometimes want to capture audio or video. The Media Capture and Streams API, or the MediaStream API, allows you to do this.
+
+In order to use the API, however, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the global `navigator` object has a `getUserMedia()` method for you to use.
+
+This method accepts a single `constraints` object which defines the type of media you want to receive. This object has an `audio` and `video` property, reflecting audio and video streams. These properties can be `false`, if you do not want to receive that type of stream, `true` if you do, or objects defining additional constraints.
+
+For example, you can require a specific resolution of video output:
+
+```js
+window.navigator.mediaDevices.getUserMedia({
+  audio: true,
+  video: {
+    width: {
+      min: 1280,
+      ideal: 1920,
+      max: 3840
+    },
+    height: {
+      min: 720,
+      ideal: 1080,
+      max: 2160
+    }
+  }
+});
+```
+
+This constraint object specifies minimum and maximum resolutions for the video feed. The `ideal` property specifies the resolution you'd most like to have – and the stream will provide the resolution closest to your ideal.
+
+Once you've created your MediaStream (assuming the user approves the automated request to access their hardware), you can use the stream data however you need.
+
+Note that `getUserMedia()` returns a Promise, which means you will either need a callback function to consume the stream, or use async/await syntax. You will learn more about Promises and asynchronous programming in future lectures.
+
+Here's a basic example which renders the user's webcam feed to the page.
+
+```js
+const video = document.querySelector("video");
+const stream =
+  await window.navigator.mediaDevices.getUserMedia({ video: true });
+video.srcObject = stream;
+await video.play();
+```
+
+It is worth noting that this API does not offer access to screen capture. You'll learn about that API in the next lecture.
 
 # --questions--
 
@@ -22,7 +66,7 @@ Which method is used to access the user's media devices?
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ---
 
@@ -30,7 +74,7 @@ This method accesses the user’s media devices.
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ---
 
@@ -42,7 +86,7 @@ This method accesses the user’s media devices.
 
 ### --feedback--
 
-This method accesses the user’s media devices.
+This method accesses the user's media devices.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
index 9a2ccc881f..33008c9aa9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
@@ -1,14 +1,26 @@
 ---
 id: 6733d8606fb893099e3d0df3
 title: What Are Some Other Examples of Video and Audio APIs?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-other-examples-of-video-and-audio-apis
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+You've learned about the HTMLMediaElement and MediaStreams APIs, but there are a few more APIs that can be quite helpful in working with video and audio.
+
+The first is the Screen Capture API. As the name might suggest, this API allows you to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+
+Then there is the MediaStream Recording API. This API works in tandem with the MediaStreams APIs, allowing you to record a MediaStream (or even an HTMLMediaElement directly). It then fires `dataavailable` events with Blob payloads you can write to the local file storage.
+
+Underlying all of this technology is the Media Source Extensions API. The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property, for example.
+
+And finally, the Web Audio API which powers everything audible on the web. This API includes important objects like an `AudioBuffer` (representing a Buffer specifically containing audio data) or the `AudioContext`.
+
+And that wraps up our lectures on audio and video!
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
index 9f69392f93..0080dd6da9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98be592cfb451f651451.md
@@ -74,7 +74,7 @@ It makes the gradient extend to the farthest corner of the element.
 
 ---
 
-It makes the gradient only appear within the element’s `padding`.
+It makes the gradient only appear within the element's `padding`.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
index 49ecdfbbfc..50823d9683 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-backgrounds-and-borders/672b98cd77b6b7456b6ef2de.md
@@ -94,15 +94,15 @@ It makes the website look less colorful.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ---
 
-It doesn’t affect users with visual impairments.
+It doesn't affect users with visual impairments.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ---
 
@@ -114,7 +114,7 @@ It requires more CSS code.
 
 ### --feedback--
 
-Think about how users who can’t distinguish between certain colors might be affected.
+Think about how users who can't distinguish between certain colors might be affected.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
index 7cb6ef94dc..17ccf4a3d7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ab64775d35f78f5238fe
 title: What Does CRUD Stand For, and How Do the Basic Operations Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-does-crud-stand-for-and-how-do-the-basic-operations-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+CRUD is an acronym that stands for Create, Read, Update, and Delete. These are the four operations of persistent storage.
+
+Persistent storage refers to saving data in a way that makes it available even after the power is turned off or the device is restarted.
+
+Understanding how the basic operation of CRUD works is crucial to web development because it forms the foundation for working with databases and building applications where users can add, view, modify, and delete data.
+
+Now, let’s take a look at each part of CRUD more closely
+
+- Create refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
+
+- Read is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+
+- Update involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
+
+- Delete is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+
+CRUD is used when working with databases, the UI, and RESTful APIs. RESTful APIs are a set of conventions for building web services that allow the client to interact with a database or backend system by performing CRUD operations through standard HTTP methods.
+
+HTTP stands for Hypertext Transfer Protocol and it is the foundation for data communication on the web. There are HTTP methods which define the actions that can be performed on resources over the web. The common methods are `GET`, `POST`, `PUT`, `PATCH`, `DELETE`.
+
+You will learn more about RESTful APIs and HTTP in future videos, but here is a quick break down of how CRUD maps to the different HTTP methods.
+
+- `POST` is used to create a new resource.
+
+- `GET` is used to retrieve or read data.
+
+- `PUT` is used to update a resource by replacing it entirely.
+
+- `PATCH` is used to partially update a resource.
+
+- `DELETE` is used to remove a resource.
+
+Here’s an example of how CRUD operations might be represented in code using a simple array in JavaScript:
+
+```js
+let items = [];
+
+// Create
+function createItem(item) {
+  items.push(item);
+}
+
+// Read
+function readItems() {
+  return items;
+}
+
+// Update
+function updateItem(index, newItem) {
+  items[index] = newItem;
+}
+
+// Delete
+function deleteItem(index) {
+  items.splice(index, 1);
+}
+
+// Example Usage
+createItem('Book');
+console.log(readItems()); // ['Book']
+updateItem(0, 'Magazine');
+console.log(readItems()); // ['Magazine']
+deleteItem(0);
+console.log(readItems()); // []
+```
+
+In this example:
+
+- We create an item by pushing it into an array.
+
+- We read the items by returning the array.
+
+- We update an item by modifying the array element at a given index.
+
+- We delete an item by removing it from the array using splice().
+
+This is a basic representation of how CRUD operations work at a conceptual level.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
index dffd025eb2..c60ca2e42e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
@@ -1,14 +1,80 @@
 ---
 id: 6733ff4a9319c8486750886c
 title: What Is localStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-localstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Web Storage API provides a mechanism for browsers to store key-value pairs right within the browser, allowing developers to store information that can be used across different page reloads and sessions.
+
+The two main components in the Web Storage API are `localStorage` and `sessionStorage`.
+
+`localStorage` is the part of the Web Storage API that allows data to persist even after the browser window is closed or the page is refreshed. This data remains available until it is explicitly removed by the application or the user.
+
+`sessionStorage` is another part of the Web Storage API that stores data for the duration of the page session, meaning the data is available as long as the browser tab or window is open. However, unlike `localStorage`, the data in `sessionStorage` is cleared when the tab or window is closed. You will learn more about `sessionStorage` in the next video.
+
+Common use cases for `localStorage` include storing user settings, such as themes or language preferences, remembering form data across browser sessions, and caching small pieces of information to improve the performance of web apps.
+
+Caching refers to storing frequently accessed data in a temporary storage location, known as a cache, so that subsequent requests for that data can be served more quickly without having to recompute or fetch it from a slower data source, such as a database or external server.
+
+Some common `localStorage` methods include the `setItem`, `getItem`, `removeItem` and `clear` methods.
+
+Here is an example of using the `setItem()` method which stores a key-value pair in `localStorage`.
+
+```js
+localStorage.setItem('username', 'JaneDoe');
+```
+
+Then if we want retrieve that value of a given key from `localStorage`, we can use the `getItem()` method.
+
+```js
+let username = localStorage.getItem('username');
+console.log(username); // JaneDoe
+```
+
+To remove an item from `localStorage` using its key, you can use the `removeItem()` method.
+
+```js
+localStorage.removeItem('username');
+```
+
+To clear all data in `localStorage`, you can use the `clear()` method.
+
+```js
+localStorage.clear();
+```
+
+Now, let’s take a look at an example where we use `localStorage` to store the preferred theme of a user.
+
+```js
+// Store the user's theme preference
+localStorage.setItem('theme', 'dark');
+
+// Retrieve the stored theme preference
+const userTheme = localStorage.getItem('theme');
+console.log(userTheme); // 'dark'
+
+// Remove the theme preference
+localStorage.removeItem('theme');
+
+// Clear all localStorage data
+localStorage.clear();
+```
+
+In this example:
+
+- We first store a theme choice (`dark`) for the user.
+
+- We then retrieve that theme and output it to the console.
+
+- Finally, we demonstrate how to remove a specific item or clear all stored data.
+
+`localStorage` is very useful for storing small pieces of data that need to persist between sessions, but it's important to note that `localStorage` should not be used to store sensitive information, such as passwords, because it can pose security risks.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
index b86ad69243..94f7696ea0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
@@ -1,14 +1,86 @@
 ---
 id: 6733ff5814129c48b4fca88e
 title: What Is sessionStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-sessionstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture video, we learned about working with `localStorage` and were briefly introduced to `sessionStorage`.
+
+Recall, that `sessionStorage` is when the data is cleared as soon as the user closes the tab or window in which the web application is running. It’s ideal for situations where data only needs to persist for the length of a single session, such as maintaining form data during navigation or storing temporary state information during a checkout process.
+
+Much like `localStorage`, `sessionStorage` uses key-value pairs to store and retrieve data. The methods used with `sessionStorage` are also the same as `localStorage`, with the only real difference being how long the data is stored.
+
+Here are a few examples of working with the different methods:
+
+- `sessionStorage.setItem()`: Stores a key-value pair in `sessionStorage`.
+
+```js
+sessionStorage.setItem('cart', '3 items');
+```
+
+- `sessionStorage.getItem()`: Retrieves the value of a given key from `sessionStorage`.
+
+```js
+let cart = sessionStorage.getItem('cart');
+console.log(cart); // Outputs: '3 items'
+```
+
+- `sessionStorage.removeItem()`: Removes a specific item from `sessionStorage` using its key.
+
+```js
+sessionStorage.removeItem('cart');
+```
+
+- `sessionStorage.clear()`: Clears all data stored in `sessionStorage`.
+
+```js
+sessionStorage.clear();
+```
+
+Let’s look at an example where we store data in `sessionStorage` which only lasts as long as the browser tab or window is open:
+
+```js
+// Store data in sessionStorage
+sessionStorage.setItem('currentUser', 'JohnDoe');
+
+// Retrieve the stored data
+const user = sessionStorage.getItem('currentUser');
+console.log(user); // 'JohnDoe'
+
+// Remove a specific key from sessionStorage
+sessionStorage.removeItem('currentUser');
+
+// Clear all sessionStorage data
+sessionStorage.clear();
+```
+
+In this example, we:
+
+1. Store the current user’s name (`JohnDoe`) in `sessionStorage`.
+
+2. Retrieve and display it.
+
+3. Remove the item associated with the key `currentUser`.
+
+4. Clear all `sessionStorage` data.
+
+The key difference from `localStorage` is that as soon as the user closes the tab, all stored session data will be lost.
+
+`sessionStorage` is particularly useful in scenarios like:
+
+- Storing temporary data such as form entries during a multi-page form process.
+
+- Storing temporary selections or preferences that don’t need to persist across sessions.
+
+- Maintaining state on a single-page application that doesn’t need to be remembered once the tab is closed.
+
+`sessionStorage` ensures that once the user leaves the page, the session data is cleared, which is great for scenarios where you don’t want to hold onto information beyond the current session.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
index ebd5dca539..125dde804d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
@@ -1,14 +1,70 @@
 ---
 id: 6733ff6f02dde548ebe4a6d5
 title: What Are Cookies, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cookies-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Cookies, also known as web cookies or browser cookies, are small pieces of data that a server sends to a user's web browser. These cookies are stored on the user's device and sent back to the server with subsequent requests.
+
+Cookies are essential in helping web applications maintain state and remember user information, which is especially important since HTTP is a stateless protocol.
+
+Cookies can store a variety of information such as user preferences, session data, or tracking information.
+
+Cookies are always stored as name-value pairs. This means each cookie has a name (key) and an associated value.
+
+For example, a cookie might store a user's session ID like this: `sessionId=abc123`. The key is `sessionId`, and the value is `abc123`. Each time the browser communicates with the server, the browser sends these cookies in the form of name-value pairs.
+
+When a user visits a website, the server can send one or more cookies to the user's browser by including a Set-Cookie header in the HTTP response. A header is a key-value pair that provides additional information about the HTTP request or response. You will learn more about HTTP requests and responses in future lectures.
+
+Once the cookies are set, the browser stores them and automatically includes them in the Cookie header with every subsequent request to the same domain. This allows the server to access the stored cookies and use them for things like maintaining user sessions or tracking preferences.
+
+Here’s an example of how a cookie is set in an HTTP response:
+
+```http
+Set-Cookie: sessionId=abc123; Expires=Wed, 21 Oct 2021 07:28:00 GMT; Secure; HttpOnly
+```
+
+The browser will store the cookie, and in future requests to the same server, it will include the cookie in the `Cookie` header:
+
+```http
+Cookie: sessionId=abc123
+```
+
+The server can then read the cookie and use the stored session ID to retrieve information about the user, such as whether they are logged in.
+
+Here is a breakdown of the different types of cookies.
+
+- Session Cookies only last for the duration of the user's session on the website. Once the user closes the browser or tab, the session cookie is deleted. These cookies are typically used for tasks like keeping a user logged in during their visit.
+
+- Persistent Cookies have an expiration date and remain stored on the user's device until that date is reached. Persistent cookies are often used for remembering user preferences or login details across sessions.
+
+- Secure Cookies are only sent over HTTPS, ensuring that they cannot be intercepted by an attacker in transit.
+
+- HttpOnly Cookies cannot be accessed or modified by JavaScript running in the browser, making them more secure against cross-site scripting (XSS) attacks. cross-site scripting (XSS) attacks happen when an attacker injects malicious scripts into a web page that is viewed by other users. These scripts can then execute in the context of the victim's browser, potentially stealing cookies, session data, or performing other malicious actions without the user's knowledge or consent. By marking cookies as HttpOnly, they are protected from being accessed via JavaScript, reducing the risk of such attacks.
+
+You can create cookies via server responses using the `Set-Cookie` header or through JavaScript using `document.cookie`.
+
+Here's an example of setting a cookie using JavaScript:
+
+```js
+document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2021 23:59:59 GMT; path=/";
+```
+
+This command sets a cookie named `username` with the value `"JohnDoe"` that will expire at the end of 2021. You can update an existing cookie by simply setting it again with a new value.
+
+To delete a cookie, you set its expiration date in the past:
+
+```js
+document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
+```
+
+This will remove the `username` cookie from the browser.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
index ca5ce5c517..dfb09c49e7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
@@ -1,14 +1,34 @@
 ---
 id: 6733ff8d06376149474a0c0d
 title: What Is the Cache API, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-cache-api-and-how-does-that-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Cache API is used to store network requests and responses, making web applications work more efficiently and even function offline. It is part of the broader Service Worker API and is crucial for creating Progressive Web Apps (PWAs) that can work under unreliable or slow network conditions.
+
+Before we continue with the Cache API, we first need to understand how service workers, PWAs, and network requests work on a basic level.
+
+A Network request is a request made by a web browser or application to a server to retrieve data or resources over the internet. For example, when you visit a website, your browser sends a network request to the web server to get the files (such as HTML, images, or videos) needed to display the page.
+
+A service worker is a special type of JavaScript file that runs in the background of a web application, separate from the main browser thread. It acts as a middleman between the web page and the network, allowing developers to intercept network requests, cache resources, and handle things like push notifications or background sync.
+
+A PWA, or Progressive Web App, is a type of web application that uses modern web technologies to provide a native app-like experience on the web. PWAs are designed to work reliably on any device, regardless of network conditions, and can be accessed through a browser or installed on a user's device like a traditional app.
+
+Now that we have a better understanding of service workers, PWAs, and network requests, we can dive deeper into the Cache API.
+
+The Cache API is a storage mechanism that stores `Request` and `Response` objects. When a request is made to a server, the application can store the response and later retrieve it from the cache instead of making a new network request. This reduces load times, saves bandwidth, and improves the overall user experience.
+
+The browser provides a storage area known as Cache Storage, where developers can save key-value pairs of network requests and their corresponding responses.
+
+With the Cache-Control header, developers can specify how long a cached resource should remain stored, as well as whether it should be revalidated or served directly from the cache.
+
+By using the Cache API, developers can build offline-first web applications, allowing a PWA, for example, to serve cached assets when the user is disconnected from the network.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
index a6ec2d038a..88ab457a3e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
@@ -1,14 +1,55 @@
 ---
 id: 6733ff9d2fb9c449af68ad99
 title: What Are Some Negative Patterns Associated with Client-Side Storage?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-negative-patterns-associated-with-client-side-storage
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Client-side storage allows websites to store data on a user's device. However, like many technologies, it can be misused.
+
+Let’s explore some negative patterns associated with client-side storage, focusing on cookies and their misuse for tracking and fingerprinting.
+
+Let's start with cookies.
+
+In an earlier lecture video, you learned that cookies are data stored on a user's device when they visit a web app. A common misuse of cookies is excessive tracking.
+
+Websites use cookies to track a user's interactions with a web app, creating a history of their digital activities. This is done for targeted advertising but can raise significant privacy concerns.
+
+For example, a shopping website might use a tracking cookie like this:
+
+```js
+document.cookie = "userID=123; path=/; expires=Thu, 18 Dec 2024 6:00:00 UTC";
+```
+
+This code sets a cookie named `userID` with a value of `123`. The cookie will be sent with every request to the website, allowing it to track the user's actions. While this might seem harmless, imagine hundreds of websites sharing this information – it could create a very detailed picture of your online life and choices.
+
+Another concerning practice is browser fingerprinting.
+
+This technique uses client-side information to create a unique "fingerprint" of a user's browser. Websites have the ability to gather information about your browser version, installed plugins, screen resolution, and other data to uniquely identify you.
+
+Here's a simple example of how a website can create a fingerprint of you:
+
+```js
+let fingerprintExample = navigator.userAgent + screen.width + screen.height;
+console.log(fingerprintExample);
+```
+
+This code combines your browser's user agent with your screen dimensions. While this is a basic example, real fingerprinting methods are much more complex and can be highly accurate in identifying users.
+
+Local Storage can also be misused as some websites use it to store sensitive information insecurely. For instance:
+
+```js
+localStorage.setItem('userPassword', 'someonesPasswordHere');
+```
+
+This code stores a user's password in Local Storage. This is a serious security risk as the data in Local Storage is not encrypted and can be accessed easily.
+
+In conclusion, while client-side storage offers many benefits, it's crucial to use it responsibly. As you continue your web development journey, always consider the privacy and security of your users' data on the client side.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
index 0cb2fd4f26..c4a0c18da7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
@@ -1,14 +1,46 @@
 ---
 id: 6733ffacd0ad1e49ec2af051
 title: How Can You Use Cookies to Store Arbitrary Data, Normally Controlled by HTTP Headers?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-use-cookies-to-store-arbitrary-data-normally-controlled-by-http-headers
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+As you learned in previous lectures, cookies are simple data that websites can store on a user's device.
+
+However, you can actually store more complex data structures in cookies. One common method is to use JSON to store objects or arrays. Here's an example:
+
+```js
+const userData = {
+  name: "John Doe",
+  age: 30,
+  role: "admin"
+};
+
+document.cookie = "userInfo=" + JSON.stringify(userData) + "; path=/";
+```
+
+In this example, we're creating an object with user data, converting it to a JSON string, and then storing it in a cookie. When we want to retrieve this data, we can parse the JSON string into an object using `JSON.parse()`.
+
+Now, you might be wondering about the “HTTP headers” aspect of our topic. Typically, cookies are set by the server using HTTP headers.
+
+For example, a server might send a header like this:
+
+```http
+Set-Cookie: username=John Doe; expires=Thu, 31 Dec 2024 6:00:00 IST; path=/
+```
+
+This header tells the browser to set a cookie.
+
+We can also set cookies directly in the browser using JavaScript. This is useful for storing data that doesn't need to be sent to the server immediately.
+
+Please note that cookies have a size limit of around 4KB, and storing too much data in them may slow down your web app.
+
+Storing large amounts of data in cookies can increase network traffic as cookies are sent with every HTTP request.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
index 5c8014fb7e..b9402a6abf 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ffb59c62ee4a23522efe
 title: What Is IndexedDB, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-indexeddb-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+IndexedDB is a tool for storing structured data in the browser. This is built into modern web browsers, allowing web apps to store and fetch JavaScript objects efficiently.
+
+Unlike other storage mechanisms like localStorage, which is limited to storing strings, IndexedDB can store JavaScript objects, files, and pretty much any other type of data. This makes it easy for web applications that need to work with large and complex data structures.
+
+Now, let's look at how IndexedDB works.
+
+The first step is to open a database. Here's an example:
+
+```js
+let request = indexedDB.open("Sample DB", 1);
+
+request.onerror = function(event) {
+  console.log("Error opening database");
+};
+
+request.onsuccess = function(event) {
+  let db = event.target.result;
+  console.log("Database opened successfully");
+};
+```
+
+In this code, we're opening a database named `"Sample DB"` with version 1. We provide two callback functions: one for handling errors, and another for when the database is successfully opened. The 'db' object we get in the success callback is what we'll use to interact with the database.
+
+If you check the browser dev tools application interface, you will see your `Sample DB` in the `IndexedDb` section has been opened. Once you have your database open, you can start working with object stores.
+
+Object stores in IndexedDB are similar to tables in traditional databases. They hold the actual data you want to store. Here's how to create an object store:
+
+```js
+request.onupgradeneeded = function(event) {
+  let db = event.target.result;
+  let objectStore = db.createObjectStore("customers", { keyPath: "id" });
+};
+```
+
+This code creates an object store named `"customers"` with `"id"` as its key path. The key path is like a primary key in a traditional database - it's used to uniquely identify each record.
+
+To add data to our object store, we'd do something like this. The `db` in this example represents the IndexedDB database instance.
+
+```js
+let transaction = db.transaction(["customers"], "readwrite");
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.add({ id: 1, name: "John Doe", email: "john@example.com" });
+
+request.onerror = function(event) {
+  console.log("Error adding data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Data added successfully");
+};
+```
+
+This code adds a new customer to our `"customers"` object store. We start a transaction (which is how we group database operations), get a reference to our object store, and then add our data.
+
+Retrieving data works in a similar way. We start a transaction, get our object store, and then use methods like `get` to retrieve data:
+
+```js
+let transaction = db.transaction(["customers"]);
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.get(1);
+
+request.onerror = function(event) {
+  console.log("Error retrieving data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Customer:", request.result);
+};
+```
+
+This code retrieves the customer with `id` `1` from our `"customers"` object store.
+
+One of the key features of IndexedDB is that it's asynchronous.
+
+This means that when you interact with IndexedDB, operations don't block the main thread of the web application. This ensures that your web application remains responsive even when dealing with large amounts of data.
+
+While IndexedDB provides powerful capabilities, it has a steeper learning curve compared to other simpler storage API options which can be challenging for beginners. However, for applications that need to handle large amounts of structured data on the client-side, IndexedDB offers unparalleled capabilities.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
index d2079aea91..5a307fc8bd 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
@@ -1,14 +1,30 @@
 ---
 id: 6733ffc7353af34a61ed683a
 title: What Are Cache and Service Workers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cache-service-workers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Caching is the process of storing copies of files in a temporary storage location so they can be accessed more quickly.
+
+When you visit a website, your browser can save certain files (such as images, CSS, and JavaScript) locally. This means that the next time you visit the same site, it can load these files from your device instead of fetching them again from a server, making the site load faster.
+
+A Service Worker is a script that runs in the background, separate from your web page. It can intercept network requests, access the cache, and enable the web app to work offline. It is a key component of Progressive Web Apps.
+
+So, how do Cache and Service Workers work together in Progressive Web Apps?
+
+PWAs are web apps that can offer an app-like experience. They can work offline, send push notifications, and even be installed on the home screen of a mobile device or computer.
+
+When a user first visits a PWA, the Service Worker can cache important files.
+
+Users can continue to use the app offline, and when they come back online, any upcoming changes can be synced with the server.
+
+The combination of caching and Service Workers enables web apps to provide a fast and reliable experience even in poor network conditions.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
index efbc82e4fd..1eb9879c22 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
@@ -2,7 +2,7 @@
 id: 672d45583fd75a504136fbbb
 title: How to Install Visual Studio Code onto Your Computer
 challengeType: 11
-videoId: hWa_PgsNSw0
+videoId: JuxdN8OWllk
 dashedName: how-to-install-visual-studio-code-onto-your-computer
 ---
 
@@ -86,15 +86,15 @@ The lecture describes several ways to install VSCode on Mac, but one common meth
 
 ## --text--
 
-On Linux, what command would you use to install VSCode using the Arch Linux package manager?
+What command would you use to install VSCode using Homebrew?
 
 ## --answers--
 
-`sudo apt-get install code`
+`sudo brew -i code`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
@@ -102,19 +102,19 @@ The lecture provides a specific command for Arch Linux users.
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
-`sudo pacman -S code`
+`brew install --cask visual-studio-code`
 
 ---
 
-`sudo dnf install code`
+`homebrew install vscode`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
index 556fcb7ff4..600de23b15 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
@@ -2,7 +2,7 @@
 id: 672d266034b5242126271995
 title: What Is ASCII, and How Does It Work with charCodeAt() and fromCharCode()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMi4lKr0FRw
 dashedName: what-is-ascii-and-how-does-it-work-with-charcodeat-and-fromcharcode
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
index ec5398c2d2..20964ee3e9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
@@ -2,7 +2,7 @@
 id: 67326c0d7bef01c539120766
 title: How Can You Test if a String Contains a Substring?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XBva3_87hWg
 dashedName: how-can-you-test-if-a-string-contains-a-substring
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
index 3bc56fab66..a63b7b0b65 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
@@ -2,7 +2,7 @@
 id: 67326c15b3b2f0c5827927cc
 title: How Can You Extract a Substring from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xLKJvMJKYAU
 dashedName: how-can-you-extract-a-substring-from-a-string
 ---
 
@@ -18,7 +18,7 @@ What will the following code output?
 
 ```js
 let text = "JavaScript is awesome!";
-let result = text.slice(0, 10);
+let result = text.slice(0, 9);
 
 console.log(result);
 ```
@@ -97,7 +97,7 @@ What will the following code return?
 
 ```js
 let sentence = "Learning JavaScript is fun!";
-let extracted = sentence.slice(9, -4);
+let extracted = sentence.slice(9, -5);
 
 console.log(extracted);
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
index 573a12eb0e..27ac63c416 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
@@ -2,7 +2,7 @@
 id: 67326c1fdaf9c0c5ad1a2589
 title: How Can You Change the Casing for a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KOaGZ2IXzV0
 dashedName: how-can-you-change-the-casing-for-a-string
 ---
 
@@ -53,7 +53,7 @@ Think about how `toUpperCase()` affects the entire string.
 What will the following code output?
 
 ```js
-javascriptCopy codelet phrase = "JavaScript is Fun!";
+let phrase = "JavaScript is Fun!";
 console.log(phrase.toLowerCase());
 ```
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
index d4e7bd05cf..ca543e6e1f 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
@@ -2,7 +2,7 @@
 id: 67326c29dcd98fc5ecc49779
 title: How Can You Replace Parts of a String with Another?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: '-Ft7Whs9xRY'
 dashedName: how-can-you-replace-parts-of-a-string-with-another
 ---
 
@@ -50,35 +50,42 @@ Think about what happens when there are multiple instances of the word you are t
 
 ## --text--
 
-How can you replace all instances of a word in a string?
+What will the following code output?
+
+```js
+let phrase = "freeCodeCamp is awesome!";
+let updatedPhrase = phrase.replace("freecodecamp", "fCC");
+
+console.log(updatedPhrase);
+```
 
 ## --answers--
 
-Use a `for` loop.
+`"fcc is awesome!"`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ---
 
-Use `replace()` with a case-sensitive string.
+`"fCC is awesome!"`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ---
 
-Use `replace()` with a global regular expression.
+`"freeCodeCamp is awesome!"`
 
 ---
 
-Use `replaceAll()` instead of `replace()`.
+`undefined`
 
 ### --feedback--
 
-Consider how regular expressions can help with multiple replacements.
+Remember that the `replace()` method is case-sensitive.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
index 77e5f3679d..72f62596d9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
@@ -2,7 +2,7 @@
 id: 67326c3392068ec6184a0c95
 title: How Can You Repeat a String x Number of Times?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G78i7JW70hE
 dashedName: how-can-you-repeat-a-string-x-number-of-times
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
index 3e2c98fa43..dfbebc9e65 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
@@ -2,7 +2,7 @@
 id: 67326c3c3ab931c644cea05b
 title: How Can You Trim Whitespace from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: qVjDfh-K2SY
 dashedName: how-can-you-trim-whitespace-from-a-string
 ---
 
@@ -95,7 +95,9 @@ console.log(str.trimEnd());
 
 ## --answers--
 
-`"Code"`
+```js
+"Code"
+```
 
 ### --feedback--
 
@@ -103,11 +105,15 @@ Consider which part of the string is affected by `trimEnd()`.
 
 ---
 
-`" Code"`
+```js
+"   Code"
+```
 
 ---
 
-`"Code "`
+```js
+"Code   "
+```
 
 ### --feedback--
 
@@ -115,7 +121,9 @@ Consider which part of the string is affected by `trimEnd()`.
 
 ---
 
-`" Code "`
+```js
+" Code "
+```
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
index 3d3eaaed93..58f8257052 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
@@ -2,7 +2,7 @@
 id: 672aa8ac4631d1623ec5cd86
 title: What Is CSS Grid, and How Does It Differ from Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: uh0EzmmlpwQ
 dashedName: what-is-css-grid
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
index bba9197b3c..6a3f64997f 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
@@ -2,7 +2,7 @@
 id: 673226732b19aa1cacd0a75c
 title: How Can You Create Flexible Grids with the fr Unit?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: frGW2L836GU
 dashedName: how-can-you-create-flexible-grids-with-the-fr-unit
 ---
 
@@ -91,7 +91,7 @@ What happens when you use `grid-template-columns: 1fr 1fr 1fr 1fr;` in a CSS gri
 
 ## --answers--
 
-The container will have four columns, each taking up 10% of the container’s width.
+The container will have four columns, each taking up 10% of the container's width.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
index cb9240fab1..fa6512ecaa 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
@@ -2,7 +2,7 @@
 id: 6732267ecab2151ced471cd4
 title: How Can You Create Gaps Between Tracks in a Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f8jbUFfvZ_Q
 dashedName: how-can-you-create-gaps-between-tracks-in-a-grid
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
index 2b14792c8f..0a5ab5c32a 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
@@ -2,7 +2,7 @@
 id: 6732268d05c3661d32a0fee8
 title: How Can You Repeat Track Listings in a Grid Layout?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: d2wi5br6o0E
 dashedName: how-can-you-repeat-track-listings-in-a-grid-layout
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
index 55dead81ed..bcaf3ee8ef 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
@@ -2,7 +2,7 @@
 id: 6732269a7aa2ca1d6b6574fe
 title: What Is the Difference Between an Implicit and Explicit Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QMqRqHE_t8k
 dashedName: what-is-the-difference-between-an-implicit-and-explicit-grid
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
index 73675c2b62..4f96da8225 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
@@ -2,7 +2,7 @@
 id: 673226a62eb2121da41a3d68
 title: What Is the minmax() Function and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rpWiq2k2B_8
 dashedName: what-is-the-minmax-function-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
index afe98aad00..8f51dffeaa 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
@@ -2,7 +2,7 @@
 id: 673226afcd33991dd751937a
 title: How Do the grid-column and grid-row Properties Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZKlcAue2j_U
 dashedName: how-do-the-grid-column-and-grid-row-properties-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
index 06d6182cc8..02c9ce264a 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
@@ -2,7 +2,7 @@
 id: 673226b97d4a731e0577ae93
 title: How Can You Position Items on the Grid Using the grid-template-areas Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PV83v-6vxKw
 dashedName: how-can-you-position-items-on-the-grid-using-the-grid-template-areas-property
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What do the `grid-column` and `grid-row` properties specify in a grid layout?
+How do you design a grid layout with the `grid-template-areas` property?
 
 ## --answers--
 
-The size of the grid container.
+With comma separated values like `1 / 4` to represent the different rows and columns of the layout.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The alignment of the entire grid.
+With comma separated values like `header` and `footer`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The horizontal and vertical placement of grid items.
+With strings of space-separated values to represent the different rows and columns of the layout.
 
 ---
 
-The size of grid tracks.
+With space-separated values like `2fr 1fr 1fr`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
index b7cf9657aa..5888765c6d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
@@ -2,7 +2,7 @@
 id: 672aa7e03c2e365e906e5733
 title: What Is Overflow in CSS, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: iqnkHaVCLww
 dashedName: what-is-overflow-in-css
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
index d97065c696..c892ba2327 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
@@ -2,7 +2,7 @@
 id: 672bcc8ccc976fd791610f43
 title: What Is the CSS Transform Property, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pC59ipGpaDk
 dashedName: what-is-the-css-transform-property
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
index 8ac6e6e23d..7b4f0292ae 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
@@ -2,7 +2,7 @@
 id: 672bcc9c4a6dd6d7dd3e6357
 title: What Is the CSS Box Model, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: oBIIFdfLGos
 dashedName: what-is-the-css-box-model
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
index 12c059731c..2892dd8fd7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
@@ -2,7 +2,7 @@
 id: 672bccae6e556cd81cef6af2
 title: What Is Margin Collapsing, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: MMWBC8duT_0
 dashedName: what-is-margin-collapsing
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
index 80888cea82..d1ba6e030a 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
@@ -2,7 +2,7 @@
 id: 672bccc8ea33bad87abb3c56
 title: What Is the Difference Between content-box and border-box?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eKqNs2XXG14
 dashedName: what-is-the-difference-between-content-box-and-border-box
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
index 0df4558a03..04b27c6b43 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
@@ -2,7 +2,7 @@
 id: 672bccdb8f1823d8c60f914c
 title: What Is a CSS Reset, and What Are Some Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2VPFQpukQV8
 dashedName: what-is-a-css-reset
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
index c5ee4a0846..0f5889f3cc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
@@ -2,7 +2,7 @@
 id: 672bccebe1fc82d911c3f078
 title: What Is the CSS Filter Property, and What Are Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9ta8m4T9KYc
 dashedName: what-is-the-css-filter-property
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
index 50cd496e23..8a53a50148 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
@@ -2,7 +2,7 @@
 id: 672aa8985acb7361e656f94c
 title: What Are CSS Custom Properties, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rG9-26gM3eU
 dashedName: what-are-css-custom-properties
 ---
 
@@ -86,7 +86,7 @@ Think about the function used to reference custom properties in CSS.
 
 ## --text--
 
-What is a key advantage of using CSS custom properties over preprocessor variables?
+What is something you should be aware of when using CSS custom properties?
 
 ## --answers--
 
@@ -94,27 +94,27 @@ They can be used with older versions of CSS.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ---
 
-They can be manipulated using JavaScript at runtime.
+They might not be supported by older browsers.
 
 ---
 
-They are faster to process than preprocessor variables.
+They can lead to faster page speeds.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ---
 
-They can hold more complex values than preprocessor variables.
+They increase repetition in your stylesheets.
 
 ### --feedback--
 
-Consider the dynamic nature of CSS custom properties compared to preprocessor variables.
+Consider how recently CSS custom properties were introduced, and how that might cause issues for people with older devices.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
index 3781b2687d..a97c67aeec 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
@@ -2,7 +2,7 @@
 id: 672cf3ca326da9f63683e236
 title: What Is the @property Rule, and How Does It Work with Fallbacks?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lFwXJzcJ9fg
 dashedName: what-is-the-at-property-rule
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
index 3e86207006..d9706a50d9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/6734e3ceee2da4b0301719b7.md
@@ -1,14 +1,136 @@
 ---
 id: 6734e3ceee2da4b0301719b7
 title: How Do You Pass Props from Parent to Child Component in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-you-pass-props-from-parent-to-child-component-in-react
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lectures, we learned how to build small components in React like this:
+
+```js
+function Greeting() {
+  const developerName = "Jessica";
+  return <h1>Hi {developerName}!</h1>;
+}
+```
+
+We can choose to nest this component inside another parent component or the root component like this:
+
+```js
+function App() {
+  return <Greeting />;
+}
+
+function Greeting() {
+  const developerName = "Jessica";
+  return <h1>Hi {developerName}!</h1>;
+}
+```
+
+While this code will run fine and display the result of Hi Jessica! on the screen, it is not that flexible of a component.
+
+What if we wanted to display a different name like Naomi, Tom, or Oliver?
+
+This is where React props comes in.
+
+Props, which is short for properties, is the way for Parent components to pass data down to the child component.
+
+Props can be of any type: strings, numbers, booleans, objects, or arrays.
+
+Let’s update our example from earlier to now accept a `name` prop:
+
+```js
+function App() {
+  return <Greeting name="Jessica" />;
+}
+
+export default App;
+
+function Greeting(props) {
+  console.log(props);
+  return <h1>Hi {props.name}!</h1>;
+}
+```
+
+For the child component called `Greeting` we are now using `props.name` instead of hardcoding the name `"Jessica"`. We are also logging props to the console which is showing as an object.
+
+Then inside of the parent App component, we are passing the value to the name prop so it can be passed down to the child.
+
+The result will be the same on the screen like earlier, but now we have created a more flexible component.
+
+Now we have the ability to reuse the child component several times and pass in different names each time.
+
+```js
+function App() {
+  return (
+    <>
+      <Greeting name="Naomi" />
+      <Greeting name="Tom" />
+      <Greeting name="Jessica" />
+      <Greeting name="Oliver" />
+    </>
+  );
+}
+```
+
+You can also choose to use object destructuring in the props to make it more readable.
+
+Here's how you could rewrite the `Greeting` component:
+
+```js
+function Greeting({ name }) {
+  return <h1>Hi {name}!</h1>;
+}
+```
+
+This code achieves the same result but makes it clearer which props the component is expecting to receive.
+
+Sometimes, you can have a lot of properties that you have to pass as props. Instead of passing them one by one, you can use the spread operator (`...`), after converting them to an object.
+
+Here is an example of a new child component called `DeveloperCard`:
+
+```js
+function DeveloperCard({ name, age, country }) {
+  return (
+    <div className="developer-card">
+      <h1>Developer: {name}</h1>
+      <p>Age: {age}</p>
+      <p>Country: {country}</p>
+    </div>
+  );
+}
+```
+
+This `DeveloperCard` component accepts three props: `name`, `age`, and `country`.
+
+In the parent `App` component, we can use the spread syntax to pass all the properties from an object as individual props to the child component.
+
+```js
+function App() {
+  const developerObj = {
+    name: "Alice",
+    age: 30,
+    country: "USA",
+  };
+
+  return (
+    <div className="App">
+      <DeveloperCard {...developerObj} />
+    </div>
+  );
+}
+```
+
+This is particularly useful when working with arrays of objects and passing multiple sets of properties to child components. For example, you might have a list of developers where each object in the array has the same structure but represents a different person.
+
+You will learn more about how to render lists in React in future lectures.
+
+Using props in React makes your components more flexible and reusable, allowing you to build more complex UIs. However, it's important to note that props are immutable, meaning they cannot be changed once passed to a component. If you need to handle user input and modify data, you should use state instead. You'll learn more about managing state in future lectures.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
index 59701e4b40..25b6b6c3bf 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500abfe36cd015b67b1b7.md
@@ -1,14 +1,71 @@
 ---
 id: 673500abfe36cd015b67b1b7
 title: How Does Conditional Rendering Work in React Components?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-does-conditional-rendering-work-in-react-components
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Conditional rendering in React allows you to create dynamic user interfaces. It is used to show different content based on certain conditions or states within your application.
+
+The most common approaches of using Conditional rendering includes using if statements, the ternary operator, and `logical AND (&&)` operator.
+
+The simplest form of conditional rendering uses an if statement.
+
+Here's an example:
+
+```js
+function Greeting({ isLoggedIn }) {
+  if (isLoggedIn) {
+    return <h1>Welcome back!</h1>;
+  }
+  return <h1>Please sign in</h1>;
+}
+```
+
+In this example, the `Greeting` component checks the `isLoggedIn` prop. If it's true, it returns a welcome message, otherwise, it prompts the user to sign in.
+
+Here is an example using the Greeting component inside of the parent App component.
+
+```js
+function App() {
+  return (
+    <div className="App">
+      <Greeting isLoggedIn={false} />
+    </div>
+  );
+}
+```
+
+For simpler conditions, the ternary operator (?) is often used directly within JSX. It allows for inline conditional rendering, which can make your code more concise:
+
+```js
+function Greeting({ isLoggedIn }) {
+  return <h1>{isLoggedIn ? "Welcome back!" : "Please sign in."}</h1>;
+}
+```
+
+This code achieves the same result as the previous example but in a more compact form. The ternary operator checks isLoggedIn and renders the appropriate message.
+
+Another common pattern for conditional rendering is using the `logical AND (&&)` operator. This is particularly useful when you want to render something or nothing based on a condition:
+
+```js
+function Notification({ message }) {
+  return (
+    <div>
+      {message && <p>{message}</p>}
+    </div>
+  );
+}
+```
+
+In this example, the paragraph element with the message is only rendered if the `message` prop is truthy. If `message` is falsy (meaning it is an empty string, `null`, or `undefined`), nothing is rendered to the screen.
+
+By mastering these techniques of conditional rendering, you can build more interactive and user-friendly applications that adapt to changing data and user interactions.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
index 957731e786..bf14742e40 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500b41af8500191febedc.md
@@ -1,14 +1,80 @@
 ---
 id: 673500b41af8500191febedc
 title: How Do You Render Lists in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-you-render-lists-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Rendering lists is a fundamental task in React web apps, and is used for displaying data to users. In React, the `map()` method is used to transform an array of data into an array of JSX elements that can be rendered in the UI.
+
+Here is an example of a component called `FruitList` that displays a list of fruits:
+
+```js
+function FruitList() {
+  const fruits = ['Apple', 'Banana', 'Cherry', 'Date'];
+  return (
+    <ul>
+      {fruits.map(fruit => <li>{fruit}</li>)}
+    </ul>
+  );
+}
+```
+
+In this example, the `map()` function iterates over each item in the fruits array. For each fruit, it creates a new `<li>` element containing the fruit's name. The newly created array of `<li>` elements is then displayed inside the `<ul>` parent tags.
+
+However, when rendering lists in React, it is important not to forget the key prop to each element in the list. The key must always be unique and it helps React identify which items have changed, been added, or been removed, which is essential for efficient rendering and updating the list.
+
+Let's modify our example to include keys:
+
+```js
+function FruitList() {
+  const fruits = ["Apple", "Banana", "Cherry", "Date"];
+  return (
+    <ul>
+      {fruits.map((fruit, index) => (
+        <li key={`${fruit}-${index}`}>{fruit}</li>
+      ))}
+    </ul>
+  );
+}
+```
+
+In this refactored example, we are creating a unique key for each list item by concatenating the fruit name with its index. This ensures that each list item has a distinct key, which helps React efficiently manage and update the list when items are added, removed, or reordered.
+
+React's also allows you to render more complex structures. For instance, you might have an array of objects representing users, each with multiple properties that you want to display:
+
+```js
+function UserList() {
+  const users = [
+    { id: "user-001-employee", name: "Alice", email: "alice@example.com" },
+    { id: "user-002-employee", name: "Bob", email: "bob@example.com" },
+    { id: "user-003-employee", name: "John", email: "john@example.com" },
+  ];
+  return (
+    <div>
+      {users.map((user) => (
+        <div key={user.id}>
+          <h3>{user.name}</h3>
+          <p>{user.email}</p>
+        </div>
+      ))}
+    </div>
+  );
+}
+```
+
+In this example, we're creating a more complex JSX structure for each user, displaying both their name and email. We're using the user's id as the key, which is a good practice.
+
+In conclusion, rendering lists in React involves converting arrays of data into JSX elements, typically using the `map()` function.
+
+Always remember to provide a unique key for each list item to help React manage the updating and rendering roles.
+
+With these techniques, you can create flexible, efficient, and dynamic lists in your React applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
index 42fc4bdbd4..ac21642908 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-in-react/673500bfe1f41601c1ddb1a2.md
@@ -1,14 +1,81 @@
 ---
 id: 673500bfe1f41601c1ddb1a2
 title: How Do Inline Styles Work in React?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-do-inline-styles-work-in-react
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In React, inline styles are used to apply CSS styles directly to React elements within your JSX code instead of defining them in separate CSS files.
+
+React's approach to inline styles involves using JavaScript objects to define styles, rather than traditional CSS strings. This means that instead of writing styles as you would in a CSS file, you create a JavaScript object where the keys are camelCased versions of CSS property names, and the values are the strings of CSS values.
+
+Here is an example of how you can use inline styles for a `Button` component:
+
+```js
+function Button({ buttonText }) {
+  const defaultStyles = {
+    backgroundColor: "#007BFF",
+    color: "white",
+    border: "none",
+    borderRadius: "4px",
+    padding: "10px 20px",
+    fontSize: "16px",
+    fontWeight: "bold",
+    cursor: "pointer",
+    transition: "background-color 0.3s ease",
+  };
+
+  return <button style={defaultStyles}>{buttonText}</button>;
+}
+```
+
+In this example, we define a style object called defaultStyles. We then apply these styles to a button element using the style attribute. React takes care of applying these styles to the element when it renders.
+
+You can also choose to pass in an object directly to the style attribute. Here is what a revised example would look like:
+
+```js
+function Button({ buttonText }) {
+  return (
+    <button
+      style={{
+        backgroundColor: "#007BFF",
+        color: "white",
+      }}
+    >
+      {buttonText}
+    </button>
+  );
+}
+```
+
+Sometimes you might want to pass in an object directly if there are only a few properties like shown here. Otherwise, passing in a name to an object would be better like in the first example.
+
+It's important to note that while CSS property names are typically written in kebab-case (like font-size), in React's inline styles, we use camelCase (like fontSize). This is because the style object is a JavaScript object, and kebab-case names are not valid as object keys in JavaScript without using quotes.
+
+A great advantage of inline styles in React is that they support dynamic styling based on a component state or props. For example:
+
+```js
+function DynamicButton({ isActive }) {
+  const buttonStyles = {
+    backgroundColor: isActive ? "green" : "red",
+    color: "white",
+    padding: "10px 15px",
+    border: "none",
+    cursor: "pointer",
+  };
+
+  return <button style={buttonStyles}>Login</button>;
+}
+```
+
+In this example, the button's background color changes based on the isActive prop. This kind of dynamic styling can be powerful for creating interactive and responsive user interfaces.
+
+In summary, inline styles in React provide a powerful way to apply and manipulate styles directly within your components. They use JavaScript objects instead of CSS strings, require camelCased property names, and can easily incorporate dynamic values. They're an essential tool in a React developer's toolkit, especially for creating highly customized and interactive user interfaces.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
index 2dece399e2..f6409110e6 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
@@ -2,7 +2,7 @@
 id: 672d264645e289208e562f10
 title: What Is Dynamic Typing in JavaScript, and How Does It Differ from Statically Typed Languages?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IOKsF08zioQ
 dashedName: what-is-dynamic-typing-in-javascript-and-how-does-it-differ-from-statically-typed-languages
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
index ad8edaae65..b3dd9cdb9c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
@@ -2,7 +2,7 @@
 id: 6732518a8627876f4fcd18a4
 title: How Does the typeof Operator Work, and What Is the typeof null Bug in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DDHu5VDlkPM
 dashedName: how-does-the-typeof-operator-work-and-what-is-the-typeof-null-bug-in-javascript
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the `typeof` operator return when used on a `string` in JavaScript?
+What does the `typeof` operator return when used on a string in JavaScript?
 
 ## --answers--
 
@@ -86,7 +86,7 @@ Recall the unexpected behavior when checking the type of `null`.
 
 ## --text--
 
-How does `typeof` behave when checking the type of a `number`?
+How does `typeof` behave when checking the type of a number?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
index 92714c7a4e..57287c577f 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
@@ -2,7 +2,7 @@
 id: 6733aafb9c0802f66cc1e056
 title: How Does the JavaScript Data Object Work, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aFGXBwkmNqg
 dashedName: how-does-the-javascript-data-object-work-and-what-are-some-common-methods
 ---
 
@@ -54,11 +54,11 @@ If you use the `getMonth` method and it returns `4`, which month is being repres
 
 ## --answers--
 
-`April`
+`May`
 
 ---
 
-`May`
+`April`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
index d00bcaffc3..c803fed955 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
@@ -2,7 +2,7 @@
 id: 6733d608654c17868e01c0a2
 title: What Are the Different Ways to Format Dates?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 67I6H8Vce2E
 dashedName: what-are-the-different-ways-to-format-dates
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
index 8942cd8356..683f59ec45 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
@@ -38,7 +38,7 @@ Think about the file name that looks complicated.
 
 ---
 
-products.html
+`products.html`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
index 28f4518c0d..5b9a32f397 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
@@ -1,14 +1,117 @@
 ---
 id: 672d269da46786225e3fe3fd
 title: What Is the Purpose of Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-purpose-of-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functions are reusable pieces of code that perform a specific task or calculate a value. Think of functions as a machine that takes some input, does some operations on it, and then produces an output.
+
+Here is an example of declaring a function:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+```
+
+In this example, we have declared a function called `greet`.  Inside that function, we have a `console.log` that logs the message `"Hello, Jessica!"`.
+
+If we tried to run this code, we would not see the message appear in the console. This because we need to call the function.
+
+A function call, or or invocation, is when we actually use or execute the function. To call a function, you will need to reference the function name followed by a set of parentheses:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+
+greet(); // "Hello, Jessica!"
+```
+
+Now the message of `"Hello, Jessica!"` will be logged to the console.
+
+But what if we wanted the message to say `"Hello, Nick!"` or `"Hello, Anna!"`?
+
+We don’t want to write a new function each time we greet a different user. Instead, we can create a reusable function that uses function parameters and arguments.
+
+Parameters act as placeholders for the values that will be passed to the function when it is called. They allow functions to accept input and work with that input.
+
+Arguments are the actual values passed to the function when it is called.
+
+Here is an updated version of the greet function that uses parameters and arguments:
+
+```js
+function greet(name) {
+  console.log("Hello, " + name + "!");
+}
+
+greet("Alice"); // Hello, Alice!
+greet("Nick"); // Hello, Nick!
+```
+
+The name serves as the parameter while the strings `"Alice"` and `"Nick"` serve as the arguments. Now we have a reusable function that can be used dozens of times throughout our code with different arguments.
+
+When a function finishes its execution, it will always return a value. By default, the return value will be `undefined`.
+
+Here is an example:
+
+```js
+function doSomething() {
+    console.log("Doing something...");
+}
+
+let result = doSomething();
+console.log(result); // undefined
+```
+
+If you need your function to return a specific value, then you will need to use the `return` statement.
+
+Here is an example of using a `return` statement to return the sum of two values:
+
+```js
+function calculateSum(num1, num2) {
+  return num1 + num2;
+}
+
+console.log(calculateSum(3, 4)); // 7
+```
+
+Often times you will be using the `return` statement, because you can use that value that was output from the function later on in your code.
+
+So far, we’ve been working with named functions, but you can also create what’s called an anonymous function.
+
+An anonymous function is a function without a name that can be assigned to a variable like this:
+
+```js
+const sum = function (num1, num2) {
+  return num1 + num2;
+};
+
+console.log(sum(3, 4)); // 7
+```
+
+In this example, we have a `const` variable called `sum` and we are assigning it an anonymous function that returns the sum of `num1` and `num2`.  We are then able to call `sum` and pass in the numbers `3` and `4` to get the result of `7`.
+
+Functions support default parameters, allowing you to set default values for parameters. These default values are used if the function is called without an argument for that parameter. Here’s an example:
+
+```js
+function greetings(name = "Guest") {
+  console.log("Hello, " + name + "!");
+}
+
+greetings(); // Hello, Guest!
+greetings("Anna"); // Hello, Anna!
+```
+
+In this example, if no argument is provided for name, it defaults to `Guest`.
+
+In summary, functions allow you to write reusable and organized code. They can take inputs (parameters), perform actions, and return outputs.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
index 2ac2ecd8ce..9aabaaa2f9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
@@ -1,14 +1,112 @@
 ---
 id: 673284d5e52ef81a2169b097
 title: What Are Arrow Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-arrow-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture, you learned how to work with functions, which are reusable pieces of code that help make your code more modular, easier to maintain, and more efficient.
+
+All previous examples used the regular function syntax, like this:
+
+```js
+function greetings(name) {
+  console.log("Hello, " + name + "!");
+}
+```
+
+But another way to write functions in JavaScript is to create an arrow function expression.
+
+Here is how you can refactor the previous example to use arrow function syntax instead:
+
+```js
+const greetings = (name) => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+In this revised example, we are creating a const variable called `greetings` and assigning it an anonymous function.
+
+Most of the syntax will look familiar to you except for the missing `function` keyword and the addition of the arrow `=>` between the `name` parameter and the function body.
+
+If your parameter list only has one parameter in it, then you can remove the parentheses like this:
+
+```js
+const greetings = name => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+If your arrow function has no parameters, then you must use the parentheses like this:
+
+```js
+const greetings = () => {
+  console.log("Hello");
+};
+```
+
+When first learning about functions, you had to wrap the function body in curly braces.
+
+But if your function body only contains a single line of code, you can remove the curly braces like this:
+
+```js
+const greetings = name => console.log("Hello, " + name + "!");
+```
+
+It is important to note that removing the parentheses and curly braces for regular function syntax will not work. You will get errors if you tried to do something like this:
+
+```js
+// This will produce syntax errors 
+function greetings name console.log("Hello, " + name + "!");
+```
+
+These types of one line functions only work if you are using the arrow function syntax.
+
+Another key concept is the `return` statement.
+
+Here is an example of using the arrow function syntax to calculate the area:
+
+```js
+const calculateArea = (width, height) => {
+  const area = width * height;
+  return area;
+};
+
+console.log(calculateArea(5, 3)); // 15
+```
+
+We are creating a variable inside the function called `area` and then returning that variable. But we could clean up our code a bit and return the calculation itself:
+
+```js
+const calculateArea = (width, height) => {
+  return width * height;
+};
+```
+
+If you tried to remove the curly braces and place the calculation on the same line, then you would get an `Uncaught SyntaxError: Unexpected token 'return'  message`.
+
+```js
+const calculateArea = (width, height) => return width * height;
+```
+
+The reason why you are getting this error, is because you need to remove the `return` statement. When you remove that `return` statement, the error will disappear and the function will still implicitly return the calculation.
+
+```js
+const calculateArea = (width, height) => width * height;
+```
+
+So when should you use the arrow function syntax?
+
+Well, it depends.
+
+Many developers use it consistently in their personal projects. However, when working on a team, the choice usually depends on whether the existing codebase uses regular functions or arrow functions.
+
+In future lectures, we’ll cover when to use arrow functions and when to avoid them.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
index 87e98db0a0..ffe92fe9c0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
@@ -1,14 +1,76 @@
 ---
 id: 673284e7244c0c1a649121b9
 title: What Is Scope in Programming, and How Does Global, Local, and Block Scope Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-scope-in-programming-and-how-does-global-local-and-block-scope-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Scope in programming refers to the visibility and accessibility of variables in different parts of your code. It determines where variables can be accessed or modified.
+
+In JavaScript, understanding scope is crucial for writing clean, efficient, and bug-free code. There are three main types of scope: global scope, local scope, and block scope.
+
+Global scope is the outermost scope in a JavaScript program. Variables declared in the global scope are accessible from anywhere in your code, including within functions and blocks. These variables are often called global variables.
+
+While global variables can be convenient, they should be used sparingly as they can lead to naming conflicts and make your code harder to maintain.
+
+Here's an example of a global variable:
+
+```js
+let globalVar = "I'm a global variable";
+
+function printGlobalVar() {
+    console.log(globalVar);
+}
+
+printGlobalVar(); // Output: "I'm a global variable"
+```
+
+In this example, `globalVar` is declared in the global scope and can be accessed inside the `printGlobalVar` function.
+
+Local scope, on the other hand, refers to variables that are only accessible within a function.
+
+Here's an example of local scope:
+
+```js
+function greet() {
+    let message = "Hello, local scope!";
+    console.log(message);
+}
+
+greet(); // Output: "Hello, local scope!"
+console.log(message); // This will throw an error
+```
+
+In this code, `message` is a local variable within the `greet` function. It can be used inside the function, but trying to access it outside the function will result in an error.
+
+Block scope is a concept introduced with the let and const keywords in ES6. A block is any code section within curly braces `{}`, such as in `if` statements, `for` loops, or `while` loops. The concept of loops will be taught in an upcoming lecture.
+
+Variables declared with `let` or `const` inside a block are only accessible within that block. Here's an example of block scope:
+
+```js
+if (true) {
+    let blockVar = "I'm in a block";
+    console.log(blockVar); // Output: "I'm in a block"
+}
+console.log(blockVar); // This will throw an error
+```
+
+In this example, `blockVar` is only accessible within the `if` block. Trying to access it outside the block will result in an error.
+
+Understanding these different types of scope is essential for managing variable accessibility and avoiding unintended side effects in your code.
+
+Global variables should be used sparingly, as they can lead to naming conflicts and make your code harder to maintain.
+
+Local variables help to keep different parts of your code isolated, which is especially useful in larger programs.
+
+Block scoping with `let` and `const` provides even finer control over variable accessibility, helping to prevent errors and make your code more predictable.
+
+Mastering these basic concepts of global, local, and block scope will provide a solid foundation for understanding more advanced topics.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
index 6c407d3ce4..1aae18e36b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
@@ -2,7 +2,7 @@
 id: 67329ffd75010f5ddeb4ea13
 title: What Is a Callback Function, and How Does It Work with the forEach Method?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ye6d69RVeqY
 dashedName: what-is-a-callback-function-and-how-does-it-work-with-the-foreach-method
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
index e922b881c1..fe5a9fbf34 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
@@ -2,7 +2,7 @@
 id: 67336296a3c1591da81856c2
 title: What Are Higher-Order Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dj9Pt4tODfA
 dashedName: what-are-higher-order-functions
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
index 816314c512..ff9c6d9631 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
@@ -1,14 +1,65 @@
 ---
 id: 673362a34edda41dedf87623
 title: What Is the Map Method, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-map-method-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The `map` method is a powerful and widely used function in JavaScript that operates on arrays. It is designed to create a new array by applying a given function to each element of the original array.
+
+This method does not modify the original array but instead returns a new array containing the results of the function applied to each element.
+
+Here is an example of using the `map` method on an array of numbers:
+
+```js
+const numbers = [1, 2, 3, 4, 5];
+const doubled = numbers.map((num) => num * 2);
+console.log(numbers); // [1,2,3,4,5]
+console.log(doubled); // [2,4,6,8,10]
+```
+
+To create a new array where each number is doubled, we are using the `map` method. The `map` method accepts a callback function where the function is called on every single element in the array.
+
+In this case, each number in the array will be multiplied by 2. The result will be a new array of the numbers 2,4,6,8,10.
+
+The callback function can accept up to three arguments.
+
+The first argument is the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element) => {
+  console.log("Element:", element);
+  return element * 2;
+});
+```
+
+The second argument is the index of the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  return element * 2;
+});
+```
+
+The third argument is the array where `map` is being called on.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index, array) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  console.log("Array:", array);
+  return element * 2;
+});
+```
+
+Understanding and effectively using the map method can significantly improve your ability to work with arrays in JavaScript. In future lecture videos, we'll dive deeper into more advanced uses of map and explore how it can be a powerful tool for building dynamic and efficient programs.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
index f859943167..c4b05e8119 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
@@ -2,7 +2,7 @@
 id: 673362b3f763ae1e38e17df7
 title: What Is the Filter Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EaVyNFI53Mk
 dashedName: what-is-the-filter-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
index be1d5e441f..bea6d82f98 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
@@ -2,7 +2,7 @@
 id: 673362be2f70c21e65bc5459
 title: What Is the Reduce Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: fxgwdO-Eii8
 dashedName: what-is-the-reduce-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
index 538b78c844..f721c1d624 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
@@ -2,7 +2,7 @@
 id: 673362cbb475e21eab726506
 title: What Is Method Chaining, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bsCkwxZ4sho
 dashedName: what-is-method-chaining-and-how-does-it-work
 ---
 
@@ -116,7 +116,7 @@ console.log(result);
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
index 540d92a0f8..99550b28a5 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
@@ -2,7 +2,7 @@
 id: 673362d7f94d551edb532d24
 title: How Does the Sort Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eA5HGl-qsdA
 dashedName: how-does-the-sort-method-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
index 6ec357a968..12db447450 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
@@ -2,7 +2,7 @@
 id: 673362e43d57b51f1ad2d466
 title: How Do the every() and some() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ELHJGK4IyqU
 dashedName: how-do-the-every-and-some-methods-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
index ab1b8a6f1a..02f33dec43 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
@@ -86,36 +86,36 @@ A tool that checks the validity of HTML.
 
 ## --text--
 
-Which of these is not an example of an HTML validator?
+Which of these is an example of an HTML validator?
 
 ## --answers--
 
-W3.org HTML validator.
+W3.org HTML validator
 
-### --feedback--
+---
 
-Look out for the option that is not an HTML validator.
+CSS Lint
 
----
+### --feedback--
 
-JS World HTML Validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-Prettier Code Formatter.
+JavaScript Debugger
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-JSONFormatter.org HTML Validator.
+Photoshop
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ## --video-solution--
 
-2
+1
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
index 22712e9c17..950d3b1275 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
@@ -1,6 +1,6 @@
 ---
 id: 6716744f7245947a3dd60009
-videoId: D4PO-NUqmzg
+videoId: zf4bbN-hYOg
 title: What Are the Different Target Attribute Types, and How Do They Work?
 challengeType: 11
 dashedName: what-are-the-different-target-attribute-types
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
index 40e0a83659..7bc6e9ff7d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
@@ -1,6 +1,6 @@
 ---
 id: 671682dd88e461a8e2620f38
-videoId: hpEmssjWh-0
+videoId: bxr4p5Ik4js
 title: What Is the Difference Between Absolute and Relative Paths?
 challengeType: 11
 dashedName: what-is-the-difference-between-absolute-and-relative-paths
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
index f708e3445a..ca5d07c2a3 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
@@ -1,6 +1,6 @@
 ---
 id: 6716830dbaf95da9564f2e3b
-videoId: nVAaxZ34khk
+videoId: GTgzy4wPXcM
 title: What Is the Difference Between Slashes, a Single Dot, and Double Dot in Path Syntax?
 challengeType: 11
 dashedName: what-is-the-difference-between-slashes-a-single-dot-and-double-dot-in-path-syntax
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
index e02d8909a7..68a1cf656d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
@@ -1,6 +1,6 @@
 ---
 id: 67168323932391a9ee0d3a9e
-videoId: O86-AxNc0nU
+videoId: ztu_9h2ZJrA
 title: What Are the Different Link States, and Why Are They Important?
 challengeType: 11
 dashedName: what-are-the-different-link-states
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
index 676a886137..816424d2dd 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
@@ -2,7 +2,7 @@
 id: 67329f7f3d1bd75c17896c66
 title: How Do Loops and Iteration Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2h4RsvyUDH4
 dashedName: how-do-loops-and-iteration-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
index 26e85ea235..4f6e763e6d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
@@ -2,7 +2,7 @@
 id: 6732c04638420641dcca2e6e
 title: How Does the For...of Loop Work, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3EvkUpl4IQs
 dashedName: how-does-the-for-of-loop-work-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
index cbd715bf2a..4462c37abc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
@@ -2,7 +2,7 @@
 id: 6732c05595ca7d422b9e55ff
 title: What Is the For...in Loop, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: K0dZ8f9AZt4
 dashedName: what-is-the-for-in-loop-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
index 11eeb943ca..651015d2e4 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
@@ -2,7 +2,7 @@
 id: 6732c06654ea3442724284fe
 title: What Is a While Loop, and How Does It Differ from the Do...while Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 93KL4Ou1eXU
 dashedName: what-is-a-while-loop-and-how-does-it-differ-from-the-do-while-loop
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
index 80429b20e1..9e1bd6c97d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
@@ -2,7 +2,7 @@
 id: 6732c07238355642a9781dfb
 title: What Are the Break and Continue Statements Used for in Loops?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: U3gATVuQTxQ
 dashedName: what-are-the-break-and-continue-statements-used-for-in-loops
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
index ede42b9287..9327c83582 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
@@ -2,7 +2,7 @@
 id: 6733ab269b378bf724c9ac71
 title: What Are Sets in JavaScript, and How Does It Differ from WeakSets?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4XFTr08_hog
 dashedName: what-are-sets-in-javascript-and-how-does-it-differ-from-weaksets
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
index f09c5a8158..977210422e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
@@ -2,7 +2,7 @@
 id: 6733dd694f91d61a5272b4ac
 title: What Is the Map Object, and How Does It Differ from WeakMaps?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2hHKZBPJQRY
 dashedName: what-is-the-map-object-and-how-does-it-differ-from-weakmaps
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
index 72278f888a..28deeb7f56 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
@@ -2,7 +2,7 @@
 id: 672d26809d388621ad1ecd43
 title: How Does isNaN Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lxK56X8Rr1M
 dashedName: how-does-isnan-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
index cb6dd13339..ccae567b85 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
@@ -2,7 +2,7 @@
 id: 6732808f3221720adc833e81
 title: How Do the parseFloat() and parseInt() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5Q_BlR2NKYk
 dashedName: how-do-the-parsefloat-and-parseint-methods-work
 ---
 
@@ -74,7 +74,7 @@ Consider how `Number.parseInt()` handles leading whitespace and non-digit charac
 
 ---
 
-42
+`42`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
index 2daec965f3..b371fd65d2 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
@@ -2,7 +2,7 @@
 id: 673280a1c29d0a0b17316e56
 title: What Is the toFixed() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4GnMICoBC1Y
 dashedName: what-is-the-tofixed-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
index 099c339146..ca24f48370 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
@@ -2,7 +2,7 @@
 id: 672d266e014ef8216df987d2
 title: What Is the Number Type in JavaScript, and What Are the Different Types of Numbers Available?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ccHZ7e8z4SM
 dashedName: what-is-the-number-type-in-javascript-and-what-are-the-different-types-of-numbers-available
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
index ea0aa4ac2f..a9f1a0d033 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
@@ -2,7 +2,7 @@
 id: 673271884bf678d8b9c64f56
 title: What Are the Different Arithmetic Operators in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: guUVaI-X7Gk
 dashedName: what-are-the-different-arithmetic-operators-in-javascript
 ---
 
@@ -14,107 +14,117 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How can you check if a number is even using the `modulus` operator in JavaScript?
+Which of the following operators should you use to subtract one number from another?
 
 ## --answers--
 
-Use the `modulus` operator and check if the remainder is equal to `0` using strict equality (`===`).
+`+`
 
----
+### --feedback--
 
-Use the `modulus` operator and check if the remainder is greater than `1`.
+Think about the symbol typically used for subtraction.
 
-### --feedback--
+---
 
-Consider what remainder an even number gives when divided by `2`.
+`-`
 
 ---
 
-Use the `modulus` operator and ignore the remainder.
+`*`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ---
 
-Use the `modulus` operator and check if the remainder is equal to 1.
+`/`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ## --video-solution--
 
-1
+2
 
 ## --text--
 
-Which of these statements best describes operator precedence in JavaScript?
+What’s the output of the following code?
+
+```js
+const result = 4 / 0;
+console.log(result);
+```
 
 ## --answers--
 
-Addition and subtraction have the highest precedence.
+`Infinity`
 
-### --feedback--
+---
 
-Consider which operations are executed first in a mathematical expression.
+`4`
 
----
+### --feedback--
 
-Exponentiation has the highest precedence, followed by multiplication, division, and remainder.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-Multiplication and division have lower precedence than addition and subtraction.
+`1`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-All operators have the same precedence.
+`16`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ## --video-solution--
 
-2
+1
 
 ## --text--
 
-How do you use the subtraction operator in JavaScript to find the difference between two numbers?
+What’s the output of the following code?
+
+```js
+const remainder = 5 % 3;
+console.log(remainder);
+```
 
 ## --answers--
 
-Use the plus sign (`+`) to subtract numbers.
+`15`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the minus sign (`-`) to subtract a smaller number from a bigger number.
+`2`
 
 ---
 
-Use the multiplication sign (`*`) to perform subtraction.
+`3`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the division sign (`/`) to find the difference.
+`1.6666666666666667`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
index 8bd8a87d00..0dddc6cbb0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
@@ -2,7 +2,7 @@
 id: 67327195e77b1bd90bdd49d7
 title: What Happens When You Try to Do Calculations with Numbers and Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KPFskFoAzUA
 dashedName: what-happens-when-you-try-to-do-calculations-with-numbers-and-strings
 ---
 
@@ -14,35 +14,39 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = 3 + "19";
+```
 
 ## --answers--
 
-JavaScript throws an error.
+JavaScript ignores the string and only performs the operation on the number.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript ignores the boolean and only performs the operation on numbers.
+JavaScript throws an error when you try to mix strings and numbers in arithmetic.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
+JavaScript converts the number `3` into the string `"3"`, concatenates the two strings, and assigns the value `"319"` to `result`.
 
 ---
 
-JavaScript converts the boolean to a string before performing the operation.
+JavaScript converts the string `"19"` into the number `19`, performs the operation, and assigns the value `22` to `result`.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ## --video-solution--
 
@@ -50,71 +54,75 @@ Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --text--
 
-What happens when you perform arithmetic operations like subtraction, multiplication, or division with a string and a number in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = "6" - 4;
+```
 
 ## --answers--
 
-JavaScript ignores the string and only performs the operation on the number.
+Conversion fails and JavaScript returns `NaN`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript throws an error when you try to mix strings and numbers in arithmetic.
+JavaScript converts the number `4` into the string `"4"`, concatenates the two strings, and assigns the value `"64"` to `result`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript converts the string into a number before performing the operation, a process called type coercion.
+The value `Infinity` is assigned to `result`.
 
----
+### --feedback--
 
-JavaScript converts the number into a string before performing the operation.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
-### --feedback--
+---
 
-Think about how JavaScript handles different data types in math operations.
+JavaScript converts the string `"6"` into the number `6`, performs the operation, and assigns the value `2` to `result`.
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
-How does JavaScript handle arrays or objects in arithmetic operations?
+What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
 
 ## --answers--
 
-It throws an error.
+JavaScript throws an error.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It performs the arithmetic operation normally without any conversion.
+JavaScript ignores the boolean and only performs the operation on numbers.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It converts the array or object to a string and then concatenates it with the number.
+JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
 
 ---
 
-It ignores the array or object and only operates on the number.
+JavaScript converts the boolean to a string before performing the operation.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
index fcaf6be9d2..1ee9d0a810 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
@@ -2,7 +2,7 @@
 id: 6732719e2e3ad4d947410b65
 title: How Does Operator Precedence Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pnXCNw4fCyU
 dashedName: how-does-operator-precedence-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
index a704f909f3..24d3384157 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
@@ -2,7 +2,7 @@
 id: 673271a8998ddfd97578d095
 title: How Do the Increment and Decrement Operators Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: byGvO4RC26w
 dashedName: how-do-the-increment-and-decrement-operators-work
 ---
 
@@ -66,7 +66,7 @@ Prefix (`++value` or `--value`).
 
 ---
 
-Either prefix or postfix, it doesn’t matter.
+Either prefix or postfix, it doesn't matter.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
index 254a230c4b..c80280ece1 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
@@ -2,7 +2,7 @@
 id: 673271b4213033d9b661c70e
 title: What Are Compound Assignment Operators in JavaScript, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _OotACioDZs
 dashedName: what-are-compound-assignment-operators-in-javascript-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
index 0b701c7098..a75801d30b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
@@ -2,7 +2,7 @@
 id: 673271c7581a27d9dd78f6d6
 title: What Are Booleans, and How Do They Work with Equality and Inequality Operators?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PmbDO3GXcO4
 dashedName: what-are-booleans-and-how-do-they-work-with-equality-and-inequality-operators
 ---
 
@@ -110,7 +110,7 @@ Think about how JavaScript handles different types with regular equality.
 
 ---
 
-It throws an error if the types don’t match.
+It throws an error if the types don't match.
 
 ### --feedback--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
index 35faec0329..015656c81e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
@@ -2,7 +2,7 @@
 id: 673271dffbc34fda31da9515
 title: What Are Comparison Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1E_U3oP18sA
 dashedName: what-are-comparison-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
index 4652149991..12b88aab00 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
@@ -2,7 +2,7 @@
 id: 673271e8e3d43bda89f723b3
 title: What Are Unary Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VTY8Y9qfvTs
 dashedName: what-are-unary-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
index b9e0fb151d..d43333545d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
@@ -2,7 +2,7 @@
 id: 673271f39f124ddac28866d5
 title: What Are Bitwise Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Wga6bSebwFg
 dashedName: what-are-bitwise-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
index 7c78e6ce54..525aa9fc34 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
@@ -2,7 +2,7 @@
 id: 673271fd11d063daf0cf8d20
 title: What Are Conditional Statements, and How Do If/Else If/Else Statements Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 6BZn4rKzpJ8
 dashedName: what-are-conditional-statements-and-how-do-if-else-if-else-statements-work
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What’s a compact way to write simple `if`/`else` statements?
+What's a compact way to write simple `if`/`else` statements?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
index 215b6cbcee..7ecb9e7567 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
@@ -2,7 +2,7 @@
 id: 6732720e95f6a0db526a2e4d
 title: What Are Binary Logical Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bFo2p8aD9Y8
 dashedName: what-are-binary-logical-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
index 78b4665618..aae68540df 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
@@ -2,7 +2,7 @@
 id: 67327217e70ee0db7913b255
 title: What Is the Math Object in JavaScript, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1VUy-I4sNKQ
 dashedName: what-is-the-math-object-in-javascript-and-what-are-some-common-methods
 ---
 
@@ -86,7 +86,7 @@ Think about how it chooses to round up or down based on the decimal value.
 
 ## --text--
 
-What’s the difference between `Math.min()` and `Math.max()`?
+What's the difference between `Math.min()` and `Math.max()`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
index 49f6d5682f..cc96327f7b 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
@@ -2,7 +2,7 @@
 id: 67329f737126b75bcb949e13
 title: What Is an Object in JavaScript, and How Can You Access Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JNFs7YHLRFQ
 dashedName: what-is-an-object-in-javascript-and-how-can-you-access-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
index 333f83cc67..fa14e74eb0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
@@ -2,7 +2,7 @@
 id: 6732b721eb98f224868b44a6
 title: How Can You Remove Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sz2K-rYNjSI
 dashedName: how-can-you-remove-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
index a084a126cf..2e03b3f962 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
@@ -2,7 +2,7 @@
 id: 6732b72961f94324bd6390de
 title: How to Check If an Object Has a Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i1MpmDeRZ_0
 dashedName: how-to-check-if-an-object-has-a-property
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
index 0aa3e00632..401d654fbc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
@@ -2,7 +2,7 @@
 id: 6732b73509f71f24ef05e86e
 title: How Do You Work with Accessing Properties from Nested Objects and Arrays in Objects?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f7uZdVLZuCA
 dashedName: how-do-you-work-with-accessing-properties-from-nested-objects-and-arrays-in-objects
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
index 292eae0920..5216609e44 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
@@ -2,7 +2,7 @@
 id: 6732b73d25cc01251b778043
 title: What Is the Difference Between Primitive and Non-Primitive Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: c-jyZdhWIYk
 dashedName: what-is-the-difference-between-primitive-and-non-primitive-data-types
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
index 2b10ff9d72..76679f6501 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
@@ -2,7 +2,7 @@
 id: 6732b749b8aad125523dcda5
 title: What Is the Difference Between Functions and Object Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Jufe8vG8TVo
 dashedName: what-is-the-difference-between-functions-and-object-methods
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
index 2b1deddd94..7391daa6b7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
@@ -2,7 +2,7 @@
 id: 6732b758194c97257d23fc72
 title: What Is the Object() Constructor, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: o-AsC8Z7Vng
 dashedName: what-is-the-object-constructor-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
index 679086182c..b372a2c458 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
@@ -2,7 +2,7 @@
 id: 6732b76c03f7d825c7fc74ee
 title: What Is the Optional Chaining Operator, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: s9EDuy0Djco
 dashedName: what-is-the-optional-chaining-operator-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
index bb70d7f5dc..4ddaf22bae 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
@@ -2,7 +2,7 @@
 id: 6732b77adf9de12617a2dbb3
 title: What Is Object Destructuring, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMS8vSutlUc
 dashedName: what-is-object-destructuring-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
index ad76569333..062c850d52 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
@@ -2,7 +2,7 @@
 id: 6732b788046862264eeb1c39
 title: What Is JSON, and How Do You Access Values Using Bracket and Dot Notation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8x6vJarVy_o
 dashedName: what-is-json-and-how-do-you-access-values-using-bracket-and-dot-notation
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
index 4ab4b3c290..75a87253e8 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
@@ -2,7 +2,7 @@
 id: 6732b79c6aa77826855a3f11
 title: How Do JSON.parse() and JSON.stringify() Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gjnT8byXAc0
 dashedName: how-do-json-parse-and-json-stringify-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
index eaec498023..fdc907c950 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
@@ -2,7 +2,7 @@
 id: 6733aad43b3ebff588a26fb5
 title: What Are Regular Expressions, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: yyawAbHw9Mw
 dashedName: what-are-regular-expressions-and-what-are-some-common-methods
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
index 2d1fa9529f..78c2a2ef8c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
@@ -2,13 +2,13 @@
 id: 6733c5ba834ded4bb067e67c
 title: What Are Some Common Regular Expression Modifiers Used for Searching?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 0ZGj-WNbB98
 dashedName: what-are-some-common-regular-expression-modifiers-used-for-searching
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+Watch the video lecture and answer the questions below.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
index b0a3ae0b1b..6460808907 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
@@ -1,14 +1,139 @@
 ---
 id: 6733c5c549775c4be710237c
 title: How Can You Match and Replace All Occurrences in a String?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-match-and-replace-all-occurrences-in-a-string
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn how to match or replace all occurrences of a pattern in a string.
+
+You have previously learned about the `replace` and `match` methods, as well as the global `g` modifier. Now you can combine that knowledge to handle all patterns in a string.
+
+Let's recall our original `match` code.
+
+```js
+const regex = /freeCodeCamp/;
+const match = "freeCodeCamp".match(regex);
+console.log(match);
+```
+
+And our resulting `match` object:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-1.png)
+
+But what if we have a string with multiple occurrences of `freecodecamp` to match? Let's take a look at how `match` behaves with that. We'll throw in our old replace example too, just to compare.
+
+```js
+const regex = /freecodecamp/;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-2.png)
+
+Oh no! `Match` only returned the first match, and `replace` only replaced the first match. This is because, by default, `match` and `replace` only operate against the first pattern occurrence.
+
+Thankfully, you can avoid this by using the global modifier on your regular expression. Let's add that to ours:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And confirm the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-3.png)
+
+That worked! Our `replace` call replaced all of the lowercase `freecodecamp` strings, and our `match` method matched both of them.
+
+What's interesting here is that when you use the global modifier with match, you lose the extra information about capture groups and string indicies that would come in the `match` array.
+
+Thankfully, 2019's ECMAScript update brought us two new methods: `matchAll` and `replaceAll`.
+
+Like their singular counterparts, these methods accept a string or regular expression, and `replaceAll` also accepts a second argument as the string to replace with. But unlike the previous methods, `replaceAll` and `matchAll` will throw an error if you give them a regular expression without the global modifier.
+
+Let's update our code to use these new methods:
+
+```js
+const pattern = "freecodecamp";
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(pattern);
+const replaced = str.replaceAll(pattern, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And our result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-4.png)
+
+Good news! Our `replaceAll` worked exactly as we wanted – it replaced all occurrences of the lowercased `freecodecamp` with the properly camelCased version. But what is that empty object?
+
+Well, `matchAll` returns a special type of object called an Iterator, which the freeCodeCamp console isn't prepared to handle. If we peek in our browser console:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-5.png)
+
+The Iterator has a `next` method, which we can call to get the next value. Let's go ahead and call `matched.next()`, and log the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-6.png)
+
+There's our match array! `.next()` gives us an object with two values: done, which is false when there are more elements available in the iterator, and value which is the value we just iterated over.
+
+So, if we call it one more time:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+const replaced = str.replaceAll(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+console.log(matched.next());
+console.log(matched.next());
+```
+
+Wait, why does it say done is still `false`? There should only be two matches in the array, right?
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-7.png)
+
+Let's call it a third time and see what we get:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-8.png)
+
+`done` is finally `true`, but why is that value `undefined`? Well, as it turns out, the `matchAll` iterator is lazy. It doesn't find all of your matches at once. It only finds a match when you tell it to by calling `next()`.
+
+As long as it finds a match, it isn't "done". Once it fails to find a match and brings back `undefined`, it is "done". This may seem inconvenient, but it can be quite helpful when your regular expression is computationally expensive.
+
+If your example is less so, like ours, you can skip that feature and extract all of the matches at once by converting it to an array. This is achieved by calling `Array.from()` and passing your iterator as the argument.
+
+Let's update our code to use that – we'll go ahead and clean up our replaceAll calls since we know that works.
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+console.log(Array.from(matched))
+```
+
+And we finally get our array of matches:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-9.png)
+
+These powerful methods can help you manipulate and extract data from strings without having to sacrifice performance or readability.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
index 01e94f5248..f2bd25ca44 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
@@ -1,14 +1,120 @@
 ---
 id: 6733c5d0048bb74c18431296
 title: What Are Character Classes, and What Are Some Common Examples?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-character-classes-and-what-are-some-common-examples
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about character classes in regular expressions, including some common examples.
+
+Character classes are a special syntax you can use to match sets or subsets of characters.
+
+The first character class you should learn is the wild card class.
+
+The wild card is represented by a period or dot (`.`), and matches any single character except line breaks. To allow the wildcard class to match line breaks, remember that you would need to use the `s` flag.
+
+A regular expression that matched the letter `A` followed by one single character might look like:
+
+```js
+const regex = /a./;
+```
+
+This can be helpful when you are looking for specific patterns in a string, but don't know what might be between those two patterns. But you can also use character classes to narrow down your matches.
+
+For example, what if you wanted to match a numerical character? You might have to write out every possible digit, separating them with the `|` or operator:
+
+```js
+const regex = /0|1|2|3|4|5|6|7|8|9/;
+```
+
+A character class exists for this exact pattern, and gives you a shorthand syntax for writing the same thing. In this case, the character class is written as a backslash (`\`)followed by a `d` character:
+
+```js
+const regex = /\d/;
+```
+
+This regular expression will match the exact same pattern as our previous expression: a single numerical character anywhere in the string.
+
+Now consider a regular expression which also needs to match any letter character `a` through `z`. You could write out each individual character separated by the or operator. Or you could use another character class.
+
+The `\w` class, which is a backslash followed by a `w`, represents any word character.
+
+```js
+const regex = /\w/;
+```
+
+A word character is defined as any letter, from `a` to `z`, or a number from `0` to `9`, or the underscore (`_`) character.
+
+The inclusion of the underscore might seem strange, but consider the naming conventions for variables – variable names can often include underscores, so `\w` is designed to match that as well.
+
+There is one more special character class to consider: the white-space class `\s`, represented by a backslash followed by an `s`. This character class will match any white space, including new lines, spaces, tabs, and special unicode space characters.
+
+These special character classes can be negated. To negate one of these character classes, instead of using a lowercase letter after the backslash, use the uppercase equivalent.
+
+```js
+const regex = /\D/;
+```
+
+This regular expression, for example, does not match a numerical character. Instead, it matches any single character that is not a numerical character.
+
+Negating the `\w` class would match any character that is not `a` to `z`, `0` to `9`, or an underscore, and negating the `\s` character class would match any character that is not a white-space.
+
+But what if you wanted to match more specific subsets of characters?
+
+Maybe you're a professor grading papers, and you need to make sure your grades are valid. A valid grade can be `A`, `B`, `C`, `D`, or `F`. You can use square brackets to construct your own character class:
+
+```js
+const regex = /[abcdf]/;
+```
+
+This regular expression will match a single character that is in the list "`a`, `b`, `c`, `d`, or `f`".
+
+What about checking only grades that pass? A passing grade would be an `A`, `B`, `C`, or `D`. You can modify your character class to stop matching "`f`" by removing that character from the list:
+
+```js
+const regex = /[abcd]/;
+```
+
+You may have noticed now that our character class consists only of consecutive characters. `A`, `B`, `C`, and `D` are all directly next to each other in the alphabet. For numbers, consecutive characters might be `4`, `5`, and `6`.
+
+When you have consecutive characters, you can create a range using the hyphen character.
+
+Using a range, we can turn our regular expression into a shorter syntax while matching the exact same pattern.
+
+```js
+const regex = /[a-d]/;
+```
+
+Remember that regular expressions are case-sensitive by default. This means our character class will only match the lowercase variants of `a`, `b`, `c`, and `d`. You could use the `i` flag to achieve this, but you can also bake it directly into your character class by including the uppercase variants:
+
+```js
+const regex = /[a-zA-Z]/;
+```
+
+You can also mix digits and numbers in your character class. For example, if you wanted the behavior of the `\w` class without the underscore, you could construct your own:
+
+```js
+const regex = /[a-zA-Z0-9]/;
+```
+
+Note that if you want your character class to match a literal hyphen, you need to place a hyphen at the beginning or end of the class.
+
+```js
+const regex = /[-a-zA-Z0-9]/;
+```
+
+And finally, you can include special character classes in your custom class. Maybe you want to include a hyphen in the set matched by `\w`:
+
+```js
+const regex = /[-\w]/;
+```
+
+Character classes are a powerful tool that gives you incredible control over your pattern matching.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
index eb2c447e81..73e040d0fd 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
@@ -1,14 +1,76 @@
 ---
 id: 6733c5dc74176e4c496d09e6
 title: What Are Lookaheads and Lookbehind Assertions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about lookahead and lookbehind assertions in regular expressions.
+
+Lookahead and lookbehind assertions allow you to match specific patterns based on the presence or lack of surrounding patterns. There are four variations of these assertions.
+
+First is the positive lookahead assertion. This assertion will match a pattern when the pattern is followed by another pattern.
+
+To construct a positive lookahead, you need to start with the pattern you want to match. Then, use parentheses to wrap the pattern you want to use as your condition. After the opening parenthesis, use `?=` to define that pattern as a positive lookahead.
+
+This pattern will only match the word `free` if it is followed by `code`.
+
+```js
+const regex = /free(?=code)/i;
+```
+
+Let's test the behavior of our pattern:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-1.png)
+
+Notice how only the string where `free` is immediately followed by `code` passes the test.
+
+But what if you want to match the presence of `free` when it is NOT followed by `code`? You can turn your positive lookahead into a negative lookahead, to invert the behavior. To do this, change your `?=` to `?!`:
+
+```js
+const regex = /free(?!code)/i;
+```
+
+Let's test this against our same strings:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-2.png)
+
+As expected, the results are reversed. The only string that fails is the first string, where `free` is immediately followed by `code`.
+
+Lookbehind assertions function similarly to lookahead assertions, except that instead of matching conditionally based on a following pattern, they match conditionally based on a preceding pattern. Let's take a look at a positive lookbehind.
+
+A positive lookbehind is denoted with `?<=` instead of `?=`. Let's make our regular expression match `code` when it is preceded by `free`:
+
+```js
+const regex = /(?<=free)code/i;
+```
+
+Just like with our positive lookahead, our positive lookbehind matches the first string because `code` is immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-3.png)
+
+To match `code` when it is NOT preceded by `free`, we can use a negative lookbehind. A negative lookbehind is defined by replacing `?<=` with `?<!`:
+
+```js
+const regex = /(?<!free)code/i;
+```
+
+This would match any occurrence of `code` that is NOT immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-4.png)
+
+Remember that `Regex.prototype.test` only confirms whether a string matches the regular expression. Let's use our negative lookbehind with `String.prototype.match` to see how assertions affect that:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-5.png)
+
+Notice how even though our regular expression uses a lookbehind to check for the presence of free, it does not match free. The only text included in the match is code.
+
+Lookaheads and lookbehinds are incredibly useful for conditionally matching text without impacting the returned value of your match.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
index 81911dc2bb..a74847861a 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
@@ -1,14 +1,104 @@
 ---
 id: 6733c5e54e3a154c8078ed48
 title: What Are Regex Quantifiers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-regex-quantifiers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about quantifiers in regular expressions.
+
+Consider a scenario where you want to match a four-digit identification code. You know you can use the `\d` character class, so you might write that four times. And to avoid any extraneous characters, you'd include both the start and end anchors.
+
+```js
+const regex = /^\d\d\d\d$/;
+```
+
+And this does work – it will match four numerical characters. But rather than having to write out the same class multiple times, you can give it a quantifier.
+
+Quantifiers are defined by curly braces containing one or two numbers. Let's use a quantifier in our pattern:
+
+```js
+const regex = /^\d{4}$/;
+```
+
+Notice how our quantifier contains only the number `4`. This syntax means "match the previous character exactly four times". Let's see how that behaves:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-1.png)
+
+The pattern only matches the string with exactly four digits, because we have used the anchors and our quantifier only allows exactly four digits. But maybe the identification code only needs to be a minimum of four digits.
+
+To allow for four or more digits, add a comma after the number in your quantifier:
+
+```js
+const regex = /^\d{4,}$/;
+```
+
+Now, our syntax allows the pattern to match four or more digits. Let's test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-2.png)
+
+A seven-digit identifier is rather long. These identifiers should have a maximum of 6 digits, and a minimum of 4 digits. To achieve this, you can add a second number to your quantifier after the comma.
+
+```js
+const regex = /^\d{4,6}$/;
+```
+
+And now our pattern no longer matches the seven-digit identifier, because it is greater than our six-digit maximum.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-3.png)
+
+Note that you cannot use this syntax to set a maximum alone – you must always set a minimum. But if you set the minimum to `1`, you can effectively achieve the same result.
+
+We've received updated requirements from our users. Identifiers can now optionally start with a letter. We already know the character class for this, so let's add that to our regular expression.
+
+```js
+const regex = /^[a-zA-z]\d{4,6}$/;
+```
+
+But now we mandate the presence of a letter. How can we make it optional?
+
+You could use the quantifier syntax with `0` as the minimum and `1` as the maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,1}\d{4,6}$/;
+```
+
+But there's actually a special shorthand quantifier for a single optional character – the question mark. Let's replace our quantifier with the question mark:
+
+```js
+const regex = /^[a-zA-Z]?\d{4,6}$/;
+```
+
+We should validate the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-4.png)
+
+Our pattern now allows for a single optional letter, followed by four to six digits.
+
+Unfortunately, we've just realized we read the requirements wrong. We need to allow for any number of letters before the numbers. We can use our quantifier with a `0` minimum and no defined maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,}\d{4,6}$/;
+```
+
+But our pattern is getting long again. Thankfully, there's another short-hand for "match the previous character zero or more times" –  the asterisk symbol. Let's replace our quantifier with that in the pattern, and test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-5.png)
+
+Now we successfully match any identifier with zero or more letters followed by four to six numbers. But it turns out this is crashing our system – we actually have to require at least one letter.
+
+Again, we could use a quantifier with a minimum of one and no defined maximum, or we could use yet another special syntax – the plus symbol:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-6.png)
+
+Now the identifiers that do not start with at least one letter fail, regardless of how many numbers there are.
+
+You can use quantifiers to greatly enhance the brevity and readability of your regular expressions.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
index d579b39149..177a6e602e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
@@ -1,14 +1,123 @@
 ---
 id: 6733c5f20cc9584cada942a4
 title: What Are Capturing Groups and Backreferences, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-capturing-groups-and-backreferences-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about capturing groups and back references in regular expressions.
+
+A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+
+Let's capture the `code` from our `freeCodeCamp` regular expression. To do that, we'll enclose `code` in parentheses and define it as a capture group.
+
+```js
+const regex = /free(code)camp/i;
+```
+
+To confirm the behavior, we can test it against a `freecodecamp` string:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-1.png)
+
+But this doesn't actually make use of our captured group. Instead, let's take a look at the result of using `match`:
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".match(regex));
+```
+
+Here we can see that our `match` array has a second element, which is the portion of the string which was captured by our capture group.
+
+Notice how the capture group matches the exact pattern `code`, where a character class would match a single character from the list `c`, `o`, `d`, and `e`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-2.png)
+
+But how can we actually use this? Well, capture groups are often used when replacing contents of a string. Let's set up some code to do that. We're going to turn `freecodecamp` into `paidcodeworld`.
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".replace(regex, "paidcodeworld"));
+```
+
+This works on its own, but what if we didn't know how many `o`'s were in "`code`"? If we need a quantifier for one or more `o`'s…
+
+```js
+const regex = /free(co+de)camp/i;
+console.log("freecoooooooodecamp".replace(regex, "paidcodeworld"));
+```
+
+We're getting `paidcodeworld` as our result. We want to preserve the number of `o`'s, so we need to reuse what was captured by the regular expression.
+
+This is where a backreference comes in. Instead of hardcoding the "`code`" portion of our replacement string, we can reference the captured group directly.
+
+In a replace call, you achieve a backreference by using a dollar sign (`$`) followed by the number of the capture group to use.
+
+In our case, that would be `$1`, since code is captured in the first capture group.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-3.png)
+
+We have now successfully preserved an unknown number of `o` characters when converting `freecodecamp` into `paidcodeworld`. But backreferences aren't just limited to the replace call. You can actually use them directly in a regular expression.
+
+This would allow you to match a previously captured pattern later on in the regular expression.
+
+Let's say we want to match `freecodecamp` twice, with the same number of `o`'s, but anywhere in the string.
+
+First, we need to separate them with our wildcard character, and allow any number of characters to match that wildcard:
+
+```js
+const regex = /free(co+de)camp.*free(co+de)camp/i;
+```
+
+This current expression won't ensure that the number of `o` characters is the same, however. To achieve that, we need to replace the second capture group with a reference to the first.
+
+Inside a regular expression, a backreference is denoted with a backslash followed by the number of the capture group:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-4.png)
+
+And with that, we can see that a string with the correct number of `o`'s matches, while a string with two different numbers of `o`'s does not.
+
+This syntax is great, but can quickly get confusing when you are referencing multiple capture groups. Thankfully, instead of using numbers, you can give your groups names.
+
+To define a named capture group, you add a question mark (`?`) followed by the name enclosed in less than and greater than signs to the beginning of the group. Let's name our capture group "`code`":
+
+```js
+const regex = /free(?<code>co+de)camp.*free\1camp/i;
+```
+
+Now we can update our backreference in the regular expression to refer to this group. A named back reference starts with a backslash followed by the letter `k` in JavaScript. Then you add the name, again enclosed in less than and greater than signs. Let's take a look at that:
+
+```js
+const regex = /free(?<code>co+de)camp.*free\k<code>camp/i;
+```
+
+Now if we check our `test` call, we can see that we still pass:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-5.png)
+
+To use our named capture group in a `replace` call, we'd insert a dollar sign into the string, followed by the name enclosed in less than and greater than signs:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-6.png)
+
+Finally, sometimes you want to create a group of characters, but don't need the captured result.
+
+Let's say we want to match either `freecodecamp` or `freecandycamp`. You could create two patterns separated by an OR assertion:
+
+```js
+const regex = /freecodecamp|freecandycamp/i;
+```
+
+But this can become quite lengthy for larger-scale regular expressions. Instead, you can create a non-capturing group around the characters that you need to OR:
+
+```js
+const regex = /free(?:code|candy)camp/i;
+```
+
+A non-capturing group does not store the `code|candy` match separately in memory. You can't backreference a non-capturing group. But it can be helpful for creating alternate patterns without sacrificing readability or performance.
 
 # --questions--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
index a4a8ad2676..e095474bc9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
@@ -2,7 +2,7 @@
 id: 672d2654f78cbf20e0ba4501
 title: What Is Bracket Notation, and How Do You Access Characters from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VFYqtU7nzFo
 dashedName: what-is-bracket-notation-and-how-do-you-access-characters-from-a-string
 ---
 
@@ -14,35 +14,35 @@ Watch the video lecture and answer the questions below.
 
 ## --text--
 
-What is the index of the character `"b"` in the string `"JavaScript"`?
+What is the index of the character `"r"` in the string `"JavaScript"`?
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-4
+`4`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-6
+`6`
 
 ---
 
-8
+`8`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
index e87598789a..d77b4ebf06 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
@@ -2,7 +2,7 @@
 id: 673263d58da27ea7809963bf
 title: What Are Template Literals, and What Is String Interpolation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kISWzkA7gKg
 dashedName: what-are-template-literals-and-what-is-string-interpolation
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
index 7f8e998bad..11b9eee8ca 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
@@ -2,7 +2,7 @@
 id: 673263df0eb568a7b450f2fc
 title: How Do You Create a Newline in Strings and Escape Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gOLjFbJnTIM
 dashedName: how-do-you-create-a-newline-in-strings-and-escape-strings
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
index e206886e65..d9f2af9f09 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
@@ -2,7 +2,7 @@
 id: 673263e80dd43da7df3ae565
 title: How Can You Find the Position of a Substring in a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: k2QaBPHl_00
 dashedName: how-can-you-find-the-position-of-a-substring-in-a-string
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the inde`xOf method return if the substring is not found in the string?
+What does the `indexOf` method return if the substring is not found in the string?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
index 1b8a21ef05..f9a8aca0d7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
@@ -2,7 +2,7 @@
 id: 673263f4a5899da8124542fd
 title: What Is the Prompt Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lgAEO6_vNPQ
 dashedName: what-is-the-prompt-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
index 294d534ea7..1ebbeaf280 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
@@ -2,7 +2,7 @@
 id: 6732a0472f52015e511f8e58
 title: What Is an API, and What Are Web APIs?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VRF7NItXm2c
 dashedName: what-is-an-api-and-what-are-web-apis
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
index 16170eb501..0706815738 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
@@ -2,7 +2,7 @@
 id: 67336894ae148431a870694d
 title: What Is the DOM, and How Do You Access Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EKgxoZ9IzmQ
 dashedName: what-is-the-dom-and-how-do-you-access-elements
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
index 8ab10de1e3..b3ce6616d2 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
@@ -2,7 +2,7 @@
 id: 6733689f9f31dd31e7d9c789
 title: How Do DOM Nodes Exist Relative to Each Other in the DOM Tree?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5G2ZQrgrBYU
 dashedName: how-do-dom-nodes-exist-relative-to-each-other-in-the-dom-tree
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
index 6ec55e771b..4c895162b4 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
@@ -2,7 +2,7 @@
 id: 673368b1cf26253212a3cfb2
 title: What Is the querySelectorAll() Method, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: F4WZUBQL9Js
 dashedName: what-is-the-queryselectorall-method-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
index 265c328c08..4a54c53466 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
@@ -2,7 +2,7 @@
 id: 673368c0161e6b326a7e03f0
 title: How Do You Create New Nodes Using innerHTML() and createElement()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WypY2jRcCe0
 dashedName: how-do-you-create-new-nodes-using-innerhtml-and-createelement
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
index 9e62c66aba..a6d1db635e 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
@@ -2,7 +2,7 @@
 id: 673368ccf52205329b729378
 title: What Is the Difference Between innerText, textContent, and innerHTML?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: A94NbhbAows
 dashedName: what-is-the-difference-between-innertext-textcontent-and-innerhtml
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
index cbe6a12eeb..e351964522 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
@@ -2,7 +2,7 @@
 id: 673368d97e8ce232cdcd6b68
 title: How Do You Add and Remove Nodes from the DOM with appendChild() and removeChild()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8xXQxXlvY8A
 dashedName: how-do-you-add-and-remove-nodes-from-the-dom-with-appendchild-and-removechild
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
index 74922f6a9b..74f45f28a3 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
@@ -2,7 +2,7 @@
 id: 673368e7bd043f331919514d
 title: How Do the Navigator, Window, and Document Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: O0SWih5pv9U
 dashedName: how-do-the-navigator-window-and-document-work
 ---
 
@@ -86,7 +86,7 @@ This property helps you find out where the browser is currently navigating.
 
 ## --text--
 
-How can you access the document interface properties without explicitly using the document object?
+How can you access the `document` interface properties without explicitly using the `window` object?
 
 ## --answers--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
index 8cd8e5a377..7629627226 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
@@ -2,7 +2,7 @@
 id: 673368f272706633516e4873
 title: How Do You Add Attributes with setAttribute()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ciq88lYTHUc
 dashedName: how-do-you-add-attributes-with-setattribute
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
index 29685e3f0c..43297a9d9c 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
@@ -2,7 +2,7 @@
 id: 673368fbe12a2b337645053d
 title: What Is the Event Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UVBsIxxvgBg
 dashedName: what-is-the-event-object
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
index 9ee0cbff26..4edba2d484 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
@@ -2,7 +2,7 @@
 id: 673369067f824d33a90a0534
 title: How Does the addEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XxKBdnCPtoU
 dashedName: how-does-the-addeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
index a1a328af6e..e9b250c03d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
@@ -2,7 +2,7 @@
 id: 673369101e5c4a33db0e8a02
 title: How Does the removeEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 59HUIkhJqnc
 dashedName: how-does-the-removeeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
index 649e029b5a..5c6f0e783d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
@@ -2,7 +2,7 @@
 id: 6733691d88e3053414689276
 title: What Are Inline Event Handlers, and Why Is It Best Practice to Use addEventListener Instead?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JbTSvver-y8
 dashedName: what-are-inline-event-handlers-and-why-is-it-best-practice-to-use-addeventlistener-instead
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
index 96b1b97410..f7243586c2 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
@@ -2,7 +2,7 @@
 id: 6733692ffe1da034469f7917
 title: How Do You Manipulate Styles Using Element.style and Element.classList?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i07QkMVN15o
 dashedName: how-do-you-manipulate-styles-using-elementstyle-and-elementclasslist
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which property would you use to directly change the color of an element’s text using JavaScript?
+Which property would you use to directly change the color of an element's text using JavaScript?
 
 ## --answers--
 
@@ -94,7 +94,7 @@ The menu will be permanently visible.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ---
 
@@ -102,7 +102,7 @@ The menu will be permanently hidden.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ---
 
@@ -114,7 +114,7 @@ The menu will display an error message.
 
 ### --feedback--
 
-The button’s event listener uses a method that alternates the class on the menu.
+The button's event listener uses a method that alternates the class on the menu.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
index 7a7f0eacd8..974cade79d 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
@@ -2,7 +2,7 @@
 id: 6733693bfce9a43489a355db
 title: What Is the DOMContentLoaded Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sEsyYH_SAb8
 dashedName: what-is-the-domcontentloaded-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
index f91118e250..621c1e59e7 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
@@ -2,7 +2,7 @@
 id: 6733694805a85d34ced08a9b
 title: How Do the setTimeout and setInterval Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GSWSPc2SGTg
 dashedName: how-do-the-settimeout-and-setinterval-methods-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
index aac8cb2b93..5c5aef01fc 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
@@ -2,7 +2,7 @@
 id: 67336956340e8a34fbd5d9f3
 title: What Is the requestAnimationFrame() API, and How Can It Be Used to Set Up an Animation Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mfnow4GWCo4
 dashedName: what-is-the-requestanimationframe-api-and-how-can-it-be-used-to-set-up-an-animation-loop
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
index d208cf6666..71deddcef0 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
@@ -2,7 +2,7 @@
 id: 6733696567d2273540aa6033
 title: What Is the Web Animations API, and How Does It Relate to CSS Animation Properties?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pVVcaDEIzvs
 dashedName: what-is-the-web-animations-api-and-how-does-it-relate-to-css-animation-properties
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
index c9790ec773..35c21edee9 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
@@ -2,7 +2,7 @@
 id: 6733697661182d357fc643d2
 title: What Is the Canvas API, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EbfxtG26HR0
 dashedName: what-is-the-canvas-api-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
index 68be5ca416..a347ece764 100644
--- a/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
+++ b/curriculum/challenges/korean/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
@@ -2,7 +2,7 @@
 id: 673369829e232835c2732656
 title: How Do You Open and Close Dialog Elements Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: W6gusPmPGo4
 dashedName: how-do-you-open-and-close-dialog-elements-using-javascript
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md b/curriculum/challenges/korean/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
index f3cf1121c0..0f867d3ad9 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
@@ -237,23 +237,23 @@ Which selector is correct to target all siblings of an `img`?
 
 #### --text--
 
-What statement is TRUE about `block` elements?
+What statement is TRUE about block-level elements?
 
 #### --distractors--
 
-Blockline elements don't start on new lines.
+Block-level elements don't start on new lines.
 
 ---
 
-Blockline elements only takes up as much as it needs.
+Block-level elements only takes up as much as it needs.
 
 ---
 
-Blockline elements come with no margin.
+Block-level elements come with no margin.
 
 #### --answer--
 
-Blockline elements start on a new line with margin before and after the element.
+Block-level elements start on a new line with margin before and after the element.
 
 ### --question--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md b/curriculum/challenges/korean/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
index 5f185147da..6102eaa31d 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-basic-html/66df3b712c41c499e9d31e5b.md
@@ -61,23 +61,23 @@ An element without child nodes or an end tag.
 
 #### --text--
 
-What is an inline level element?
+Which of the following is a correct value for the `id` attribute?
 
 #### --distractors--
 
-An element that takes up the entire horizontal space and always starts a new line.
+`id="main@content"`
 
 ---
 
-An element used to display images.
+`id="main content"`
 
 ---
 
-An element used to embedding videos on the page.
+`id="123content"`
 
 #### --answer--
 
-An element that only takes up the width and height of its inner content.
+`id="main-content"`
 
 ### --question--
 
@@ -369,23 +369,23 @@ Which of the following is an example of a boolean attribute?
 
 #### --text--
 
-What is a block level element?
+Which of the following is a correct syntax for the `img` element?
 
 #### --distractors--
 
-An element used to display tables.
+`<img src="image.jpg" alt="Description of the image"></img>`
 
 ---
 
-An element used to display modals.
+`<img source="image.jpg" desc="Description of the image"></img>`
 
 ---
 
-An element that only takes up the width and height of its inner content.
+`<img src="image.jpg" desc="Description of the image">`
 
 #### --answer--
 
-An element that takes up the entire horizontal space and always starts a new line.
+`<img src="image.jpg" alt="Description of the image">`
 
 ### --question--
 
@@ -525,23 +525,23 @@ HTML represents the content and structure for a web page.
 
 #### --text--
 
-What is the difference between inline and block level elements?
+Which image license works for the public domain?
 
 #### --distractors--
 
-Block-level elements are used to group images only, while inline elements group list items.
+JPG
 
 ---
 
-Inline elements are always larger in size compared to block-level elements.
+Creative Commons
 
 ---
 
-Block-level elements flow within the content of a line, while inline elements start on a new line.
+BSD
 
 #### --answer--
 
-Block-level elements occupy the full width available, while inline elements only occupy as much width as necessary.
+CC0
 
 ### --question--
 
@@ -679,23 +679,23 @@ Which element is used to add audio to your HTML document?
 
 #### --text--
 
-What does the `required` attribute do?
+Where is the content represented on the page placed in an HTML document?
 
 #### --distractors--
 
-It specifies the `width` for a form.
+In between the `head` and the `body` elements.
 
 ---
 
-It specifies the `color` of a form input.
+Within the `repr` element.
 
 ---
 
-It specifies the `type` for the input.
+Within the `script` element.
 
 #### --answer--
 
-It specifies that an input must be filled out before a form submission.
+Within the `body` element.
 
 ### --question--
 
@@ -855,23 +855,23 @@ Which of the following is the correct syntax for a paragraph element?
 
 #### --text--
 
-What does the `iframe` element stand for?
+What does the name of the `iframe` element stand for?
 
 #### --distractors--
 
-The `Inline Framing component`.
+Inline Framing
 
 ---
 
-The `Inner Frame element`.
+Inner Frame
 
 ---
 
-The `Inline video element`.
+Inline video
 
 #### --answer--
 
-The `Inline Frame element`.
+Inline Frame
 
 ### --question--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md b/curriculum/challenges/korean/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
index 4e2b1a0dfb..8e578e4f09 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-css-attribute-selectors/66ed8fd0f45ce3ece4053eaf.md
@@ -475,7 +475,7 @@ ol[type~="1"] { font-weight: bold; }
 
 #### --text--
 
-Suppose, on freeCodeCamp’s forum, each discussion has a `data-status` attribute that could be `"open"` or `"closed"`. You want to highlight all open discussions. How would you select these discussions?
+Suppose, on freeCodeCamp's forum, each discussion has a `data-status` attribute that could be `"open"` or `"closed"`. You want to highlight all open discussions. How would you select these discussions?
 
 #### --distractors--
 
@@ -535,7 +535,7 @@ textarea[maxlength] { border-color: darkred; }
 
 #### --text--
 
-Suppose, on freeCodeCamp’s course catalog, each course has a `data-completion` attribute representing the percentage completed. You want to style courses where this attribute ends with `"100"`, indicating full completion. Which selector would work?
+Suppose, on freeCodeCamp's course catalog, each course has a `data-completion` attribute representing the percentage completed. You want to style courses where this attribute ends with `"100"`, indicating full completion. Which selector would work?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md b/curriculum/challenges/korean/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
index 81c35bbb28..7558dd38a0 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
@@ -69,7 +69,7 @@ Which of the following is NOT a valid value for the `list-style-type` property?
 
 ---
 
-`lower-greek`
+`disc`
 
 ---
 
@@ -193,23 +193,23 @@ The background stays fixed while the content scrolls
 
 #### --text--
 
-Which of the following is NOT a valid `border-style` value?
+Which of the following is a valid `border-style` value?
 
 #### --distractors--
 
-`solid`
+`wave`
 
 ---
 
-`dotted`
+`triple`
 
 ---
 
-`groove`
+`zig zag`
 
 #### --answer--
 
-`triple`
+`dotted`
 
 ### --question--
 
@@ -237,23 +237,23 @@ Use the `:active` pseudo-class
 
 #### --text--
 
-Which property is used to define the width of a border?
+What is the correct CSS property to create an outline around an element, besides using the `border` property?
 
 #### --distractors--
 
-`border-size`
+`border-wide`
 
 ---
 
-`border-thickness`
+`box-shadow`
 
 ---
 
-`border-spacing`
+`border-img`
 
 #### --answer--
 
-`border-width`
+`outline`
 
 ### --question--
 
@@ -281,7 +281,7 @@ Which value for the `background-repeat` property ensures the image repeats horiz
 
 #### --text--
 
-What’s the purpose of the `border-radius` property?
+What's the purpose of the `border-radius` property?
 
 #### --distractors--
 
@@ -391,29 +391,29 @@ Which of these is NOT a valid border value?
 
 #### --text--
 
-What does the `border-collapse` property do when applied to table elements?
+How can you ensure that gradients used in web design are accessible?
 
 #### --distractors--
 
-It removes the table borders
+Use only two colors in the gradient
 
 ---
 
-It adds spacing between borders
+Use gradients only for decorative purposes
 
 ---
 
-It makes the border invisible
+Avoid using gradients in the background
 
 #### --answer--
 
-It merges adjacent table cell's borders into one
+Ensure sufficient contrast between the gradient and any text.
 
 ### --question--
 
 #### --text--
 
-Which value for the `background-size` property will resize the background image to fit within the container while preserving the image’s aspect ratio?
+Which value for the `background-size` property will resize the background image to fit within the container while preserving the image's aspect ratio?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md b/curriculum/challenges/korean/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
index b020872416..0ee4e9ffcf 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
@@ -43,7 +43,7 @@ What does `100vw` cover in terms of screen width?
 
 #### --distractors--
 
-100% of the screen width answer
+100% of the screen width
 
 ---
 
@@ -149,7 +149,7 @@ On a typical screen with 96 DPI resolution, how many points (`pt`) are in 1 pixe
 
 #### --text--
 
-If the screen height is `800px`, what would `50vh` be?
+If the viewport height is `800px`, what would `50vh` be?
 
 #### --distractors--
 
@@ -175,19 +175,19 @@ What does setting an element's width to `100%` mean?
 
 #### --distractors--
 
-It takes up the full width of the document
+It takes up the full width of the document.
 
 ---
 
-It takes up the full width of the screen
+It takes up the full width of the screen.
 
 ---
 
-It takes up `100px`
+It takes up `100px`.
 
 #### --answer--
 
-It takes up the full width of its parent
+It takes up the full width of its parent.
 
 ### --question--
 
@@ -197,19 +197,19 @@ What happens with `calc(10px + 20%)` in CSS?
 
 #### --distractors--
 
-Adds `10px` to `10%` of the document width
+It adds `10px` to `10%` of the document width.
 
 ---
 
-Always equals `30px`
+It always equals `30px`.
 
 ---
 
-Adds `10px` to `20%` of the screen width
+It adds `10px` to `20%` of the screen width.
 
 #### --answer--
 
-Adds `10px` to `20%` of the parent's width
+It adds `10px` to `20%` of the parent's width.
 
 ### --question--
 
@@ -285,19 +285,19 @@ How does `calc(10vh + 50px)` work for height?
 
 #### --distractors--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport width.
 
 ---
 
-Adds `10px` to `50%` of the parent's height
+It adds `10px` to 50% of the parent's height.
 
 ---
 
-Adds `10vh` to `50%` of the document
+It adds `10vh` to 50% of the document width.
 
 #### --answer--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport height.
 
 ### --question--
 
@@ -351,19 +351,19 @@ What does `calc(50% + 20px)` do for width?
 
 #### --distractors--
 
-Adds `50%` of the screen width plus `20px`
+It adds `20px` to 50% of the screen width.
 
 ---
 
-Adds `50px` to the screen width
+It adds `50px` to the screen width.
 
 ---
 
-Adds `50%` of the height plus `20px`
+It adds `50%` of the height to `20px`.
 
 #### --answer--
 
-Adds `50%` of the parent's width plus `20px`
+It adds `50%` of the parent's width to `20px`.
 
 ### --question--
 
@@ -373,19 +373,19 @@ What's the key difference between `rem` and `em` in CSS?
 
 #### --distractors--
 
-`rem` is only used for fonts
+`rem` is only used for fonts.
 
 ---
 
-`rem` is for width, em is for fonts
+`rem` is for width, `em` is for fonts.
 
 ---
 
-`rem` is always smaller than `em`
+`rem` is always smaller than `em`.
 
 #### --answer--
 
-`rem` is based on the root font size, `em` is based on the parent's font size
+`rem` is based on the root font size, `em` is based on the parent's font size.
 
 ### --question--
 
@@ -395,19 +395,19 @@ How does `calc(100px + 10%)` work for width?
 
 #### --distractors--
 
-Adds `10%` of the screen width to `100px`
+It adds `10%` of the screen width to `100px`.
 
 ---
 
-Adds `10%` of the height to `100px`
+It adds `10%` of the height to `100px`.
 
 ---
 
-Adds `100px` to `10%` of the document
+It adds `100px` to `10%` of the document.
 
 #### --answer--
 
-Adds `10%` of the parent's width to `100px`
+It adds `10%` of the parent's width to `100px`.
 
 ### --question--
 
@@ -417,19 +417,19 @@ What does setting an element's width to auto do in CSS?
 
 #### --distractors--
 
-Sets the width to `100%`
+It sets the width to `100%`.
 
 ---
 
-Sets the width to `50%` of the viewport
+It sets the width to `50%` of the viewport.
 
 ---
 
-Sets the width to `0px`
+It sets the width to `0px`.
 
 #### --answer--
 
-Allows the browser to determine the width based on the content and container
+It allows the browser to determine the width based on the content and container.
 
 ### --question--
 
@@ -439,17 +439,17 @@ What happens when you use `calc(30vh - 10px)` for height?
 
 #### --distractors--
 
-Subtracts `10px` from the parent's height
+It subtracts `10px` from the parent's height.
 
 ---
 
-Subtracts `30px` from the screen height
+It subtracts `30px` from the screen height.
 
 ---
 
-Adds `30%` of the parent's height minus `10px`
+It adds `30%` of the parent's height minus `10px`.
 
 #### --answer--
 
-Subtracts `10px` from `30%` of the viewport height
+It subtracts `10px` from `30%` of the viewport height.
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md b/curriculum/challenges/korean/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
index 042848b722..6c8140bf6d 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-css-typography/66ed9010f45ce3ece4053eb8.md
@@ -83,7 +83,7 @@ The space between individual letters
 
 #### --text--
 
-What’s the most common way to add Google Fonts to a website?
+What's the most common way to add Google Fonts to a website?
 
 #### --distractors--
 
@@ -209,7 +209,7 @@ It gives the page more visual variety
 
 #### --answer--
 
-It ensures a consistent experience in case the custom font doesn’t load
+It ensures a consistent experience in case the custom font doesn't load
 
 ### --question--
 
@@ -329,11 +329,11 @@ In the `text-shadow` property, how do the horizontal and vertical offsets affect
 
 #### --distractors--
 
-They control the shadow’s color
+They control the shadow's color
 
 ---
 
-They define the shadow’s blur radius
+They define the shadow's blur radius
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md b/curriculum/challenges/korean/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
index bcc7ed4e71..eab6ee36ca 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-debugging-javascript/66edd10913f078e7669eca81.md
@@ -285,7 +285,7 @@ What does the `finally` block do in a `try...catch` statement?
 
 #### --distractors--
 
-Only executes if there’s an error
+Only executes if there's an error
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md b/curriculum/challenges/korean/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
index 00c53dd4a5..e3ab555833 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
@@ -61,23 +61,23 @@ Scale
 
 #### --text--
 
-What design tool in Figma would you use to combine multiple elements together without flattening the layers of the elements?
+Which of the following sites would most likely benefit from using breadcrumbs?
 
 #### --distractors--
 
-Frames
+A single-page portfolio site.
 
 ---
 
-Blocks
+A complex e-commerce site with multiple categories and subcategories.
 
 ---
 
-Class
+A simple blog with only a few posts.
 
 #### --answer--
 
-Groups
+A complex e-commerce site with multiple categories and subcategories.
 
 ### --question--
 
@@ -193,23 +193,23 @@ Making the headline of the page larger than other text that comprise the body or
 
 #### --text--
 
-Which Figma tools allows users to specify a region on the screen they would like to export?
+What is a common goal of conducting exit interviews in user research?
 
 #### --distractors--
 
-Frames
+To increase the number of new users.
 
 ---
 
-Section
+To test new features with existing users
 
 ---
 
-Blocks
+To gather data for A/B testing.
 
 #### --answer--
 
-Slice
+To understand the factors causing user churn.
 
 ### --question--
 
@@ -281,45 +281,45 @@ Dark colors and muted light colors for contrast in dim lighting conditions
 
 #### --text--
 
-What is one good design practice when considering color palettes for a design?
+How can user research impact user requirements?
 
 #### --distractors--
 
-Using a variety of colors with strong saturation and contrast
+It has no impact on user requirements.
 
 ---
 
-Focus on vibrancy and saturation and place many non complementary hues
+It only affects non-functional requirements.
 
 ---
 
-Using many complementary colors together
+It only affects functional requirements.
 
 #### --answer--
 
-Limit colors and focus on using shades, tones, and tints of one color and add another hue three spaces away from that color
+It can help define and refine user requirements based on user feedback.
 
 ### --question--
 
 #### --text--
 
-What is one reason why the rule of thirds is important?
+Why is it important for a design brief to be reviewed and approved by all stakeholders before the project begins?
 
 #### --distractors--
 
-Creates symmetry in the composition by dividing it equally
+To ensure everyone is aware of the project's social media strategy.
 
 ---
 
-By dividing up the composition, it eliminates visual hierarchy
+To finalize the color palette and design elements.
 
 ---
 
-Objects at the edge of the composition get more focus
+To determine the project's marketing budget.
 
 #### --answer--
 
-Breaks the composition apart into 9 equal parts, where objects placed on the dividing lines provide focus and hierarchy to the composition
+To confirm that all stakeholders agree on the project's objectives and requirements.
 
 ### --question--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md b/curriculum/challenges/korean/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
index d3615d14e9..6a20dd01ac 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-form-validation-with-javascript/66edd3403d7077eece6dc4b6.md
@@ -395,7 +395,7 @@ What does the submit event do by default?
 
 #### --distractors--
 
-It validates the form but doesn’t submit it
+It validates the form but doesn't submit it
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md b/curriculum/challenges/korean/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
index f89abcae04..bad816f377 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
@@ -157,7 +157,7 @@ When we work on an open-source repository, it becomes easy to detract from the p
 
 ---
 
-By using GitHub or any other repository management tool, it’s easy to develop robust ignorance of the project.
+By using GitHub or any other repository management tool, it's easy to develop robust ignorance of the project.
 
 ---
 
@@ -197,11 +197,11 @@ What is the correct way to contribute to other people's repositories?
 
 #### --distractors--
 
-`git add -> git commit -> git clone -> git push`
+`git add`, `git commit`, `git clone`, `git push`
 
 ---
 
-`git clone -> git commit -> git add -> git push`
+`git clone`, `git commit`, `git add`, `git push`
 
 ---
 
@@ -209,7 +209,7 @@ None of the options
 
 #### --answer--
 
-`git clone -> git add -> git commit -> git push`
+`git clone`, `git add`, `git commit`, `git push`
 
 ### --question--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md b/curriculum/challenges/korean/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
index ae72f3b4c0..0b7b3e0703 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
@@ -173,7 +173,7 @@ To add tabs.
 
 #### --answer--
 
-To control keyboard navigation order and allow programmatic focus on elements that aren’t accessible via keyboard.
+To control keyboard navigation order and allow programmatic focus on elements that aren't accessible via keyboard.
 
 ### --question--
 
@@ -205,7 +205,7 @@ What is the difference between the attributes `aria-label` and `aria-labelledby`
 
 #### --distractors--
 
-The `aria-label`and `aria-labelledby` attributes serve the same purpose.
+The `aria-label` and `aria-labelledby` attributes serve the same purpose.
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
index 9cfe16961e..0dfe06296f 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-classes/67358ac128957c865dcf3ddf.md
@@ -460,7 +460,7 @@ The subclass cannot create new instances.
 
 #### --answer--
 
-The superclass’s constructor will be used by default.
+The superclass's constructor will be used by default.
 
 ### --question--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
index 1f529807fd..04ccf94347 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-objects/66edcd0ecb4b25dc64a34804.md
@@ -117,7 +117,7 @@ const person = {
 
 #### --text--
 
-Which of the following property key can only be used with a bracket notation as opposed to dot notation?
+Which of the following property keys can only be used with a bracket notation as opposed to dot notation?
 
 #### --distractors--
 
@@ -425,19 +425,19 @@ Which of the following is true for an object sealed with `Object.seal`?
 
 #### --distractors--
 
-Values of existing properties cannot be changed
+Values of existing properties cannot be changed.
 
 ---
 
-Values of existing properties can be changed but doing this will unseal the object
+Values of existing properties can be changed but doing this will unseal the object.
 
 ---
 
-New properties can be added but existing properties can not be removed
+New properties can be added but existing properties can not be removed.
 
 #### --answer--
 
-New properties cannot be added and existing properties cannot be removed
+New properties cannot be added and existing properties cannot be removed.
 
 ### --question--
 
@@ -447,19 +447,19 @@ Which of the following is true for an object frozen with `Object.freeze`?
 
 #### --distractors--
 
-New properties can be added but existing properties can not be removed
+New properties can be added but existing properties can not be removed.
 
 ---
 
-New properties can be added but doing this will unfreeze the object
+New properties can be added but doing this will unfreeze the object.
 
 ---
 
-Values of existing properties can be changed but doing this will unfreeze the object
+Values of existing properties can be changed but doing this will unfreeze the object.
 
 #### --answer--
 
-Values of existing properties cannot be changed
+Values of existing properties cannot be changed.
 
 ### --question--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
index 7128948cae..3ba595809d 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-regular-expressions/66edd3011f18f4ee1bd9d28b.md
@@ -89,7 +89,7 @@ An object containing information about the (sub)string the regular expression ma
 
 ---
 
-Null, the method `test` only validates if the given regular expression is valid.
+`null`, the method `test` only validates if the given regular expression is valid.
 
 #### --answer--
 
@@ -305,7 +305,7 @@ The lookbehind should be placed to the left of the main pattern of the regular e
 
 #### --text--
 
-Which quantifier matches preceding element zero or one times?
+Which quantifier matches the preceding element zero or one times?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
index f678caf28f..b8c343bfbe 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
@@ -21,19 +21,19 @@ What is the return value for the `includes()` method?
 
 #### --distractors--
 
-If the substring is found within the string, the method returns the string otherwise, it returns `undefined`.
+If the substring is found within the string, the method returns the string. Otherwise, it returns `undefined`.
 
 ---
 
-If the substring is found within the string, the method returns `true` otherwise, it returns and empty string.
+If the substring is found within the string, the method returns `true`. Otherwise, it returns an empty string.
 
 ---
 
-If the substring is found within the string, the method returns the string otherwise, it returns `null`.
+If the substring is found within the string, the method returns the string. Otherwise, it returns `null`.
 
 #### --answer--
 
-If the substring is found within the string, the method returns `true` otherwise, it returns `false`.
+If the substring is found within the string, the method returns `true`. Otherwise, it returns `false`.
 
 ### --question--
 
@@ -165,7 +165,7 @@ It displays a confirmation box with a message.
 
 #### --answer--
 
-It displays a dialog box that prompts the user for input.
+It displays a dialog box that waits for the user input.
 
 ### --question--
 
@@ -205,7 +205,7 @@ developer[2];
 
 #### --text--
 
-How can you obtain the ASCII index of a character in a string?
+How can you obtain the ASCII value of a character in a string?
 
 #### --distractors--
 
@@ -309,23 +309,23 @@ How can you check if the string `"JavaScript"` contains a specific substring?
 
 #### --text--
 
-Which method extracts a substring from the string `"JavaScript"`?
+Which of the following extracts the substring `"Script"` from the string `"JavaScript"`?
 
 #### --distractors--
 
-`"JavaScript".remove()`
+`"JavaScript".remove(3)`
 
 ---
 
-`"JavaScript".extract()`
+`"JavaScript".extract(4)`
 
 ---
 
-`"JavaScript".cut()`
+`"JavaScript".cut(3)`
 
 #### --answer--
 
-`"JavaScript".slice()`
+`"JavaScript".slice(4)`
 
 ### --question--
 
@@ -463,7 +463,7 @@ How do you remove whitespace from the beginning and end of a string?
 
 #### --text--
 
-Which of the following is the correct syntax for escaping strings?
+Which of the following is the correct syntax for escaping quotes?
 
 #### --distractors--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
index 9d37ab0df0..26f2f65df7 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
@@ -51,7 +51,7 @@ Which of the following is NOT a JavaScript data type?
 
 ---
 
-`bigint`
+`bigInt`
 
 #### --answer--
 
@@ -87,19 +87,19 @@ Which of the following is a conventional variable name in JavaScript?
 
 #### --distractors--
 
-`let my_var;`
+`my_var;`
 
 ---
 
-`let my-var;`
+`my-var;`
 
 ---
 
-`let MyVar;`
+`MyVar;`
 
 #### --answer--
 
-`let myVar;`
+`myVar;`
 
 ### --question--
 
@@ -109,11 +109,11 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --distractors--
 
-`let` is block scoped, `const` is not.
+`const` cannot be re-assigned nor re-declared. `let` can be re-assigned and re-declared.
 
 ---
 
-`const` is block scoped, `let` is not.
+`const` can be re-assigned and re-declared. `let` cannot be re-assigned nor re-declared.
 
 ---
 
@@ -127,23 +127,28 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --text--
 
-What is the difference between local and global scope in JavaScript?
+What would be the outcome of the following code?
+
+```js
+let name = "Andy";
+name[0] = "M";
+```
 
 #### --distractors--
 
-Variables declared in local scope can be accessed from anywhere in the program.
+The value of `name` would be `"MAndy"`.
 
 ---
 
-Variables declared in global scope can only be accessed from inside a function.
+The value of `name` would be `"Mndy"`.
 
 ---
 
-Variables declared in global scope cannot be re-declared.
+The value of `name` would still be `"Andy"`.
 
 #### --answer--
 
-Variables declared in global scope can be accessed from anywhere in the program.
+It would throw an error.
 
 ### --question--
 
@@ -193,7 +198,7 @@ Adds the string `world` to the variable `hello`, and prints it out in the consol
 
 #### --answer--
 
-Creates a third empty string, copies the values of both strings to it, and finally reassigns the `hello` variable to the third string and prints it out in the console.
+Creates a new string that is made of the values of `hello` and `" world"` combined together, and assigns this new string back to `hello` and then prints it out in the console.
 
 ### --question--
 
@@ -375,32 +380,23 @@ Which of the following declares a variable in JavaScript that cannot be changed?
 
 #### --text--
 
-In the code below, which variable is in the global scope in JavaScript:
-
-```js
-let a = 0;
-
-if (a < 10) {
-  let b = 1;
-  return a + b;
-}
-```
+Which of the following is a valid variable name in JavaScript?
 
 #### --distractors--
 
-Variable `b` is in the global scope.
+`tart@n`
 
 ---
 
-Both variables `a` and `b` are in the global scope.
+`4cats`
 
 ---
 
-None of the variables are in the global scope.
+`!!dogs`
 
 #### --answer--
 
-Variable `a` is in the global scope, and can be accessed from anywhere in the program.
+`$number`
 
 ### --question--
 
@@ -428,79 +424,65 @@ Which of the following is NOT a valid string concatenation method in JavaScript?
 
 #### --text--
 
-What will be the output of the following code:
-
-```js
-let hello = "hello";
-if (true) {
-  let world = "world";
-}
-console.log(hello + " " + world);
-```
+Which of the following variable names uses camelCase correctly?
 
 #### --distractors--
 
-`hello world`
+`a_long_variable_name`
 
 ---
 
-`helloworld`
+`alongvariableName`
 
 ---
 
-`hello`
+`ALongVariableName`
 
 #### --answer--
 
-`ReferenceError: world is not defined`
+`aLongVariableName`
 
 ### --question--
 
 #### --text--
 
-What will be the output of the code below:
-
-```js
-const x = 0;
-while (x < 10) x++;
-console.log(x);
-```
+Which chatacter JavaScript uses to mark the end of a statement?
 
 #### --distractors--
 
-`10`
+`:`
 
 ---
 
-`0`
+`,`
 
 ---
 
-`1 2 3 4 5 6 7 8 9 10`
+`.`
 
 #### --answer--
 
-`TypeError: Assignment to constant variable.`
+`;`
 
 ### --question--
 
 #### --text--
 
-Given the string `freeCodeLamp`, which JavaScript string method can be used to turn it into `freeCodeCamp`?
+Which of the following is NOT a JavaScript data type?
 
 #### --distractors--
 
-`"freeCodeLamp"[8] = "C";`
+`Symbol`
 
 ---
 
-`"freeCodeLamp".charAt(8) = "C";`
+`Boolean`
 
 ---
 
-`"freeCodeLamp".indexOf("L") = "C";`
+`Null`
 
 #### --answer--
 
-`"freeCodeLamp".replace("L", "C");`
+`Float`
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md b/curriculum/challenges/korean/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
index 7579004a67..9ea0ef0e53 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-semantic-html/66ed903cf45ce3ece4053ebe.md
@@ -153,7 +153,7 @@ What is a typical use case of the `ruby` element?
 
 #### --distractors--
 
-It specifies the document’s character encoding.
+It specifies the document's character encoding.
 
 ---
 
@@ -201,7 +201,7 @@ It styles text with custom fonts.
 
 ---
 
-It specifies the document’s character encoding.
+It specifies the document's character encoding.
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md b/curriculum/challenges/korean/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
index 19470e6d1b..9e01e081b0 100644
--- a/curriculum/challenges/korean/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
+++ b/curriculum/challenges/korean/25-front-end-development/quiz-styling-forms/66ed9043f45ce3ece4053ebf.md
@@ -47,7 +47,7 @@ It makes the text input focusable with a keyboard.
 
 ---
 
-It hides the input’s placeholder text.
+It hides the input's placeholder text.
 
 ---
 
@@ -55,7 +55,7 @@ It removes the default browser styling for inputs.
 
 #### --answer--
 
-It ensures padding and borders are included in the element’s width and height.
+It ensures padding and borders are included in the element's width and height.
 
 ### --question--
 
@@ -77,7 +77,7 @@ It automatically adjusts the font size.
 
 #### --answer--
 
-It ensures the input doesn’t stretch too wide on larger screens.
+It ensures the input doesn't stretch too wide on larger screens.
 
 ### --question--
 
@@ -87,7 +87,7 @@ Why should you add `:focus` styles to text inputs?
 
 #### --distractors--
 
-It hides the input’s border.
+It hides the input's border.
 
 ---
 
@@ -289,7 +289,7 @@ When you want to fully customize the form control's style.
 
 ---
 
-When the browser’s default styles are hard to override.
+When the browser's default styles are hard to override.
 
 ---
 
@@ -417,7 +417,7 @@ What issue can arise when using `overflow: hidden;` on form elements?
 
 #### --distractors--
 
-It improves the form’s overall accessibility.
+It improves the form's overall accessibility.
 
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md b/curriculum/challenges/korean/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
index 110593e646..e9e7d19999 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
@@ -13,12 +13,28 @@ Review the concepts below to prepare for the upcoming quiz.
 
 - **What is CSS?**: Cascading Style Sheets (CSS) is a markup language used to apply styles to HTML elements. CSS is used for colors, background images, layouts and more.
 - **Basic Anatomy of a CSS Rule**: A CSS rule is made up of two main parts: a selector and a declaration block. A selector is a pattern used in CSS to identify and target specific HTML elements for styling. A declaration block applies a set of styles for a given selector, or selectors.
+
+Here is the general syntax of a CSS rule:
+
+```css
+selector {
+    property: value;
+}
+```
+
 - **`meta name="viewport"` Element**: This `meta` element gives the browser instructions on how to control the page's dimensions and scaling on different devices, particularly on mobile phones and tablets.
 - **Default Browser Styles**: Each HTML element will have default browser styles applied to them. This usually includes items like default margins and paddings.
 
 ## Inline, Internal, and External CSS
 
 - **Inline CSS**: These styles are written directly within an HTML element using the `style` attribute. Most of the time you will not be using inline CSS due to separation of concerns.
+
+Here is an example of inline CSS:
+
+```html
+<p style="color: red;">This is a red paragraph.</p>
+```
+
 - **Internal CSS**: These styles are written within the `<style>` tags inside the `<head>` section of an HTML document. This can be useful for creating short code examples, but usually you will not need be using internal CSS.
 - **External CSS**: These styles are written in a separate CSS file and linked to the HTML document using the `<link>` element in the `<head>` section. For most projects, you will use an external CSS file over internal or inline CSS.
 
@@ -113,6 +129,8 @@ ul ~ p {
 
 - **`margin` Property**: This property is used to apply space outside the element, between the element's border and the surrounding elements.
 - **`padding` Property**: This property is used to apply space inside the element, between the content and its border.
+- **`margin` Shorthand**: The `margin` property can be set using the shorthand syntax, which allows you to set the margin for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
+- **`padding` Shorthand**: The `padding` property can also be set using the shorthand syntax, which allows you to set the padding for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
 
 ## CSS Specificity
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md b/curriculum/challenges/korean/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
index 07d30165b2..874ee70ae2 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
@@ -12,7 +12,9 @@ Review the concepts below to prepare for the upcoming quiz.
 ## HTML Basics
 
 - **Role of HTML**: Foundation of web structure.
-- **Block-level elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold over HTML elements.
+- **HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
+- **`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold over HTML elements.
+- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
 - **Attributes**: Adding metadata and behavior to elements.
 
 ## Identifiers and Grouping
@@ -28,12 +30,12 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: Basic structure of a webpage.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
 
-- **Meta tags (`description`)**: How it impacts SEO.
+- **Meta tags (`description`)**: Providing a short description for the web page and impacting SEO.
 - **Open Graph tags**: Enhancing social media sharing.
 
 ## Media Elements and Optimization
@@ -54,7 +56,6 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Absolute vs. relative paths**: Navigating directories.
 - **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
 - **Link states**: Managing different link interactions (hover, active).
-- **Inline vs. block-level links**: Layout and behavior differences.
 
 # --assignment--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md b/curriculum/challenges/korean/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
index a2beaedae0..6c425c284b 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-css-accessibility/671a955b74ab5588735800d1.md
@@ -16,7 +16,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Best Practices With CSS and Accessibility
 
-- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won’t be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
+- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won't be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
 - **`visibility: hidden;`**: This property and value hides the content visually but keeps it in the document flow, meaning it still occupies space on the page. These elements will also no longer be read by screen readers because they will have been removed from the accessibility tree.
 - **`.sr-only` CSS class**: This is a common technique used to visually hide content while keeping it accessible to screen readers.
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md b/curriculum/challenges/korean/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
index 17aab21604..24c85a1f04 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
@@ -1,6 +1,6 @@
 ---
 id: 671a88d636cebc5fbd407b78
-title: CSS Backgrounds and Borders Review
+title: Lists, Links, CSS Background and Borders Review
 challengeType: 24
 dashedName: review-css-backgrounds-and-borders
 ---
@@ -16,6 +16,12 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`list-style-position` Property**: This property is used to set the position for the list marker. The only two acceptable values are inside and outside.
 - **`list-style-image` Property**: This property is used to use an image for the list item marker. A common use case is to use the `url` function with a value set to a valid image location.
 
+## Spacing list items using `margin`
+
+- Apart from `line-height`, margins can also be used in CSS to enhance the spacing and readability of list items.
+- Margins create space outside each `<li>` element, allowing control over the gap between list items.
+- `margin-bottom` is used to create space below each list item. For example, `margin-bottom: 10px;` will create a 10-pixel gap below each list item.
+
 ## Styling Links
 
 - **`pseudo-class`**: This is a keyword added to a selector that allows you to select elements based on a particular state. Common states would include the `:hover`, `:visited` and `:focus` states.
@@ -27,10 +33,10 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Working with Backgrounds and Borders
 
-- **`background-size` Property**: This property is used to set the background size for an element.
-- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. You can also specify that there should be no repeat by using the `no-repeat` property.
-- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword value.
-- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place.
+- **`background-size` Property**: This property is used to set the background size for an element. Some common values include `cover` for the background image to cover the entire element and `contain` for the background image to fit within the element.
+- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. The default value for `background-repeat` is `repeat` meaning the image will repeat both horizontally and vertically. You can also specify that there should be no repeat by using the `no-repeat` property.
+- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword values like `top`, `bottom`, `left`, `right`, and `center`.
+- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place. The main values are `scroll` (default), where the background image scrolls with the content, and `fixed`, where the background image stays in the same position on the screen.
 - **`background-image` Property**: This property is used to set the background image of an element. You can set multiple background images at the same time and use either the `url`, `radial-gradient` or `linear-gradient` functions as values.
 - **`background` Property**: This is the shorthand property for setting all background properties in one declaration. Here is an example of setting the background image and setting it to not repeat: `background: no-repeat url("example-url-goes-here");`
 - **Good Contrast for Background and Foreground Colors**: It is important to ensure that the background and foreground colors have good contrast to make the text readable. The Web Content Accessibility Guidelines (WCAG) recommend a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.
@@ -43,6 +49,7 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`border-left` Property**: This property is used to set the styles for the left border of an element. `border-left: 4px dotted orange;` sets a 4-pixel-wide dotted orange border on the left side of the element.
 - **`border` Property**: This is the shorthand property for setting the width, style, and color of an element's border. `border: 1px solid black;` sets a 1-pixel-wide solid black border.
 - **`border-radius` Property**: This property is used to create rounded corners for an element's border.
+- **`border-style` Property**: This property is used to set the style of an element's border. Some accepted values include `solid`, `dashed`, `dotted`, and `double`.
 
 ## Gradients
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md b/curriculum/challenges/korean/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
index f96930b45c..a14acbae2c 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-css-flexbox/671a940c69cdee833d4cc312.md
@@ -16,7 +16,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## The `flex-direction` Property
 
-- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser’s default language (left to right or right to left).
+- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser's default language (left to right or right to left).
 - **`flex-direction: row-reverse;`**: This reverses the items in the row.
 - **`flex-direction: column;`**: This will align the flex items vertically instead of horizontally.
 - **`flex-direction: column-reverse;`**: This reverses the order of the flex items vertically.
@@ -24,7 +24,7 @@ Review the concepts below to prepare for the upcoming quiz.
 ## The `flex-wrap` Property
 
 - **Definition**: This property determines how flex items are wrapped within a flex container to fit the available space. `flex-wrap` can take three possible values: `nowrap`, `wrap`, and `wrap-reverse`.
-- **`flex-wrap: nowrap;`**: This is the default value. Flex items won’t be wrapped onto a new line, even if their width exceed the container's width.
+- **`flex-wrap: nowrap;`**: This is the default value. Flex items won't be wrapped onto a new line, even if their width exceed the container's width.
 - **`flex-wrap: wrap;`**: This property will wrap the items when they exceed the width of their container.
 - **`flex-wrap: wrap-reverse;`**: This property will wrap flex items in reverse order.
 - **`flex-flow` Property**: This property is a shorthand property for `flex-direction` and `flex-wrap`. In this example, we set `flex-direction` to `column` and `flex-wrap` to `wrap-reverse`.
diff --git a/curriculum/challenges/korean/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md b/curriculum/challenges/korean/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
index 41467db42f..5fb9d6edf0 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-css-pseudo-classes/671a907bad4538752765f2ff.md
@@ -34,7 +34,7 @@ Review the concepts below to prepare for the upcoming quiz.
 ## Location Pseudo-classes
 
 - **Location Pseudo-classes**: These pseudo-classes are used for styling links and elements that are targeted within the current document.
-- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it’s visited or not.
+- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it's visited or not.
 - **`:link` Pseudo-class**: This pseudo-class allows you to target all unvisited links on a webpage. You can use it to style links differently before the user clicks on them.
 - **`:local-link` Pseudo-class**: This pseudo-class targets links that point to the same document. It can be useful when you want to differentiate internal links from external ones.
 - **`:visited` Pseudo-class**: This pseudo-class targets a link the user has visited.
diff --git a/curriculum/challenges/korean/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md b/curriculum/challenges/korean/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
index 827bc4518a..ca255cbb7d 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-css/671a9a0a140c2b9d6a75629f.md
@@ -157,7 +157,7 @@ Review the concepts below to prepare for the upcoming exam.
 ## Location Pseudo-classes
 
 - **Location Pseudo-classes**: These pseudo-classes are used for styling links and elements that are targeted within the current document.
-- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it’s visited or not.
+- **`:any-link` Pseudo-class**: This pseudo-class is a combination of the :link and :visited pseudo-classes. So, it matches any anchor element with an href attribute, regardless of whether it's visited or not.
 - **`:link` Pseudo-class**: This pseudo-class allows you to target all unvisited links on a webpage. You can use it to style links differently before the user clicks on them.
 - **`:local-link` Pseudo-class**: This pseudo-class targets links that point to the same document. It can be useful when you want to differentiate internal links from external ones.
 - **`:visited` Pseudo-class**: This pseudo-class targets a link the user has visited.
@@ -285,7 +285,7 @@ Review the concepts below to prepare for the upcoming exam.
 
 ## The `flex-direction` Property
 
-- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser’s default language (left to right or right to left).
+- **Definition**: This property sets the direction of the main axis. The default value of `flex-direction` is `row`, which places all the flex items on the same row, in the direction of your browser's default language (left to right or right to left).
 - **`flex-direction: row-reverse;`**: This reverses the items in the row.
 - **`flex-direction: column;`**: This will align the flex items vertically instead of horizontally.
 - **`flex-direction: column-reverse;`**: This reverses the order of the flex items vertically.
@@ -293,7 +293,7 @@ Review the concepts below to prepare for the upcoming exam.
 ## The `flex-wrap` Property
 
 - **Definition**: This property determines how flex items are wrapped within a flex container to fit the available space. `flex-wrap` can take three possible values: `nowrap`, `wrap`, and `wrap-reverse`.
-- **`flex-wrap: nowrap;`**: This is the default value. Flex items won’t be wrapped onto a new line, even if their width exceed the container's width.
+- **`flex-wrap: nowrap;`**: This is the default value. Flex items won't be wrapped onto a new line, even if their width exceed the container's width.
 - **`flex-wrap: wrap;`**: This property will wrap the items when they exceed the width of their container.
 - **`flex-wrap: wrap-reverse;`**: This property will wrap flex items in reverse order.
 - **`flex-flow` Property**: This property is a shorthand property for `flex-direction` and `flex-wrap`. In this example, we set `flex-direction` to `column` and `flex-wrap` to `wrap-reverse`.
@@ -373,7 +373,7 @@ Review the concepts below to prepare for the upcoming exam.
 
 ## Best Practices With CSS and Accessibility
 
-- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won’t be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
+- **`display: none;`**: Using `display: none;` means that screen readers and other assistive technologies won't be able to access this content, as it is not included in the accessibility tree. Therefore, it is important to use this method only when you want to completely remove content from both visual presentation and accessibility.
 - **`visibility: hidden;`**: This property and value hides the content visually but keeps it in the document flow, meaning it still occupies space on the page. These elements will also no longer be read by screen readers because they will have been removed from the accessibility tree.
 - **`.sr-only` CSS class**: This is a common technique used to visually hide content while keeping it accessible to screen readers.
 - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
diff --git a/curriculum/challenges/korean/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md b/curriculum/challenges/korean/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
index d0820b9388..5bf0e7b4f4 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-debugging-javascript/6723cd54fc196dbd053f9dfb.md
@@ -36,7 +36,7 @@ const developerObj = {
 developerObj.map()
 ```
 
-- **RangeError**: These errors happen when your code tries to use a value that’s outside the range of what JavaScript can handle.
+- **RangeError**: These errors happen when your code tries to use a value that's outside the range of what JavaScript can handle.
 
 ```js
 const arr = [];
@@ -58,7 +58,7 @@ function validateNumber(input) {
 
 ## `try...catch...finally`
 
-- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It’s commonly used for cleanup tasks, such as closing files or releasing resources.
+- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It's commonly used for cleanup tasks, such as closing files or releasing resources.
 
 ```js
 function processInput(input) {
diff --git a/curriculum/challenges/korean/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md b/curriculum/challenges/korean/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
index 021d0ab750..bce084bcbb 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-dom-manipulation-and-click-events-with-javascript/6723cc7a8e7aa3b9befd4bac.md
@@ -15,7 +15,7 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs.
 - **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript.
 - **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website.
-- **DOM**: The DOM stands for Document Object Model. It’s a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It’s the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
+- **DOM**: The DOM stands for Document Object Model. It's a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It's the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
 - **`navigator` Interface**: This provides information about the browser environment, such as the user agent string, the platform, and the version of the browser. A user agent string is a text string that identifies the browser and operating system being used.
 - **`window` Interface**: This represents the browser window that contains the DOM document. It provides methods and properties for interacting with the browser window, such as resizing the window, opening new windows, and navigating to different URLs.
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md b/curriculum/challenges/korean/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
index 023f056019..9c220360ea 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-form-validation-with-javascript/6723ce555ff2dfc0cc04b69a.md
@@ -11,7 +11,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Validating Forms with JavaScript
 
-- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user’s provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
+- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
 - **`checkValidity()` method**: This method returns `true` if the element matches all HTML validation (based on its attributes), and `false` if it fails.
 
 ```js
@@ -63,7 +63,7 @@ button.addEventListener('click',(event) => {
 ## Submitting Forms
 
 - **Definition**: There are three ways a form can be submitted. The first is when the user clicks a button in the form which has the `type` attribute set to `submit`. The second is when the user presses the `Enter` key on any editable `input` field in the form. The third is through a JavaScript call to the `requestSubmit()` or `submit()` methods of the `form` element.
-- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page’s URL.
+- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page's URL.
 
 ```js
 <form action="https://freecodecamp.org">
diff --git a/curriculum/challenges/korean/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md b/curriculum/challenges/korean/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
index c8acd9c2f3..1d5d0cda92 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
@@ -15,11 +15,11 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -27,26 +27,26 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using screen readers and other assistive technologies understand the purpose of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps people using screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps people using assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
 - **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
 - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps people using screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps people using assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
 
 # --assignment--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-html/671a883163d5ab5d47145880.md b/curriculum/challenges/korean/25-front-end-development/review-html/671a883163d5ab5d47145880.md
index fac86631c6..441b546c86 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-html/671a883163d5ab5d47145880.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-html/671a883163d5ab5d47145880.md
@@ -11,8 +11,10 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## HTML Basics
 
-- **Role of HTML**: HTML represents the content and structure of a webpage.
-- **`div` Element**: The `div` element is a block-level element used for grouping content.
+- **Role of HTML**: Foundation of web structure.
+- **HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
+- **`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold other HTML elements.
+- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
 - **Attributes**: Adding metadata and behavior to elements.
 
 ## Identifiers and Grouping
@@ -28,12 +30,12 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: This boilerplate includes the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements. It should be used as the starting point for an HTML document.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
 
-- **Meta tags (`description`)**: Describing page content.
+- **Meta tags (`description`)**: Providing a short description for the web page and impacting SEO.
 - **Open Graph tags**: Enhancing social media sharing.
 
 ## Media Elements and Optimization
@@ -45,8 +47,8 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Multimedia Integration
 
-- **HTML audio and video elements**: The `audio` element is used to embed audio content in a webpage, while the `video` element is used to embed video content.
-- **Embedding with `<iframe>`**: If you want to embed content from another site, like YouTube, you can use the `iframe` element.
+- **HTML audio and video elements**: Embedding multimedia.
+- **Embedding with `<iframe>`**: Integrating external video content.
 
 ## Paths and Link Behavior
 
@@ -54,7 +56,6 @@ Review the concepts below to prepare for the upcoming prep exam.
 - **Absolute vs. relative paths**: Navigating directories.
 - **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
 - **Link states**: Managing different link interactions (hover, active).
-- **Inline vs. block-level links**: Links by default are inline elements. You can turn a link into a block-level link by placing it inside a block-level element like a paragraph element.
 
 ## Importance of Semantic HTML
 
@@ -64,62 +65,62 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Semantic HTML Elements
 
-- **Emphasis (`em`) element**: marks text that has stress emphasis.
-- **Idiomatic Text (`i`) element**: used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
-- **Strong Importance (`strong`) element**: marks text that has strong importance.
-- **Bring Attention To (`b`) element**: used to bring attention to text that is not important for the meaning of the content.
-- **Description List (`dl`) element**: used to represent a list of term-description groupings.
-- **Description Term (`dt`) element**: used to represent the term being defined.
-- **Description Details (`dd`) element**: used to represent the description of the term.
-- **Block Quotation (`blockquote`) element**: used to represent a section that is quoted from another source.
-- **Inline Quotation (`q`) element**: used to represent a short inline quotation.
-- **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
-- **Contact Address (`address`) element**: used to represent the contact information.
-- **(Date) Time (`time`) element**: used to represent a date and/or time.
-- **Superscript (`sup`) element**: used to represent superscript text.
-- **Subscript (`sub`) element**: used to represent subscript text.
-- **Inline Code (`code`) element**: used to represent a fragment of computer code.
-- **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
-- **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
+- **Emphasis (`em`) element**: Marks text that has stress emphasis.
+- **Idiomatic Text (`i`) element**: Used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
+- **Strong Importance (`strong`) element**: Marks text that has strong importance.
+- **Bring Attention To (`b`) element**: Used to bring attention to text that is not important for the meaning of the content.
+- **Description List (`dl`) element**: Used to represent a list of term-description groupings.
+- **Description Term (`dt`) element**: Used to represent the term being defined.
+- **Description Details (`dd`) element**: Used to represent the description of the term.
+- **Block Quotation (`blockquote`) element**: Used to represent a section that is quoted from another source.
+- **Inline Quotation (`q`) element**: Used to represent a short inline quotation.
+- **Abbreviation (`abbr`) element**: Used to represent an abbreviation or acronym.
+- **Contact Address (`address`) element**: Used to represent the contact information.
+- **(Date) Time (`time`) element**: Used to represent a date and/or time.
+- **Superscript (`sup`) element**: Used to represent superscript text.
+- **Subscript (`sub`) element**: Used to represent subscript text.
+- **Inline Code (`code`) element**: Used to represent a fragment of computer code.
+- **Unarticulated Annotation (`u`) element**: Used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
+- **Ruby Annotation (`ruby`) element**: Used to represent the text of a ruby annotation.
+- **Strikethrough (`s`) element**: Used to represent content that is no longer accurate or relevant.
 
 ## HTML form elements and attributes
 
-- **`form` element**: used to create an HTML form for user input.
-- **`action` attribute**: used to specify the URL where the form data should be sent.
-- **`input` element**: used to create an input field for user input.
-- **`type` attribute**: used to specify the type of input field. Ex. text, password, email, etc.
-- **`label` element**: used to create a label for an input field.
-- **`for` attribute**: used to specify which input field the label is for.
-- **Implicit form association**: inputs can be associated with labels by wrapping the input field inside the `label` element.
-- **Explicit form association**: inputs can be associated with labels by using the `for` attribute on the `label` element.
-- **`placeholder` attribute**: used to specify a short hint that describes the expected value of an input field.
-- **`button` element**: used to create a clickable button. Ex. submit, reset, button.
-- **`value` attribute**: used to specify the value of the button.
-- **`required` attribute**: used to specify that an input field must be filled out before submitting the form.
-- **`size` attribute**: used to specify the width of an input field.
-- **`minlength` attribute**: used to specify the minimum number of characters required in an input field.
-- **`maxlength` attribute**: used to specify the maximum number of characters allowed in an input field.
-- **`disabled` attribute**: used to specify that an input field should be disabled.
-- **`readonly` attribute**: used to specify that an input field is read-only.
-- **Focused state**: this is the state of an input field when it is selected by the user.
+- **`form` element**: Used to create an HTML form for user input.
+- **`action` attribute**: Used to specify the URL where the form data should be sent.
+- **`input` element**: Used to create an input field for user input.
+- **`type` attribute**: Used to specify the type of input field. Ex. text, password, email, etc.
+- **`label` element**: Used to create a label for an input field.
+- **`for` attribute**: Used to specify which input field the label is for.
+- **Implicit form association**: Inputs can be associated with labels by wrapping the input field inside the `label` element.
+- **Explicit form association**: Inputs can be associated with labels by using the `for` attribute on the `label` element.
+- **`placeholder` attribute**: Used to specify a short hint that describes the expected value of an input field.
+- **`button` element**: Used to create a clickable button. Ex. submit, reset, button.
+- **`value` attribute**: Used to specify the value of the button.
+- **`required` attribute**: Used to specify that an input field must be filled out before submitting the form.
+- **`size` attribute**: Used to specify the width of an input field.
+- **`minlength` attribute**: Used to specify the minimum number of characters required in an input field.
+- **`maxlength` attribute**: Used to specify the maximum number of characters allowed in an input field.
+- **`disabled` attribute**: Used to specify that an input field should be disabled.
+- **`readonly` attribute**: Used to specify that an input field is read-only.
+- **Focused state**: This is the state of an input field when it is selected by the user.
 
 ## HTML Table elements and attributes
 
-- **Table element**: used to create an HTML table.
-- **Table Head (`thead`) element**: used to group the header content in an HTML table.
-- **Table Row (`tr`) element**: used to create a row in an HTML table.
-- **Table Header (`th`) element**: used to create a header cell in an HTML table.
-- **`colspan` attribute**: used to specify the number of columns a header cell should span.
-- **Table body (`tbody`) element**: used to group the body content in an HTML table.
-- **Table Data Cell (`td`) element**: used to create a data cell in an HTML table.
-- **Table Foot (`tfoot`) element**: used to group the footer content in an HTML table.
+- **Table element**: Used to create an HTML table.
+- **Table Head (`thead`) element**: Used to group the header content in an HTML table.
+- **Table Row (`tr`) element**: Used to create a row in an HTML table.
+- **Table Header (`th`) element**: Used to create a header cell in an HTML table.
+- **`colspan` attribute**: Used to specify the number of columns a header cell should span.
+- **Table body (`tbody`) element**: Used to group the body content in an HTML table.
+- **Table Data Cell (`td`) element**: Used to create a data cell in an HTML table.
+- **Table Foot (`tfoot`) element**: Used to group the footer content in an HTML table.
 
 ## HTML Tools
 
-- **HTML validator**: a tool that checks the syntax of HTML code to ensure it is valid.
-- **DOM inspector**: a tool that allows you to inspect and modify the HTML structure of a web page.
-- **Devtools**: a set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
+- **HTML validator**: A tool that checks the syntax of HTML code to ensure it is valid.
+- **DOM inspector**: A tool that allows you to inspect and modify the HTML structure of a web page.
+- **Devtools**: A set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
 
 ## Introduction to Accessibility
 
@@ -127,11 +128,11 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -139,26 +140,26 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps screen readers and other assistive technologies understand the content of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
-- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
-- **`aria-hidden` attribute**: Used to hide an element from assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to associate an element with another element that describes it. This helps screen readers and other assistive technologies understand the purpose of the element.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
+- **`aria-hidden` attribute**: Used to hide an element from assistive technologies such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This helps assistive technologies understand the purpose of the element.
 
 # --assignment--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md b/curriculum/challenges/korean/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
index e84ae23c5c..8c3f6af11a 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript-arrays/6723c66f623701a3cdf72130.md
@@ -76,7 +76,7 @@ console.log(second); // "banana"
 console.log(third); // "orange"
 ```
 
-- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven’t been destructured into a new array.
+- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven't been destructured into a new array.
 
 ```js
 const fruits = ["apple", "banana", "orange", "mango", "kiwi"];
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md b/curriculum/challenges/korean/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
index 425c938655..0ba5228a9d 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript-audio-and-video/6723cf27c6e9a0c3f3041385.md
@@ -36,9 +36,9 @@ function pauseAudio() {
 ## Different Audio and Video Formats
 
 - **MIME type**: A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type. The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
-- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user’s current environment.
+- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user's current environment.
 - **MP3**: This is a type of digital file format used to store music, audio, or sound. It's a compressed version of a sound recording that makes the file size smaller, so it's easier to store and share. An MP3 file has the MIME type audio/mp3
-- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it’s a video file or audio-only.
+- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it's a video file or audio-only.
 
 ## codecs
 
@@ -50,7 +50,7 @@ function pauseAudio() {
 
 ## Media Capture and Streams API
 
-- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user’s hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
+- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
 
 ```js
 window.navigator.mediaDevices.getUserMedia({
@@ -72,7 +72,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Screen Capture API
 
-- **Definition**: The Screen Capture API is used to record a user’s screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+- **Definition**: The Screen Capture API is used to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
 
 ## MediaStream Recording API
 
@@ -80,7 +80,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Media Source Extensions API
 
-- **topic**: The Media Source Extensions API is what allows you to directly pass a user’s webcam feed to a video element with the `srcObject` property.
+- **topic**: The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property.
 
 ## Web Audio API
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md b/curriculum/challenges/korean/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
index 497f523801..bac65e3eef 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript-events/6723cc0ca05ce9b87a319ceb.md
@@ -38,7 +38,7 @@ selectEl.addEventListener("change", (e) => {
 
 ## Event Bubbling
 
-- **Definition**: Event bubbling, or propagation, refers to how an event “bubbles up” to parent objects when triggered.
+- **Definition**: Event bubbling, or propagation, refers to how an event "bubbles up" to parent objects when triggered.
 
 ## Event Delegation
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md b/curriculum/challenges/korean/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
index 6af2aefde7..2852de734d 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript-math/6723c463e51a2d9b747d7529.md
@@ -152,7 +152,7 @@ const num = 4;
 console.log(-num); // -4
 ```
 
-- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it’s `false`, it becomes `true`. 
+- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it's `false`, it becomes `true`. 
 
 ## Bitwise Operators
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md b/curriculum/challenges/korean/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
index 9b25149e70..d401947daf 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript-regular-expressions/6723cdfa4ae237bf6b7e32eb.md
@@ -11,7 +11,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Regular Expressions and Common Methods
 
-- **Definition**: Regular Expressions, or Regex, are used to create a “pattern”, which you can then use to check against a string, extract text, and more.
+- **Definition**: Regular Expressions, or Regex, are used to create a "pattern", which you can then use to check against a string, extract text, and more.
 
 ```js
 const regex = /freeCodeCamp/;
@@ -65,7 +65,7 @@ for (let match of iterator) {
 
 ## Regular Expression Modifiers
 
-- **Definition**: Modifiers, often referred to as “flags”, modify the behavior of a regular expression.
+- **Definition**: Modifiers, often referred to as "flags", modify the behavior of a regular expression.
 - **`i` Flag**: This flag makes a regex ignore case.
 
 ```js
@@ -82,7 +82,7 @@ console.log(regex.test("freeCodeCamp")); // true
 console.log(regex.test("freeCodeCamp is great")); // false
 ```
 
-- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says “match the start of the string”. The `$` anchor, at the end of the regular expression, says “match the end of the string”.
+- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says "match the start of the string". The `$` anchor, at the end of the regular expression, says "match the end of the string".
 
 ```js
 const start = /^freeCodeCamp/i;
@@ -194,7 +194,7 @@ const regex = /^\d{4}$/;
 
 ## Capturing Groups and Backreferences
 
-- **Capturing Groups**: A capturing group allows you to “capture” a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+- **Capturing Groups**: A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
 
 ```js
 const regex = /free(code)camp/i;
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md b/curriculum/challenges/korean/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
index 562fab5a8f..b1519c457b 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript-strings/6723c1946e4cd7909a836bb4.md
@@ -62,7 +62,7 @@ console.log(char);  // A
 ## Other Common String Methods
 
 - **The `indexOf` Method**: This method is used to search for a substring within a string. If the substring is found, `indexOf` returns the index (or position) of the first occurrence of that substring. If the substring is not found, `indexOf` returns -1, which indicates that the search was unsuccessful.
-- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true otherwise, it returns false.
+- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true. Otherwise, it returns false.
 - **The `slice()` Method**: This method extracts a portion of a string and returns a new string, without modifying the original string. It takes two parameters: the starting index and the optional ending index.
 - **The `toUpperCase()` Method**: This method converts all the characters to uppercase letters and returns a new string with all uppercase characters.
 - **The `toLowerCase()` Method**: This method converts all characters in a string to lowercase.
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md b/curriculum/challenges/korean/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
index a43eadb8af..27b76f9cce 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
@@ -15,7 +15,7 @@ While HTML and CSS provide website structure, JavaScript brings interactivity to
 
 ## Data Types in JavaScript
 
-Data types help the program understand the kind of data it’s working with, whether it's a number, text, or something else.
+Data types help the program understand the kind of data it's working with, whether it's a number, text, or something else.
 
 - **Number**: A number represents both integers and floating-point values. Examples of integers include 7, 19, and 90.
 - **Floating point**: A floating point number is a number with a decimal point. Examples include 3.14, 0.5, and 0.0001.
@@ -80,7 +80,7 @@ const cityName = 'New York';
 cityName = 'Los Angeles'; // TypeError: Assignment to constant variable.
 ```
 
-- Variables declared using `const` find uses in declaring constants, that are not allowed to change through out the code, such as `PI` or `MAX_SIZE`.
+- Variables declared using `const` find uses in declaring constants, that are not allowed to change throughout the code, such as `PI` or `MAX_SIZE`.
 
 ## Variable Naming Conventions
 
@@ -201,7 +201,7 @@ let isLoggedin = true;
 console.log(typeof isLoggedin); // boolean
 ```
 
-- However, there’s a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
+- However, there's a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
 
 ```js
 let user = null;
diff --git a/curriculum/challenges/korean/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md b/curriculum/challenges/korean/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
index a7e99d583a..3343a69ca7 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-javascript/6723d3cfdd0717d3f1bf27e3.md
@@ -16,7 +16,7 @@ While HTML and CSS provide website structure, JavaScript brings interactivity to
 
 ## Data Types in JavaScript
 
-Data types help the program understand the kind of data it’s working with, whether it's a number, text, or something else.
+Data types help the program understand the kind of data it's working with, whether it's a number, text, or something else.
 
 - **Number**: A number represents both integers and floating-point values. Examples of integers include 7, 19, and 90.
 - **Floating point**: A floating point number is a number with a decimal point. Examples include 3.14, 0.5, and 0.0001.
@@ -202,7 +202,7 @@ let isLoggedin = true;
 console.log(typeof isLoggedin); // boolean
 ```
 
-- However, there’s a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
+- However, there's a well-known quirk in JavaScript when it comes to null. The `typeof` operator returns `object` for null values.
 
 ```js
 let user = null;
@@ -262,7 +262,7 @@ console.log(char);  // A
 ## Other Common String Methods
 
 - **The `indexOf` Method**: This method is used to search for a substring within a string. If the substring is found, `indexOf` returns the index (or position) of the first occurrence of that substring. If the substring is not found, `indexOf` returns -1, which indicates that the search was unsuccessful.
-- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true otherwise, it returns false.
+- **The `includes()` Method**: This method is used to check if a string contains a specific substring. If the substring is found within the string, the method returns true. Otherwise, it returns false.
 - **The `slice()` Method**: This method extracts a portion of a string and returns a new string, without modifying the original string. It takes two parameters: the starting index and the optional ending index.
 - **The `toUpperCase()` Method**: This method converts all the characters to uppercase letters and returns a new string with all uppercase characters.
 - **The `toLowerCase()` Method**: This method converts all characters in a string to lowercase.
@@ -416,7 +416,7 @@ const num = 4;
 console.log(-num); // -4
 ```
 
-- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it’s `false`, it becomes `true`. 
+- **Logical NOT (`!`) Operator**: This operator flips the boolean value of its operand. So, if the operand is `true`, it becomes `false`, and if it's `false`, it becomes `true`. 
 
 ## Bitwise Operators
 
@@ -669,7 +669,7 @@ console.log(second); // "banana"
 console.log(third); // "orange"
 ```
 
-- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven’t been destructured into a new array.
+- **Rest Syntax**: This allows you to capture the remaining elements of an array that haven't been destructured into a new array.
 
 ```js
 const fruits = ["apple", "banana", "orange", "mango", "kiwi"];
@@ -1381,7 +1381,7 @@ console.log(hasSomeEvenNumbers); // true
 - **Web API**: Web APIs are specifically designed for web applications. These types of APIs are often divided into two main categories: browser APIs and third-party APIs.
 - **Browser APIs**: These APIs expose data from the browser. As a web developer, you can access and manipulate this data using JavaScript.
 - **Third-Party APIs**: These are not built into the browser by default. You have to retrieve their code in some way. Usually, they will have detailed documentation explaining how to use their services. An example is the Google Maps API, which you can use to display interactive maps on your website.
-- **DOM**: The DOM stands for Document Object Model. It’s a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It’s the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
+- **DOM**: The DOM stands for Document Object Model. It's a programming interface that lets you interact with HTML documents. With the DOM, you can add, modify, or delete elements on a webpage. The root of the DOM tree is the `<html>` element. It's the top-level container for all the content of an HTML document. All other nodes are descendants of this root node. Then, below the root node, we find other nodes in the hierarchy. A parent node is an element that contains other elements. A child node is an element that is contained within another element.
 - **`navigator` Interface**: This provides information about the browser environment, such as the user agent string, the platform, and the version of the browser. A user agent string is a text string that identifies the browser and operating system being used.
 - **`window` Interface**: This represents the browser window that contains the DOM document. It provides methods and properties for interacting with the browser window, such as resizing the window, opening new windows, and navigating to different URLs.
 
@@ -1746,7 +1746,7 @@ selectEl.addEventListener("change", (e) => {
 
 ## Event Bubbling
 
-- **Definition**: Event bubbling, or propagation, refers to how an event “bubbles up” to parent objects when triggered.
+- **Definition**: Event bubbling, or propagation, refers to how an event "bubbles up" to parent objects when triggered.
 
 ## Event Delegation
 
@@ -1779,7 +1779,7 @@ const developerObj = {
 developerObj.map()
 ```
 
-- **RangeError**: These errors happen when your code tries to use a value that’s outside the range of what JavaScript can handle.
+- **RangeError**: These errors happen when your code tries to use a value that's outside the range of what JavaScript can handle.
 
 ```js
 const arr = [];
@@ -1801,7 +1801,7 @@ function validateNumber(input) {
 
 ## `try...catch...finally`
 
-- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It’s commonly used for cleanup tasks, such as closing files or releasing resources.
+- **Definition**: The `try` block is used to wrap code that might throw an error. It acts as a safe space to try something that could fail. The `catch` block captures and handles errors that occur in the try block. You can use the error object inside catch to inspect what went wrong. The `finally` block runs after the try and catch blocks, regardless of whether an error occurred. It's commonly used for cleanup tasks, such as closing files or releasing resources.
 
 ```js
 function processInput(input) {
@@ -1848,7 +1848,7 @@ console.dir(document);
 
 ## Regular Expressions and Common Methods
 
-- **Definition**: Regular Expressions, or Regex, are used to create a “pattern”, which you can then use to check against a string, extract text, and more.
+- **Definition**: Regular Expressions, or Regex, are used to create a "pattern", which you can then use to check against a string, extract text, and more.
 
 ```js
 const regex = /freeCodeCamp/;
@@ -1902,7 +1902,7 @@ for (let match of iterator) {
 
 ## Regular Expression Modifiers
 
-- **Definition**: Modifiers, often referred to as “flags”, modify the behavior of a regular expression.
+- **Definition**: Modifiers, often referred to as "flags", modify the behavior of a regular expression.
 - **`i` Flag**: This flag makes a regex ignore case.
 
 ```js
@@ -1919,7 +1919,7 @@ console.log(regex.test("freeCodeCamp")); // true
 console.log(regex.test("freeCodeCamp is great")); // false
 ```
 
-- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says “match the start of the string”. The `$` anchor, at the end of the regular expression, says “match the end of the string”.
+- **Anchor Definition**: The `^` anchor, at the beginning of the regular expression, says "match the start of the string". The `$` anchor, at the end of the regular expression, says "match the end of the string".
 
 ```js
 const start = /^freeCodeCamp/i;
@@ -2031,7 +2031,7 @@ const regex = /^\d{4}$/;
 
 ## Capturing Groups and Backreferences
 
-- **Capturing Groups**: A capturing group allows you to “capture” a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+- **Capturing Groups**: A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
 
 ```js
 const regex = /free(code)camp/i;
@@ -2046,7 +2046,7 @@ console.log("freecoooooooodecamp".replace(regex, "paid$1world"));
 
 ## Validating Forms with JavaScript
 
-- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user’s provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
+- **Constraint Validation API**: Certain HTML elements, such as the `textarea` and `input` elements, expose a constraint validation API. This API allows you to assert that the user's provided value for that element passes any HTML-level validation you have written, such as minimum length or pattern matching.
 - **`checkValidity()` method**: This method returns `true` if the element matches all HTML validation (based on its attributes), and `false` if it fails.
 
 ```js
@@ -2098,7 +2098,7 @@ button.addEventListener('click',(event) => {
 ## Submitting Forms
 
 - **Definition**: There are three ways a form can be submitted. The first is when the user clicks a button in the form which has the `type` attribute set to `submit`. The second is when the user presses the `Enter` key on any editable `input` field in the form. The third is through a JavaScript call to the `requestSubmit()` or `submit()` methods of the `form` element.
-- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page’s URL.
+- **`action` Attribute**: The `action` attribute should contain either a URL or a relative path for the current domain. This value determines where the form attempts to send data - if you do not set an `action` attribute, the form will send data to the current page's URL.
 
 ```js
 <form action="https://freecodecamp.org">
@@ -2219,9 +2219,9 @@ function pauseAudio() {
 ## Different Audio and Video Formats
 
 - **MIME type**: A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type. The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
-- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user’s current environment.
+- **`source` Element**: This is used to specify a file type and source - and can include multiple different types by using multiple source elements. When you do this, the browser will determine the best format to use for the user's current environment.
 - **MP3**: This is a type of digital file format used to store music, audio, or sound. It's a compressed version of a sound recording that makes the file size smaller, so it's easier to store and share. An MP3 file has the MIME type audio/mp3
-- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it’s a video file or audio-only.
+- **MP4**: An MP4 is a type of digital file format used to store video and audio. It serves as a container that holds both the video (images) and the sound (music or speech) in one file. An MP4, can have the MIME type audio/mp4 OR video/mp4, depending on whether it's a video file or audio-only.
 
 ## codecs
 
@@ -2233,7 +2233,7 @@ function pauseAudio() {
 
 ## Media Capture and Streams API
 
-- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user’s hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
+- **Definition**: The Media Capture and Streams API, or the MediaStream API, is used to capture audio and video from your device. In order to use the API, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the `global` navigator object has a `getUserMedia()` method for you to use.
 
 ```js
 window.navigator.mediaDevices.getUserMedia({
@@ -2255,7 +2255,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Screen Capture API
 
-- **Definition**: The Screen Capture API is used to record a user’s screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+- **Definition**: The Screen Capture API is used to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
 
 ## MediaStream Recording API
 
@@ -2263,7 +2263,7 @@ window.navigator.mediaDevices.getUserMedia({
 
 ## Media Source Extensions API
 
-- **topic**: The Media Source Extensions API is what allows you to directly pass a user’s webcam feed to a video element with the `srcObject` property.
+- **topic**: The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property.
 
 ## Web Audio API
 
@@ -2335,9 +2335,9 @@ console.log(map); // Map(3) { 'flower' => 'rose', 'fruit' => 'apple', 'vegetable
 ## Create, Read, Update, Delete (CRUD)
 
 - **Create**: This refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
-- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you're performing a read operation to fetch and display data stored in the database.
 - **Update**: This involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
-- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you're performing a delete operation.
 
 ## HTTP Methods
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md b/curriculum/challenges/korean/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
index b8d05c1f1f..57a3a0c8e2 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-local-storage-and-crud/6723d0ac516099c902394e8b.md
@@ -16,9 +16,9 @@ Review the concepts below to prepare for the upcoming quiz.
 ## Create, Read, Update, Delete (CRUD)
 
 - **Create**: This refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
-- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+- **Read**: This is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you're performing a read operation to fetch and display data stored in the database.
 - **Update**: This involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
-- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+- **Delete**: This is the operation that removes data from a database. For instance, when you delete a blog post or account, you're performing a delete operation.
 
 ## HTTP Methods
 
diff --git a/curriculum/challenges/korean/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md b/curriculum/challenges/korean/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
index 9b2c7e68ff..8ccd73190c 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-react-basics/67487e141bb6a7140a352e12.md
@@ -138,7 +138,7 @@ function Child(props) {
 }
 ```
 
-You can pass multiple props using the spread operator `(...)`, after converting them to an object. Here’s an example:
+You can pass multiple props using the spread operator `(...)`, after converting them to an object. Here's an example:
 
 ```jsx
 // Parent component
diff --git a/curriculum/challenges/korean/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md b/curriculum/challenges/korean/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
index 6f610660e1..22f275bcb5 100644
--- a/curriculum/challenges/korean/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
+++ b/curriculum/challenges/korean/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
@@ -33,12 +33,13 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
 - **Contact Address (`address`) element**: used to represent the contact information.
 - **(Date) Time (`time`) element**: used to represent a date and/or time. The `datetime` attribute is used to translate dates and times into a machine-readable format.
+- **ISO 8601 Date (`datetime`) attribute**: used to represent dates and times in a machine-readable format. The standard format is `YYYY-MM-DDThh:mm:ss`.
 - **Superscript (`sup`) element**: used to represent superscript text.
 - **Subscript (`sub`) element**: used to represent subscript text.
 - **Inline Code (`code`) element**: used to represent a fragment of computer code.
 - **Preformatted Text (`pre`) element**: represents preformatted text
 - **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
+- **Ruby Annotation (`ruby`) element**: used for annotating text with pronunciation or meaning explanations. An example usage is for East Asian typography.
 - **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
 
 # --assignment--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md b/curriculum/challenges/korean/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
index 55b7edefe1..f1b98599b4 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-cafe-menu/5f35e5c4321f818cdc4bed30.md
@@ -7,7 +7,7 @@ dashedName: step-29
 
 # --description--
 
-It’s looking good. Time to start adding some menu items. Add an empty `article` element under the `Coffee` heading. It will contain a flavor and price of each coffee you currently offer.
+It's looking good. Time to start adding some menu items. Add an empty `article` element under the `Coffee` heading. It will contain a flavor and price of each coffee you currently offer.
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
index 65223d73bb..6ab42100a2 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/63b61490e633a22b4593e62f.md
@@ -65,7 +65,7 @@ You should assign the `#output` element to `output`.
 ```js
 // assert.deepEqual(output, document.getElementById('output')); cannot be used,
 // as browser defines `output` variable on it own for `#output`.
-assert.match(code, /const\s+output\s*=\s*document.getElementById\(('|")output\1\)/);
+assert.match(code, /const\s+output\s*=\s*document\.getElementById\(('|")output\1\)/);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
index 203947b61e..936462caf7 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/660404511dbf1b90eb23b617.md
@@ -18,13 +18,13 @@ Open up the console to see the result. In the next step, you will learn more abo
 You should have a `console.log` below your `isInvalidInput` function.
 
 ```js
-assert.match(code, /console.log\(/);
+assert.match(code, /console\.log\(/);
 ```
 
 Your console statement should have the value of `isInvalidInput("1e3")`.
 
 ```js
-assert.match(code, /console.log\(isInvalidInput\(('|")1e3\s*\1\);?\)/);
+assert.match(code, /console\.log\(isInvalidInput\(('|")1e3\s*\1\);?\)/);
 
 ```
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
index b1f808ba93..08a71268db 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/6604080b66ff6e942d8225b1.md
@@ -31,13 +31,13 @@ Open up the console to see the result. You will learn more about what this resul
 You should have a `console.log` below your `isInvalidInput` function.
 
 ```js
-assert.match(code, /console.log\(/);
+assert.match(code, /console\.log\(/);
 ```
 
 Your console statement should have the value of `isInvalidInput("10")`.
 
 ```js
-assert.match(code, /console.log\(isInvalidInput\(('|")10\s*\1\);?\)/);
+assert.match(code, /console\.log\(isInvalidInput\(('|")10\s*\1\);?\)/);
 
 ```
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
index cc6ce6d01e..d9080dfe2d 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-calorie-counter/66040ae710de0e96c26a0201.md
@@ -18,7 +18,7 @@ Now that you have finished testing your `isInvalidInput` function, you can remov
 You should remove your `console.log(isInvalidInput("10"));`.
 
 ```js
-assert.notMatch(code, /console.log\(isInvalidInput\("10"\)\);?/g)
+assert.notMatch(code, /console\.log\(isInvalidInput\("10"\)\);?/g)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md b/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
index b8e42b9307..6751691733 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dc24614f86c76b9248c6ebd.md
@@ -15,7 +15,7 @@ Here is an example linking to `https://www.freecodecamp.org`:
 <a href="https://www.freecodecamp.org"></a>
 ```
 
-Add an anchor element after the paragraph that links to `https://freecatphotoapp.com`. At this point, the link won’t show up in the preview.
+Add an anchor element after the paragraph that links to `https://freecatphotoapp.com`. At this point, the link won't show up in the preview.
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md b/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
index b25a8cbdd9..e2018d6612 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
@@ -28,7 +28,8 @@ assert.match(code, /<\/ul>/);
 The `ul` element should be above the second `section` element's closing tag.
 
 ```js
-const secondSectionLastElemNode = $('main > section')[1].lastElementChild;
+const secondSectionLastElemNode =
+  document.querySelectorAll('main > section')[1].lastElementChild;
 assert.equal(secondSectionLastElemNode.nodeName, 'UL');
 ```
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md b/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
index fc6529131a..c13f28167a 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/61764c602bee6974e7790f35.md
@@ -7,7 +7,7 @@ dashedName: step-11
 
 # --description--
 
-To give the markers different colors, you’ll need to add a unique class to each one. You can add multiple classes to an element by listing them in the `class` attribute and separating them with a space. For example, the following code adds both the `animal` and `dog` classes to a `div` element:
+To give the markers different colors, you'll need to add a unique class to each one. You can add multiple classes to an element by listing them in the `class` attribute and separating them with a space. For example, the following code adds both the `animal` and `dog` classes to a `div` element:
 
 ```html
 <div class="animal dog">
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md b/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
index 75f886d201..fd00f7b450 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-colored-markers/617bbb6b97a83f6d1f7d6e38.md
@@ -7,7 +7,7 @@ dashedName: step-26
 
 # --description--
 
-Now that you've practiced with secondary colors, let’s review how to create <dfn>tertiary colors</dfn>. Tertiary colors are created by combining a primary color with a nearby secondary color.
+Now that you've practiced with secondary colors, let's review how to create <dfn>tertiary colors</dfn>. Tertiary colors are created by combining a primary color with a nearby secondary color.
 
 To create the tertiary color orange, update the `rgb` function in the `.one` CSS rule by setting red to its maximum value (`255`) and green to `127`.
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md b/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
index 68c7140938..a3b21beb34 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
@@ -7,13 +7,13 @@ dashedName: step-15
 
 # --description--
 
-Add a new selector that targets the pseudoelement `::before` of the `h1` element,
+You can add an emoji in front of the title using the pseudo-element `::before` of the `h1` element.
 
-Use the `content` property to put the emoji 🥳 in front of the title: give it a value of `"🥳 "` (note there is a space after the emoji).
+Create an `h1::before` selector, give it a `content` property and set its value to `"🥳 "` (note there is a space after the emoji).
 
 # --hints--
 
-You should have a `h1::before` selector.
+You should have an `h1::before` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::before"));
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md b/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
index d0d04e7815..62eb6a5184 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
@@ -7,11 +7,13 @@ dashedName: step-16
 
 # --description--
 
-Now you can do something similar to add the emoji also after the title: create a `h1::after` selector, give it a `content` property and set the value to `" 🥳"` (note there is a space before the emoji).
+Now you can do something similar to add the emoji also after the title.
+
+Create a selector that targets the pseudo-element `::after` of the `h1` element. Give it a `content` property and set its value to `" 🥳"` (note there is a space before the emoji).
 
 # --hints--
 
-You should have a `h1::after` selector.
+You should have an `h1::after` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::after"));
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md b/curriculum/challenges/korean/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
index f2b40e58d8..e32da37f4c 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
@@ -27,7 +27,7 @@ Your `label` element should have a `for` attribute set to `"age"`.
 assert.isNotNull(document.querySelector('label[for="age"]'));
 ```
 
-You `label` element should have the text `Age (optional):`.
+Your `label` element should have the text `Age (optional):`.
 
 ```js
 assert.strictEqual(document.querySelector('label[for="age"]').textContent, "Age (optional):");
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
index ba73c877ea..cc598c8c5c 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
@@ -11,7 +11,7 @@ The rest of the objects representing the books have been filled in for you. You
 
 Now, you should start working on getting several common parts of the books.
 
-Start by displaying all the books. Create a `displayBooks` function with a `catalog` parameter. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the `library` array.
+Start by displaying all the books. Create a `displayBooks` function with a parameter accepting an array with book objects. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the array passed to function.
 
 # --hints--
 
@@ -21,10 +21,10 @@ You should create a `displayBooks` function.
 assert.isFunction(displayBooks)
 ```
 
-Your `displayBooks` function should have a `catalog` parameter.
+Your `displayBooks` function should have one parameter.
 
 ```js
-assert.match(displayBooks.toString(), /catalog/)
+assert.lengthOf(displayBooks, 1)
 ```
 
 Your `displayBooks` function should use a higher order function. Ex. (`filter`, `map`, `reduce`)
@@ -39,24 +39,42 @@ Your `displayBooks` function should return a string.
 assert.isString(displayBooks(library))
 ```
 
-Your `displayBooks` function should have each book title, author and pages in it.
+Your `displayBooks` function should return each book title, author and number of pages, for all books in the array passed to it.
 
 ```js
+const libraryBooks = displayBooks(library);
 library.forEach((book) => {
-  assert.include(displayBooks(library), book.title);
-  assert.include(displayBooks(library), book.author);
-  assert.include(displayBooks(library), book.pages.toString());
+  assert.include(libraryBooks, book.title);
+  assert.include(libraryBooks, book.author);
+  assert.include(libraryBooks, book.pages.toString());
 });
-```
-
-Your `displayBooks` function should contain the total of `8` books available in the library.
-
-```js
-function getNumOfBooks(catalog) {
-  return catalog.map(book => `${book.title} by ${book.author}`);
-}
 
-assert.lengthOf(getNumOfBooks(library), 8);
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+const _differentBooks = displayBooks(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(_differentBooks, book.title);
+  assert.include(_differentBooks, book.author);
+  assert.include(_differentBooks, book.pages.toString());
+});
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
index f41268b973..29ead98bb3 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
@@ -9,7 +9,7 @@ dashedName: step-5
 
 To display the book summaries, you can use the `about` property of each book.
 
-Create a `getBookSummaries` function with a `catalog` parameter. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
+Create a `getBookSummaries` function with a single parameter, accepting an array with book objects. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
 
 # --hints--
 
@@ -19,10 +19,10 @@ You should create a `getBookSummaries` function.
 assert.isFunction(getBookSummaries)
 ```
 
-Your `getBookSummaries` function should have a `catalog` parameter.
+Your `getBookSummaries` function should have one parameter.
 
 ```js
-assert.match(getBookSummaries.toString(), /catalog/)
+assert.lengthOf(getBookSummaries, 1)
 ```
 
 Your `getBookSummaries` function should return an array.
@@ -37,17 +37,59 @@ Your `getBookSummaries` function should use a higher order function. Ex. (`filte
 assert.match(getBookSummaries.toString(), /filter|map|reduce|forEach/);
 ```
 
-Your `getBookSummaries` function should contain the total of `8` books available in the library.
+Your `getBookSummaries` function should return an array with the same length as the array passed to it.
 
 ```js
 assert.lengthOf(getBookSummaries(library), 8);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBookSummaries(_differentLibrary), 3);
 ```
 
-Your `getBookSummaries` function should have the `about` property of each book in the library.
+Your `getBookSummaries` function should return an array with the `about` property of each book from the array passed to it.
 
 ```js
+const summaries = getBookSummaries(library);
 library.forEach((book) => {
-  assert.include(getBookSummaries(library), book.about);
+  assert.include(summaries, book.about);
+});
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+];
+const differentSummaries = getBookSummaries(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(differentSummaries, book.about);
 });
 ```
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
index 21f88904bf..da8f4aa2b4 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
@@ -9,7 +9,7 @@ dashedName: step-6
 
 Another useful thing to do is to get the books by their author.
 
-Create a `getBooksByAuthor` function with a `catalog` and `author` parameters.
+Create a `getBooksByAuthor` function with two parameters - an array with book objects and a string with the author.
 
 The function must return an array that contains the books by a particular author.
 
@@ -21,10 +21,10 @@ You should create a `getBooksByAuthor` function.
 assert.isFunction(getBooksByAuthor)
 ```
 
-Your `getBooksByAuthor` function should have a `catalog` and `author` parameters.
+Your `getBooksByAuthor` function should have two parameters.
 
 ```js
-assert.match(getBooksByAuthor.toString(), /catalog,\s*author|author,\s*catalog/)
+assert.lengthOf(getBooksByAuthor, 2)
 ```
 
 Your `getBooksByAuthor` function should return an array.
@@ -57,6 +57,29 @@ assert.lengthOf(pbdBook, 1);
 assert.lengthOf(johnGordon, 1);
 assert.lengthOf(jamesClearBook, 1);
 assert.lengthOf(JDAndSDBook, 1);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author B',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author B'), 2);
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author A'), 1);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
index 3b201fdda8..4825c1b615 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
@@ -7,7 +7,7 @@ dashedName: step-7
 
 # --description--
 
-Finally, create a `getTotalPages` function with a `catalog` parameter. The function should return the total number of all the pages of the books in the `library` array.
+Finally, create a `getTotalPages` function with a single parameter, accepting an array with book objects. The function should return the total number of pages in the books from the array passed to the function.
 
 # --hints--
 
@@ -18,10 +18,10 @@ You should create a `getTotalPages` function.
 assert.isFunction(getTotalPages)
 ```
 
-Your `getTotalPages` function should have a `catalog` parameter.
+Your `getTotalPages` function should have one parameter.
 
 ```js
-assert.match(getTotalPages.toString(), /catalog/)
+assert.lengthOf(getTotalPages, 1)
 ```
 
 Your `getTotalPages` function should return a number.
@@ -30,10 +30,32 @@ Your `getTotalPages` function should return a number.
 assert.isNumber(getTotalPages(library))
 ```
 
-Your `getTotalPages` function should return the number `2512`.
+Your `getTotalPages` function should return the total number of pages in the books from the array passed to it.
 
 ```js
-assert.equal(getTotalPages(library), 2512);
+assert.strictEqual(getTotalPages(library), 2512);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+]
+assert.strictEqual(getTotalPages(_differentLibrary), 944);
 ```
 
 Your `getTotalPages` function should use a higher order function. Ex. (`filter`, `map`, `reduce`).
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md b/curriculum/challenges/korean/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
index 8bf67da5e2..bdaf2aa779 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
@@ -9,9 +9,9 @@ dashedName: step-3
 
 To check which loan a user is qualified for based on the `annualIncome` and `creditScore`, you have to use `if/else if` statement or a ternary right inside the `getLoanMessage` function. You'll then return the appropriate message in the block of each condition.
 
-Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than `minCreditScoreForDuplex`.
+Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than or equal to `minCreditScoreForDuplex`.
 
-If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a car, duplex and Condo loan."`
+If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a duplex, condo, and car loan."`
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
index d4471a3172..63a7d506ec 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
@@ -1,7 +1,7 @@
 ---
 id: 673339d96c56d36e963e888e
 title: Step 1
-challengeType: 0
+challengeType: 1
 dashedName: step-1
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
index 434eb4d4ac..421376dfb1 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5632fb854bc6c58dc0d
 title: Step 2
-challengeType: 0
+challengeType: 1
 dashedName: step-2
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
index e05e5e890d..202f4abcdc 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5e6f210c1bd1afdf8b3
 title: Step 3
-challengeType: 0
+challengeType: 1
 dashedName: step-3
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
index 6a4c5cdab3..9231de5784 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
@@ -1,7 +1,7 @@
 ---
 id: 67349ba230cff237c0f2bdf2
 title: Step 4
-challengeType: 0
+challengeType: 1
 dashedName: step-4
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
index c95db6fd0a..b791a99086 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
@@ -1,7 +1,7 @@
 ---
 id: 67349d6e726b2c3c7f7301e8
 title: Step 5
-challengeType: 0
+challengeType: 1
 dashedName: step-5
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
index 8374f8dbda..b5bef1024f 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a13a29acdf47f2b8e161
 title: Step 6
-challengeType: 0
+challengeType: 1
 dashedName: step-6
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
index 9ae42c3995..70c34de803 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a2385c52c54d916a8b86
 title: Step 7
-challengeType: 0
+challengeType: 1
 dashedName: step-7
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
index 31b5014cb3..ec4acf3588 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
@@ -1,13 +1,13 @@
 ---
 id: 6734a606e5968a5a19b77171
 title: Step 8
-challengeType: 0
+challengeType: 1
 dashedName: step-8
 ---
 
 # --description--
 
-Keep adding the remaing plants to your catalog as you did in the previous steps.
+Keep adding the remaining plants to your catalog as you did in the previous steps.
 
 # --hints--
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
index 3ca78bd85c..590a19f03e 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a772196245601e4b80e0
 title: Step 10
-challengeType: 0
+challengeType: 1
 dashedName: step-10
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
index a28eea531d..951b5ed0a9 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
@@ -1,7 +1,7 @@
 ---
 id: 6734ab61e916486c80c490d1
 title: Step 11
-challengeType: 0
+challengeType: 1
 dashedName: step-11
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
index a8e29611ed..3ae74029f7 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
@@ -1,7 +1,7 @@
 ---
 id: 6734b36f1a3ce17e73327f24
 title: Step 9
-challengeType: 0
+challengeType: 1
 dashedName: step-9
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
index 04ab006c27..72caca69d1 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734bbc0bd741598f942352e
 title: Step 12
-challengeType: 0
+challengeType: 1
 dashedName: step-12
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
index 60de74541c..fa9878a4c0 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
@@ -1,7 +1,7 @@
 ---
 id: 6734c10a327760a665b7d5b9
 title: Step 13
-challengeType: 0
+challengeType: 1
 dashedName: step-13
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
index bab1d29709..847b8ad457 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
@@ -1,7 +1,7 @@
 ---
 id: 6734eee1f9498cd90f9ae340
 title: Step 14
-challengeType: 0
+challengeType: 1
 dashedName: step-14
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
index 9c43b5c453..c321dc91c5 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f0ae9d1cf4dfd43a7805
 title: Step 15
-challengeType: 0
+challengeType: 1
 dashedName: step-15
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
index 02b3040660..8c8ebf9735 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f6290ebd5cfbc75996af
 title: Step 16
-challengeType: 0
+challengeType: 1
 dashedName: step-16
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
index 73474702eb..36fe62960b 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734fa225c6667121e589f7e
 title: Step 17
-challengeType: 0
+challengeType: 1
 dashedName: step-17
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
index ef11dfe9c6..1c8ca35ee1 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
@@ -1,7 +1,7 @@
 ---
 id: 67350acfd2006f2777295b96
 title: Step 19
-challengeType: 0
+challengeType: 1
 dashedName: step-19
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
index e0ae1e9d5b..a80c1888f4 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
@@ -1,7 +1,7 @@
 ---
 id: 67351225403acd3d6f70ed6d
 title: Step 20
-challengeType: 0
+challengeType: 1
 dashedName: step-20
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
index 3afd6675cd..ec01519893 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
@@ -1,7 +1,7 @@
 ---
 id: 6735145b0ee741461bdbaa49
 title: Step 21
-challengeType: 0
+challengeType: 1
 dashedName: step-21
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
index ac6b1bad8c..06fb99e146 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
@@ -1,7 +1,7 @@
 ---
 id: 673521668be7905059b2d555
 title: Step 22
-challengeType: 0
+challengeType: 1
 dashedName: step-22
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
index 1b6c653301..b36412fab1 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
@@ -1,7 +1,7 @@
 ---
 id: 673529d08c0d9c5a4193a465
 title: Step 23
-challengeType: 0
+challengeType: 1
 dashedName: step-23
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
index 55cac8955c..8af02f8bdc 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
@@ -1,7 +1,7 @@
 ---
 id: 673762590f4bc1771c3a1e97
 title: Step 18
-challengeType: 0
+challengeType: 1
 dashedName: step-18
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
index 4e4aa92217..59dd010829 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
@@ -1,7 +1,7 @@
 ---
 id: 673788448f390305b34aa814
 title: Step 24
-challengeType: 0
+challengeType: 1
 dashedName: step-24
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
index 1a0f5add4d..98a969fec1 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a1a073a0d14c6544d301
 title: Step 25
-challengeType: 0
+challengeType: 1
 dashedName: step-25
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
index 555ac8c0bb..872d85d4cd 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a5058ff3015829ce3265
 title: Step 26
-challengeType: 0
+challengeType: 1
 dashedName: step-26
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
index acf2553d9d..87f60c941a 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a95d5b431860f96ca7bb
 title: Step 27
-challengeType: 0
+challengeType: 1
 dashedName: step-27
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
index 5535ddc2b4..86d4e1cf56 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
@@ -1,7 +1,7 @@
 ---
 id: 6737ac8e4fe7ae6b91c806bd
 title: Step 28
-challengeType: 0
+challengeType: 1
 dashedName: step-28
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
index f870b317ad..56f100039e 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
@@ -1,7 +1,7 @@
 ---
 id: 6737c6d5d66b5cc3dac09c7b
 title: Step 29
-challengeType: 0
+challengeType: 1
 dashedName: step-29
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
index 5667eed1f6..22eb31e16d 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a5c704680355e29e077c
 title: Step 30
-challengeType: 0
+challengeType: 1
 dashedName: step-30
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
index e197b25a68..6a4d9b1d21 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a8035efec45acd8fdbf9
 title: Step 31
-challengeType: 0
+challengeType: 1
 dashedName: step-31
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
index 5d86143a24..d98957698a 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
@@ -1,7 +1,7 @@
 ---
 id: 6738ad2fd11775752d23ddc2
 title: Step 32
-challengeType: 0
+challengeType: 1
 dashedName: step-32
 ---
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
index aea603952c..4d432e095c 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
@@ -7,58 +7,56 @@ dashedName: step-14
 
 # --description--
 
-You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign each to a variable name that matches the ID.
-
-Remember to use camelCase!
+You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign them to the variables `ingredientName`, `ingredientQuantity`, `unitToConvert`, `numberOfServings`, `recipeForm`, and `resultList`, respectively.
 
 # --hints--
 
-You should define an `ingredient` variable.
+You should define an `ingredientName` variable.
 
 ```js
-assert.isDefined(ingredient);
+assert.isDefined(ingredientName);
 ```
 
-Your `ingredient` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
+Your `ingredientName` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
 
 ```js
-assert.strictEqual(ingredient, document.getElementById("ingredient"));
+assert.strictEqual(ingredientName, document.getElementById('ingredient'));
 ```
 
-You should define a `quantity` variable.
+You should define a `ingredientQuantity` variable.
 
 ```js
-assert.isDefined(quantity);
+assert.isDefined(ingredientQuantity);
 ```
 
-Your `quantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
+Your `ingredientQuantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
 
 ```js
-assert.strictEqual(quantity, document.getElementById("quantity"));
+assert.strictEqual(ingredientQuantity, document.getElementById('quantity'));
 ```
 
-You should define a `unit` variable.
+You should define a `unitToConvert` variable.
 
 ```js
-assert.isDefined(unit);
+assert.isDefined(unitToConvert);
 ```
 
-Your `unit` variable should be the element returned from `.getElementById()` with the `unit` ID.
+Your `unitToConvert` variable should be the element returned from `.getElementById()` with the `unit` ID.
 
 ```js
-assert.strictEqual(unit, document.getElementById("unit"));
+assert.strictEqual(unitToConvert, document.getElementById('unit'));
 ```
 
-You should define a `servings` variable.
+You should define a `numberOfServings` variable.
 
 ```js
-assert.isDefined(servings);
+assert.isDefined(numberOfServings);
 ```
 
-Your `servings` variable should be the element returned from `.getElementById()` with the `servings` ID.
+Your `numberOfServings` variable should be the element returned from `.getElementById()` with the `servings` ID.
 
 ```js
-assert.strictEqual(servings, document.getElementById("servings"));
+assert.strictEqual(numberOfServings, document.getElementById('servings'));
 ```
 
 You should define a `recipeForm` variable.
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
index 1e10d076ad..58b5cc772d 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
@@ -218,10 +218,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
index 3f30a8427b..4094f64a66 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
@@ -191,10 +191,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
index 80e0fd7f68..9f06d4a43e 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
@@ -7,7 +7,7 @@ dashedName: step-17
 
 # --description--
 
-Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unit.value`).
+Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unitToConvert.value`).
 
 If so, you will need to convert the existing unit to your current unit, and append a list item to `resultList` with the following format:
 
@@ -20,10 +20,10 @@ For example, a conversion result of five grams for flour should look like `Flour
 Your `updateResultsList` function should properly update the DOM.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 updateResultsList();
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
 assert.include(resultList.innerHTML, "<li>Flour: 0.88 ounce</li>");
@@ -193,10 +193,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
index be34a7dd13..233026de48 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
@@ -18,10 +18,10 @@ Once that's done, take some time to experiment with different values in the form
 Your `recipeForm` should call `updateResultsList` when submitted.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 const submit = new Event("submit");
 recipeForm.dispatchEvent(submit);
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
@@ -192,10 +192,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -205,15 +205,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
@@ -384,10 +384,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -397,15 +397,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md b/curriculum/challenges/korean/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
index ce6a79b338..5735991095 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-rps-game/66cf33305293e1b35c1aef7f.md
@@ -7,7 +7,7 @@ dashedName: step-6
 
 # --description--
 
-Now it’s time to get the results of the round. Complete the `getRoundResults` function.
+Now it's time to get the results of the round. Complete the `getRoundResults` function.
 
 If the player wins the round, update the `playerScore` by `1` and return the message `"Player wins! [player's choice] beats [computer's choice]"`.
 
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
index f80d29381b..ea1e68d039 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
@@ -19,7 +19,7 @@ You should create a `getVowelCount` function.
 assert.isFunction(getVowelCount);
 ```
 
-You `getVowelCount` function should have a `sentence` parameter.
+Your `getVowelCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getVowelCount.toString(), /sentence/);
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
index a7cd45c177..2657e7d8d6 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
@@ -21,7 +21,7 @@ You should create a `getConsonantCount` function.
 assert.isFunction(getConsonantCount);
 ```
 
-You `getConsonantCount` function should have a `sentence` parameter.
+Your `getConsonantCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getConsonantCount.toString(), /sentence/);
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
index 88a123104c..3b3ea47875 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
@@ -23,7 +23,7 @@ You should create a `getPunctuationCount` function.
 assert.isFunction(getPunctuationCount);
 ```
 
-You `getPunctuationCount` function should have a `sentence` parameter.
+Your `getPunctuationCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getPunctuationCount.toString(), /sentence/);
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
index de926b32ac..978d8e4a3a 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
@@ -17,7 +17,7 @@ You should create a `getWordCount` function.
 assert.isFunction(getWordCount);
 ```
 
-You `getWordCount` function should have a `sentence` parameter.
+Your `getWordCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getWordCount.toString(), /sentence/);
@@ -48,13 +48,19 @@ assert.strictEqual(getWordCount("freeCodeCamp offers free coding tutorials onlin
 assert.strictEqual(getWordCount("You can learn HTML, CSS, JavaScript, and more on freeCodeCamp"), 10);
 ```
 
-Your `getWordCount` function should return the correct punctuation count for any sentence.
+Your `getWordCount` function should return the correct word count for any sentence.
 
 ```js
 assert.strictEqual(getWordCount("freeCodeCamp has a great community of kind people"), 8);
 assert.strictEqual(getWordCount("The freeCodeCamp curriculum is constantly updated"), 6);
 assert.strictEqual(getWordCount("freeCodeCamp teaches both frontend and backend development"), 7);
+```
+
+Your `getWordCount` function should return the correct word count for an empty string, or a string only with spaces.
+
+```js
 assert.strictEqual(getWordCount(""), 0);
+assert.strictEqual(getWordCount("   "), 0);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md b/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
index 6d1b50817b..2356b3a130 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
@@ -29,6 +29,7 @@ You should update the first item in the `shoppingList` array to be `"Canola Oil"
 
 ```js
 assert.equal(shoppingList[0], "Canola Oil");
+assert.notEqual(shoppingList[1], "Vegetable Oil");
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md b/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
index 042885b3f0..6ba7f7fffa 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
@@ -13,10 +13,10 @@ And with this last step your grocery list is complete!
 
 # --hints--
 
-You should log the `shoppingList` array to the console.
+You should call the `getShoppingListMsg` function inside of the `console.log`.
 
 ```js
-assert.match(code, /console\.log\(\s*shoppingList\s*\)/);
+assert.lengthOf(code.match(/console\.log\(\s*getShoppingListMsg\(\)\s*\)/g), 7);
 ```
 
 # --seed--
@@ -112,5 +112,5 @@ console.log("On second thought, maybe we should be more health conscious.");
 shoppingList.shift();
 shoppingList[0] = "Canola Oil";
 
-console.log(shoppingList);
+console.log(getShoppingListMsg());
 ```
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md b/curriculum/challenges/korean/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
index be85118bbc..21843201a9 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
@@ -13,7 +13,7 @@ With this, you have successfully completed the workshop.
 
 # --hints--
 
-When you cick the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
+When you click the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
 
 ```js
 scaryStoryBtn.click();
@@ -36,7 +36,7 @@ assert.equal(hexColor.toLowerCase(), "#ee4b2b");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedStory);
 ```
 
-When you cick the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
+When you click the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
 
 ```js
 funnyStoryBtn.click();
@@ -59,7 +59,7 @@ assert.equal(hexColor.toLowerCase(), "#f1be32");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedFunnyStory);
 ```
 
-When you cick the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
+When you click the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
 
 ```js
 adventureStoryBtn.click();
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index f17cd3df37..440d632b22 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
index 24502aad09..154d38bdc9 100644
--- a/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/korean/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--
 
diff --git a/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml b/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
index 2b2ce86ac8..da101371bf 100644
--- a/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
+++ b/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-certification/javascript-algorithms-and-data-structures-certification.yml
@@ -1,5 +1,5 @@
 id: 561abd10cb81ac38a17513bc
-title: JavaScript Algorithms and Data Structures Certification
+title: Legacy JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml b/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
index 90d4241ee7..86a4556b01 100644
--- a/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
+++ b/curriculum/challenges/swahili/00-certifications/javascript-algorithms-and-data-structures-v8/javascript-algorithms-and-data-structures-certification-v8.yml
@@ -1,5 +1,5 @@
 id: 658180220947283cdc0689ce
-title: JavaScript Algorithms and Data Structures (Beta) Certification
+title: JavaScript Algorithms and Data Structures Certification
 certification: javascript-algorithms-and-data-structures-v8
 challengeType: 7
 isPrivate: true
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/basic-css/add-borders-around-your-elements.md b/curriculum/challenges/swahili/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
index 4d395b07e0..51d36422da 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/basic-css/add-borders-around-your-elements.md
@@ -50,10 +50,14 @@ assert.isTrue(document.querySelector('img').classList.contains('thick-green-bord
 Your image should have a border width of `10px`.
 
 ```js
+// Note: to any future maintainers, the read width of the border is dependent on 
+// the zoom. For example we cannot match 10px exactly because if a campers set the zoom to 110% 
+// it will be read as 9~px. 
 const image = document.querySelector('img'); 
 const imageBorderTopWidth = window.getComputedStyle(image)["border-top-width"]; 
-
-assert.strictEqual(imageBorderTopWidth, "10px")
+const widthNumber = parseInt(imageBorderTopWidth);
+assert.isAtLeast(widthNumber, 8);
+assert.isAtMost(widthNumber, 12);
 ```
 
 Your image should have a border style of `solid`.
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
index d6f11a5441..a520fd7190 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-columns-with-grid-template-columns.md
@@ -29,7 +29,10 @@ Give the grid container three columns that are each `100px` wide.
 `container` class should have a `grid-template-columns` property with three units of `100px`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColumns === '100px 100px 100px');
+const templateColumns = new __helpers.CSSHelp(document).getStyle(
+  '.container'
+)?.gridTemplateColumns;
+assert.strictEqual(templateColumns, '100px 100px 100px');
 ```
 
 # --seed--
@@ -38,11 +41,21 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -68,5 +81,9 @@ assert(new __helpers.CSSHelp(document).getStyle('.container')?.gridTemplateColum
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 100px 100px 100px;}</style>
+<style>
+  .container {
+    grid-template-columns: 100px 100px 100px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
index aac1bbe849..1c6a565462 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-gaps-faster-with-grid-gap.md
@@ -20,10 +20,9 @@ Use `grid-gap` to introduce a `10px` gap between the rows and `20px` gap between
 `container` class should have a `grid-gap` property that introduces a `10px` gap between the rows and a `20px` gap between the columns.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-gap\s*?:\s*?10px\s+?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +74,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-gap: 10px 20px;}</style>
+<style>
+  .container {
+    grid-gap: 10px 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
index 7663454d06..e42a21c0b0 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/add-rows-with-grid-template-rows.md
@@ -20,10 +20,9 @@ Add two rows to the grid that are `50px` tall each.
 `container` class should have a `grid-template-rows` property with two units of `50px`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-rows\s*?:\s*?50px\s*?50px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +73,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-rows: 50px 50px;}</style>
+<style>
+  .container {
+    grid-template-rows: 50px 50px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
index c3f786f525..14fe71ed90 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-horizontally-using-justify-items.md
@@ -20,10 +20,9 @@ Use this property to center all our items horizontally.
 `container` class should have a `justify-items` property that has the value of `center`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*justify-items\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -33,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {justify-items: center;}</style>
+<style>
+  .container {
+    justify-items: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
index ef7d1e0e55..cd03e01eb1 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-all-items-vertically-using-align-items.md
@@ -20,8 +20,9 @@ Use it now to move all the items to the end of each cell.
 `container` class should have a `align-items` property that has the value of `end`.
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*align-items\s*?:\s*?end\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -65,5 +76,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {align-items: end;}</style>
+<style>
+  .container {
+    align-items: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
index 1d6ad1a7c3..d773c09834 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-horizontally-using-justify-self.md
@@ -26,8 +26,9 @@ Use the `justify-self` property to center the item with the class `item2`.
 `item2` class should have a `justify-self` property that has the value of `center`.
 
 ```js
-assert(
-  code.match(/.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.item2\s*?{[\s\S]*justify-self\s*?:\s*?center\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -37,7 +38,9 @@ assert(
 
 ```html
 <style>
-  .item1{background: LightSkyBlue;}
+  .item1 {
+    background: LightSkyBlue;
+  }
 
   .item2 {
     background: LightSalmon;
@@ -47,9 +50,15 @@ assert(
     /* Only change code above this line */
   }
 
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -75,5 +84,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item2 {justify-self: center;}</style>
+<style>
+  .item2 {
+    justify-self: center;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
index ecb23b9412..e2118eb9d1 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/align-an-item-vertically-using-align-self.md
@@ -20,7 +20,7 @@ Align the item with the class `item3` vertically at the `end`.
 `item3` class should have a `align-self` property that has the value of `end`.
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -29,8 +29,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
 
   .item3 {
     background: PaleTurquoise;
@@ -40,8 +44,12 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
     /* Only change code above this line */
   }
 
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -67,5 +75,9 @@ assert(code.match(/.item3\s*?{[\s\S]*align-self\s*?:\s*?end\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {align-self: end;}</style>
+<style>
+  .item3 {
+    align-self: end;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
index e8edd98a4d..37c836f33b 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-column-gap-using-grid-column-gap.md
@@ -26,10 +26,9 @@ Give the columns in the grid a `20px` gap.
 `container` class should have a `grid-column-gap` property that has the value of `20px`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-column-gap\s*?:\s*?20px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -72,5 +81,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-column-gap: 20px;}</style>
+<style>
+  .container {
+    grid-column-gap: 20px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
index df5f8879dc..7e65c46e8f 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-a-row-gap-using-grid-row-gap.md
@@ -20,8 +20,9 @@ Create a gap for the rows that is `5px` tall.
 `container` class should have a `grid-row-gap` property that has the value of `5px`.
 
 ```js
-assert(
-  code.match(/.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi)
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-row-gap\s*?:\s*?5px\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -31,11 +32,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -64,5 +75,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-row-gap: 5px;}</style>
+<style>
+  .container {
+    grid-row-gap: 5px;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
index 10e44e9f6b..9a55800b11 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fill.md
@@ -26,10 +26,9 @@ In the first grid, use `auto-fill` with `repeat` to fill the grid with columns t
 `container` class should have a `grid-template-columns` property with `repeat` and `auto-fill` that will fill the grid with columns that have a minimum width of `60px` and maximum of `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fill\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -91,11 +100,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
index 89449f45de..ee551ab2d5 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-flexible-layouts-using-auto-fit.md
@@ -22,10 +22,9 @@ In the second grid, use `auto-fit` with `repeat` to fill the grid with columns t
 `container2` class should have a `grid-template-columns` property with `repeat` and `auto-fit` that will fill the grid with columns that have a minimum width of `60px` and a maximum of `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container2\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?auto-fit\s*?,\s*?minmax\s*?\(\s*?60px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -35,11 +34,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -87,5 +96,12 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat( auto-fill, minmax(60px, 1fr));} .container2 {grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+  }
+  .container2 {
+    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-grids-within-grids.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-grids-within-grids.md
index a980e76eae..ca919727b1 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-grids-within-grids.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-grids-within-grids.md
@@ -21,17 +21,16 @@ Turn the element with the `item3` class into a grid with two columns with a widt
 `item3` class should have a `grid-template-columns` property with `auto` and `1fr` as values.
 
 ```js
-assert(
-  code.match(
-    /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item3\s*?{[\s\S]*grid-template-columns\s*?:\s*?auto\s*?1fr\s*?;[\s\S]*}/gi
 );
 ```
 
 `item3` class should have a `display` property with the value of `grid`.
 
 ```js
-assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -50,9 +49,9 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
     grid-template-rows: auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "advert header"
-      "advert content"
-      "advert footer";
+      'advert header'
+      'advert content'
+      'advert footer';
   }
   .item1 {
     background: LightSkyBlue;
@@ -85,7 +84,6 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
   .itemTwo {
     background: BlanchedAlmond;
   }
-
 </style>
 
 <div class="container">
@@ -102,5 +100,10 @@ assert(code.match(/.item3\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.item3 {grid-template-columns: auto 1fr; display: grid;}</style>
+<style>
+  .item3 {
+    grid-template-columns: auto 1fr;
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-your-first-css-grid.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-your-first-css-grid.md
index 0e93997a6a..ee42d2b675 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-your-first-css-grid.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/create-your-first-css-grid.md
@@ -22,7 +22,7 @@ Change the display of the div with the `container` class to `grid`.
 `container` class should have a `display` property with a value of `grid`.
 
 ```js
-assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
+assert.match(code, /.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi);
 ```
 
 # --seed--
@@ -31,11 +31,21 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,5 +70,9 @@ assert(code.match(/.container\s*?{[\s\S]*display\s*?:\s*?grid\s*?;[\s\S]*}/gi));
 # --solutions--
 
 ```html
-<style>.container {display: grid;}</style>
+<style>
+  .container {
+    display: grid;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
index 96261cee52..6269a4f196 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/divide-the-grid-into-an-area-template.md
@@ -12,9 +12,9 @@ You can group cells of your grid together into an <dfn>area</dfn> and give the a
 
 ```css
 grid-template-areas:
-  "header header header"
-  "advert content content"
-  "advert footer footer";
+  'header header header'
+  'advert content content'
+  'advert footer footer';
 ```
 
 The code above groups the cells of the grid into four areas: `header`, `advert`, `content`, and `footer`. Every word represents a cell and every pair of quotation marks represent a row.
@@ -28,12 +28,9 @@ Change the template so the `footer` area spans the entire bottom row. Defining t
 `container` class should have a `grid-template-areas` property similar to the example but with the `footer` area spanning the whole bottom row.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -43,11 +40,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -60,9 +67,9 @@ assert(
     grid-gap: 10px;
     grid-template-areas:
     /* Only change code below this line */
-      "header header header"
-      "advert content content"
-      "advert footer footer";
+      'header header header'
+      'advert content content'
+      'advert footer footer';
     /* Only change code above this line */
   }
 </style>
@@ -80,11 +87,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -97,9 +114,9 @@ assert(
     grid-gap: 10px;
 
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
index 12edd170d7..d755d1f4db 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/limit-item-size-using-the-minmax-function.md
@@ -26,10 +26,9 @@ Using the `minmax` function, replace the `1fr` in the `repeat` function with a c
 `container` class should have a `grid-template-columns` property that is set to repeat 3 columns with the minimum width of `90px` and maximum width of `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?minmax\s*?\(\s*?90px\s*?,\s*?1fr\s*?\)\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -39,11 +38,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -73,5 +82,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, minmax(90px, 1fr));}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, minmax(90px, 1fr));
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
index 049dcbb9d6..9d04bb42c3 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/place-items-in-grid-areas-using-the-grid-area-property.md
@@ -28,10 +28,9 @@ Place an element with the `item5` class in the `footer` area using the `grid-are
 `item5` class should have a `grid-area` property that has the value of `footer`.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi)
+assert.match(
+  __helpers.removeCssComments(code),
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?footer\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -41,10 +40,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -64,9 +71,9 @@ assert(
     grid-template-rows: 1fr 1fr 1fr;
     grid-gap: 10px;
     grid-template-areas:
-      "header header header"
-      "advert content content"
-      "footer footer footer";
+      'header header header'
+      'advert content content'
+      'footer footer footer';
   }
 </style>
 
@@ -82,5 +89,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: footer;}</style>
+<style>
+  .item5 {
+    grid-area: footer;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
index 866df68471..11268bc81f 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/reduce-repetition-using-the-repeat-function.md
@@ -42,10 +42,9 @@ Use `repeat` to remove repetition from the `grid-template-columns` property.
 `container` class should have a `grid-template-columns` property that is set to repeat 3 columns with the width of `1fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?repeat\s*?\(\s*?3\s*?,\s*?1fr\s*?\)\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -55,11 +54,21 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
-  .item5{background:PaleGreen;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
+  .item5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -89,5 +98,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: repeat(3, 1fr);}</style>
+<style>
+  .container {
+    grid-template-columns: repeat(3, 1fr);
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
index 909ff110a2..158843b669 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-css-grid-units-to-change-the-size-of-columns-and-rows.md
@@ -34,10 +34,9 @@ Make a grid with three columns whose widths are as follows: 1fr, 100px, and 2fr.
 Your `container` class should have a `grid-template-columns` property that has three columns with the following widths: `1fr`, `100px`, and `2fr`.
 
 ```js
-assert(
-  code.match(
-    /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.container\s*?{[\s\S]*grid-template-columns\s*?:\s*?1fr\s*?100px\s*?2fr\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -47,11 +46,21 @@ assert(
 
 ```html
 <style>
-  .d1{background:LightSkyBlue;}
-  .d2{background:LightSalmon;}
-  .d3{background:PaleTurquoise;}
-  .d4{background:LightPink;}
-  .d5{background:PaleGreen;}
+  .d1 {
+    background: LightSkyBlue;
+  }
+  .d2 {
+    background: LightSalmon;
+  }
+  .d3 {
+    background: PaleTurquoise;
+  }
+  .d4 {
+    background: LightPink;
+  }
+  .d5 {
+    background: PaleGreen;
+  }
 
   .container {
     font-size: 40px;
@@ -79,5 +88,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.container {grid-template-columns: 1fr 100px 2fr;}</style>
+<style>
+  .container {
+    grid-template-columns: 1fr 100px 2fr;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
index 08aab8eb71..d57a4e1687 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template.md
@@ -12,13 +12,16 @@ dashedName: use-grid-area-without-creating-an-areas-template
 The `grid-area` property you learned in the last challenge can be used in another way. If your grid doesn't have an areas template to reference, you can create an area on the fly for an item to be placed like this:
 
 ```css
-item1 { grid-area: 1/1/2/4; }
+item1 {
+  grid-area: 1/1/2/4;
+}
 ```
 
 This is using the line numbers you learned about earlier to define where the area for this item will be. The numbers in the example above represent these values:
 
 ```css
-grid-area: horizontal line to start at / vertical line to start at / horizontal line to end at / vertical line to end at;
+grid-area: horizontal line to start at / vertical line to start at / horizontal
+  line to end at / vertical line to end at;
 ```
 
 So the item in the example will consume the rows between lines 1 and 2, and the columns between lines 1 and 4.
@@ -32,10 +35,9 @@ Using the `grid-area` property, place the element with `item5` class between the
 The `item5` class should have a `grid-area` property to make it fill the whole area between the third and fourth horizontal lines, and first and fourth vertical lines.
 
 ```js
-assert(
-  code.match(
-    /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
-  )
+assert.match(
+  code,
+  /.item5\s*?{[\s\S]*grid-area\s*?:\s*?3\s*?\/\s*?1\s*?\/\s*?4\s*?\/\s*?4\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -45,10 +47,18 @@ assert(
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -82,5 +92,9 @@ assert(
 # --solutions--
 
 ```html
-<style>.item5 {grid-area: 3/1/4/4;}</style>
+<style>
+  .item5 {
+    grid-area: 3/1/4/4;
+  }
+</style>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
index 42a72dcd35..69e7fa5bb6 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-column-to-control-spacing.md
@@ -36,18 +36,19 @@ Make the item with the class `item5` consume the last two columns of the grid.
 `item5` class should have a `grid-column` property.
 
 ```js
-assert(
-  __helpers
-    .removeWhiteSpace($('style').text())
-    .match(/\.item5{.*grid-column:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-column:.*}/g
 );
 ```
 
 `item5` class should have a `grid-column` property which results in it consuming the last two columns of the grid.
 
 ```js
-const colStart = getComputedStyle($('.item5')[0]).gridColumnStart;
-const colEnd = getComputedStyle($('.item5')[0]).gridColumnEnd;
+const itemFive = document.querySelector('.item5');
+const colStart = getComputedStyle(itemFive).gridColumnStart;
+const colEnd = getComputedStyle(itemFive).gridColumnEnd;
 const result = colStart.toString() + colEnd.toString();
 const correctResults = [
   '24',
@@ -60,7 +61,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -69,10 +70,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -107,10 +116,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
index 93a364f7da..0765ba7d81 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-grid-row-to-control-spacing.md
@@ -20,16 +20,19 @@ Make the element with the `item5` class consume the last two rows.
 `item5` class should have a `grid-row` property.
 
 ```js
-assert(
-  __helpers.removeWhiteSpace($('style').text()).match(/\.item5{.*grid-row:.*}/g)
+const styleElement = document.querySelector('style:not(.fcc-hide-header)');
+assert.match(
+  __helpers.removeWhiteSpace(styleElement.textContent),
+  /\.item5{.*grid-row:.*}/g
 );
 ```
 
 `item5` class should have a `grid-row` property which results in it consuming the last two rows of the grid.
 
 ```js
-const rowStart = getComputedStyle($('.item5')[0]).gridRowStart;
-const rowEnd = getComputedStyle($('.item5')[0]).gridRowEnd;
+const itemFive = document.querySelector('.item5');
+const rowStart = getComputedStyle(itemFive).gridRowStart;
+const rowEnd = getComputedStyle(itemFive).gridRowEnd;
 const result = rowStart.toString() + rowEnd.toString();
 const correctResults = [
   '24',
@@ -42,7 +45,7 @@ const correctResults = [
   'span 2auto',
   'autospan 2'
 ];
-assert(correctResults.includes(result));
+assert.include(correctResults, result);
 ```
 
 # --seed--
@@ -51,10 +54,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
@@ -89,10 +100,18 @@ assert(correctResults.includes(result));
 
 ```html
 <style>
-  .item1{background:LightSkyBlue;}
-  .item2{background:LightSalmon;}
-  .item3{background:PaleTurquoise;}
-  .item4{background:LightPink;}
+  .item1 {
+    background: LightSkyBlue;
+  }
+  .item2 {
+    background: LightSalmon;
+  }
+  .item3 {
+    background: PaleTurquoise;
+  }
+  .item4 {
+    background: LightPink;
+  }
 
   .item5 {
     background: PaleGreen;
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
index a973031154..bcf82806b3 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/css-grid/use-media-queries-to-create-responsive-layouts.md
@@ -22,12 +22,9 @@ When the viewport width is `400px` or more, make the header area occupy the top
 When the viewport is `400px` or more, `container` class should have a `grid-template-areas` property in which the header and footer areas occupy the top and bottom rows respectively and advert and content occupy the left and right columns of the middle row.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(
-      /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?"\s*?header\s*?header\s*?"\s*?"\s*?advert\s*?content\s*?"\s*?"\s*?footer\s*?footer\s*?"\s*?;[\s\S]*}/gi
-    )
+assert.match(
+  __helpers.removeCssComments(code),
+  /@media\s*?\(\s*?min-width\s*?:\s*?400px\s*?\)[\s\S]*.container\s*?{[\s\S]*grid-template-areas\s*?:\s*?["|']\s*?header\s*?header\s*?["|']\s*?["|']\s*?advert\s*?content\s*?["|']\s*?["|']\s*?footer\s*?footer\s*?["|']\s*?;[\s\S]*}/gi
 );
 ```
 
@@ -67,30 +64,30 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
       /* Only change code below this line */
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
       /* Only change code above this line */
     }
   }
@@ -138,29 +135,29 @@ assert(
     grid-template-rows: 50px auto 1fr auto;
     grid-gap: 10px;
     grid-template-areas:
-      "header"
-      "advert"
-      "content"
-      "footer";
+      'header'
+      'advert'
+      'content'
+      'footer';
   }
 
-  @media (min-width: 300px){
-    .container{
+  @media (min-width: 300px) {
+    .container {
       grid-template-columns: auto 1fr;
       grid-template-rows: auto 1fr auto;
       grid-template-areas:
-        "advert header"
-        "advert content"
-        "advert footer";
+        'advert header'
+        'advert content'
+        'advert footer';
     }
   }
 
-  @media (min-width: 400px){
-    .container{
+  @media (min-width: 400px) {
+    .container {
       grid-template-areas:
-        "header header"
-        "advert content"
-        "footer footer";
+        'header header'
+        'advert content'
+        'footer footer';
     }
   }
 </style>
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
index f126c72dc9..b5128a7fcb 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/create-a-media-query.md
@@ -16,13 +16,17 @@ Media Queries consist of a media type, and if that media type matches the type o
 Here's an example of a media query that returns the content when the device's width is less than or equal to `100px`:
 
 ```css
-@media (max-width: 100px) { /* CSS Rules */ }
+@media (max-width: 100px) {
+  /* CSS Rules */
+}
 ```
 
 and the following media query returns the content when the device's height is more than or equal to `350px`:
 
 ```css
-@media (min-height: 350px) { /* CSS Rules */ }
+@media (min-height: 350px) {
+  /* CSS Rules */
+}
 ```
 
 Remember, the CSS inside the media query is applied only if the media type matches that of the device being used.
@@ -37,21 +41,30 @@ You should declare a `@media` query for devices with a `height` less than or equ
 
 ```js
 const media = new __helpers.CSSHelp(document).getCSSRules('media');
-assert(media.some(x => x.media?.mediaText?.includes('(max-height: 800px)')));
+assert.isTrue(
+  media.some(x => x.media?.mediaText?.includes('(max-height: 800px)'))
+);
 ```
 
 Your `p` element should have a `font-size` of `10px` when the device `height` is less than or equal to `800px`.
 
 ```js
-const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-height: 800px)');
-assert(rules?.find(x => x.selectorText === 'p')?.style?.fontSize === "10px");
+const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia(
+  '(max-height: 800px)'
+);
+assert.strictEqual(
+  rules?.find(x => x.selectorText === 'p')?.style?.fontSize,
+  '10px'
+);
 ```
 
 Your `p` element should have an initial `font-size` of `20px` when the device `height` is more than `800px`.
 
 ```js
-const ifPFirst = new __helpers.CSSHelp(document).getCSSRules()?.find(x => x?.selectorText === 'p' || x?.media);
-assert(ifPFirst?.style?.fontSize === '20px');
+const ifPFirst = new __helpers.CSSHelp(document)
+  .getCSSRules()
+  ?.find(x => x?.selectorText === 'p' || x?.media);
+assert.strictEqual(ifPFirst?.style?.fontSize, '20px');
 ```
 
 # --seed--
@@ -69,7 +82,14 @@ assert(ifPFirst?.style?.fontSize === '20px');
   /* Only change code above this line */
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -87,5 +107,12 @@ assert(ifPFirst?.style?.fontSize === '20px');
   }
 </style>
 
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
index 9c8b6a3ff0..bdc4a8b579 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-an-image-responsive.md
@@ -28,13 +28,13 @@ Add the style rules to the `responsive-img` class to make it responsive. It shou
 Your `responsive-img` class should have a `max-width` set to `100%`.
 
 ```js
-assert(getComputedStyle($('.responsive-img')[0]).maxWidth === '100%');
+assert.strictEqual(getComputedStyle(document.querySelector('.responsive-img')).maxWidth, '100%');
 ```
 
 Your `responsive-img` class should have a `height` set to `auto`.
 
 ```js
-assert(code.match(/height:\s*?auto;/g));
+assert.match(code, /height:\s*?auto;/g);
 ```
 
 # --seed--
@@ -53,24 +53,38 @@ img {
 }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-.responsive-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  width: 600px;
-}
+  .responsive-img {
+    max-width: 100%;
+    height: auto;
+  }
+
+  img {
+    width: 600px;
+  }
 </style>
 
-<img class="responsive-img" src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
+<img
+  class="responsive-img"
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickerPack.jpg"
+  alt="freeCodeCamp stickers set"
+/>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
index bf80e0c75e..08f85a684e 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/make-typography-responsive.md
@@ -18,7 +18,9 @@ The four different viewport units are:
 Here is an example that sets a `body` tag to 30% of the viewport's width.
 
 ```css
-body { width: 30vw; }
+body {
+  width: 30vw;
+}
 ```
 
 # --instructions--
@@ -30,20 +32,18 @@ Set the `width` of the `h2` tag to 80% of the viewport's width and the `width` o
 Your `h2` tag should have a `width` of 80vw.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/h2\s*?{\s*?width:\s*?80vw;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /h2\s*?{\s*?width:\s*?80vw;\s*?}/g
 );
 ```
 
 Your `p` tag should have a `width` of 75vmin.
 
 ```js
-assert(
-  __helpers
-    .removeCssComments(code)
-    .match(/p\s*?{\s*?width:\s*?75vmin;\s*?}/g)
+assert.match(
+  __helpers.removeCssComments(code),
+  /p\s*?{\s*?width:\s*?75vmin;\s*?}/g
 );
 ```
 
@@ -57,7 +57,14 @@ assert(
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
 
 # --solutions--
@@ -65,13 +72,20 @@ assert(
 ```html
 <style>
   h2 {
-      width: 80vw;
+    width: 80vw;
   }
   p {
-      width: 75vmin;
+    width: 75vmin;
   }
 </style>
 
 <h2>Importantus Ipsum</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem. Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.</p>
+<p>
+  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus quis tempus
+  massa. Aenean erat nisl, gravida vel vestibulum cursus, interdum sit amet
+  lectus. Sed sit amet quam nibh. Suspendisse quis tincidunt nulla. In hac
+  habitasse platea dictumst. Ut sit amet pretium nisl. Vivamus vel mi sem.
+  Aenean sit amet consectetur sem. Suspendisse pretium, purus et gravida
+  consequat, nunc ligula ultricies diam, at aliquet velit libero a dui.
+</p>
 ```
diff --git a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
index 844a336404..bda8558d00 100644
--- a/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
+++ b/curriculum/challenges/swahili/01-responsive-web-design/responsive-web-design-principles/use-a-retina-image-for-higher-resolution-displays.md
@@ -15,9 +15,12 @@ The simplest way to make your images properly appear on High-Resolution Displays
 
 ```html
 <style>
-  img { height: 250px; width: 250px; }
+  img {
+    height: 250px;
+    width: 250px;
+  }
 </style>
-<img src="coolPic500x500" alt="A most excellent picture">
+<img src="coolPic500x500" alt="A most excellent picture" />
 ```
 
 # --instructions--
@@ -29,13 +32,13 @@ Set the `width` and `height` of the `img` tag to half of their original values.
 Your `img` tag should have a `width` of 100 pixels.
 
 ```js
-assert(document.querySelector('img').width === 100);
+assert.strictEqual(document.querySelector('img').width, 100);
 ```
 
 Your `img` tag should have a `height` of 100 pixels.
 
 ```js
-assert(document.querySelector('img').height === 100);
+assert.strictEqual(document.querySelector('img').height, 100);
 ```
 
 # --seed--
@@ -43,22 +46,26 @@ assert(document.querySelector('img').height === 100);
 ## --seed-contents--
 
 ```html
-<style>
-
-</style>
+<style></style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
 
 # --solutions--
 
 ```html
 <style>
-  img { 
-    height: 100px; 
-    width: 100px; 
+  img {
+    height: 100px;
+    width: 100px;
   }
 </style>
 
-<img src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg" alt="freeCodeCamp sticker that says 'Because CamperBot Cares'">
+<img
+  src="https://cdn.freecodecamp.org/curriculum/responsive-web-design-principles/FCCStickers-CamperBot200x200.jpg"
+  alt="freeCodeCamp sticker that says 'Because CamperBot Cares'"
+/>
 ```
diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md b/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
index c9b2883db2..e14eca47a4 100644
--- a/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
+++ b/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
@@ -10,7 +10,6 @@ dashedName: build-a-personal-portfolio-webpage
 
 **Objective:** Build an app that is functionally similar to <a href="https://personal-portfolio.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://personal-portfolio.freecodecamp.rocks</a>. **Do not copy this demo project**.
 
-
 **Maelekezo:**
 
 1. Your portfolio should have a welcome section with an `id` of `welcome-section`
@@ -34,8 +33,8 @@ Timiza maelezo na upite majaribio yote hapa chini ili kukamilisha mradi huu. Ipe
 Wavuti yako inapaswa kua na sehemu ya "Welcome" yenye `id` ya `welcome-section`.
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 Kipengele chako cha `#welcome-section` lazima kiwe na kipengele cha `h1`.
@@ -54,25 +53,21 @@ Hupaswi kuwa na vipengele vyovyote tupu vya `h1` ndani ya kipengele cha `#welcom
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 Unapaswa kuwa na sehemu ya "Projects" iliyo na `id` ya `projects`.
 
 ```js
-const el = document.getElementById('projects')
-assert(!!el);
+const el = document.getElementById('projects');
+assert.isNotNull(el);
 ```
 
 Wavuti yako inapaswa kua na angalau kipengele kimoja chenye class `project-tile`.
 
 ```js
-assert.isAbove(
-  document.querySelectorAll('#projects .project-tile').length,
-  0
-);
+assert.isAbove(document.querySelectorAll('#projects .project-tile').length, 0);
 ```
 
 Kipengele chako cha `#projects` kinapaswa kuwa na angalau kipengele kimoja cha `a`.
@@ -85,35 +80,33 @@ Wavuti yako inapaswa kuwa na navbar yenye `id` ya `navbar`.
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Kipengele chako cha `#navbar` lazima kiwe na angalau kipengele kimoja cha `a` ambacho sifa ya `href` inaanza na `#`.
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 Wavuti yako inapaswa kuwa na kipengele cha `a` chenye `id` ya `profile-link`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Kipengele chako cha `#profile-link` kinapaswa kuwa na sifa ya `target` iliyo `_blank`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Wavuti yako inapaswa kutumia angalau media query moja.
@@ -121,14 +114,15 @@ Wavuti yako inapaswa kutumia angalau media query moja.
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 Kipengele chako cha `#navbar` kinapaswa kuwa juu ya viewport kila wakati.
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -136,7 +130,7 @@ Kipengele chako cha `#navbar` kinapaswa kuwa juu ya viewport kila wakati.
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -147,8 +141,7 @@ Kipengele chako cha `#navbar` kinapaswa kuwa juu ya viewport kila wakati.
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -223,7 +216,7 @@ Kipengele chako cha `#navbar` kinapaswa kuwa juu ya viewport kila wakati.
 ```
 
 ```css
-nav{
+nav {
   position: fixed;
   width: 100%;
   text-align: right;
@@ -233,37 +226,37 @@ nav{
   background-color: #000000;
   color: #ffffff;
 }
-@media (max-width: 500px){
-  nav{
+@media (max-width: 500px) {
+  nav {
     display: none;
   }
 }
-a{
+a {
   color: #ffffff;
 }
-main{
+main {
   text-align: center;
   background-color: black;
-  font-family:Pacifico
+  font-family: Pacifico;
 }
-h1{
+h1 {
   font-size: 48pt;
 }
-h2{
+h2 {
   font-size: 24pt;
 }
-p{
+p {
   font-size: 12pt;
 }
-#welcome-section{
-  background-color:#251a4a;
-  color: #FFFFFF;
+#welcome-section {
+  background-color: #251a4a;
+  color: #ffffff;
   display: table-cell;
   vertical-align: middle;
   width: 100vw;
   height: 100vh;
 }
-#projects{
+#projects {
   background-color: #060a9c;
   color: #ffffff;
   display: table-cell;
@@ -271,7 +264,7 @@ p{
   width: 100vw;
   height: 100vh;
 }
-#contact{
+#contact {
   background-color: #03300b;
   color: #ffffff;
   display: table-cell;
diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md b/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
index 33ff6c301c..b465cfccf0 100644
--- a/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
+++ b/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
@@ -37,141 +37,147 @@ Timiza maelezo na upite majaribio yote hapa chini ili kukamilisha mradi huu. Ipe
 Unapaswa kuwa na kipengele cha `main` chenye `id` ya `main-doc`.
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 Unapaswa kuwa na angalau vipengele vitano vya `section` vyenye class ya `main-section`.
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 Vipengele vyako vyote vya `.main-section` vinapaswa kuwa vipenegele vya `section`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 Unapaswa kuwa na angalau vipengele vitano vya `.main-section` ambavyo ni vizazi vya `#main-doc`.
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 Mtoto wa kwanza wa `.main-section` inapaswa kuwa na kipengele cha `header`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Hakuna kati ya vipengele vyako vya `header` vinavyopaswa kuwa tupu.
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Vipengele vyako vyote vya `.main-section` vinapaswa kuwa na `id`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Kila `.main-section` inapaswa kuwa na `id` inayolingana na maandishi ya mtoto wake wa kwanza, na nafasi yoyote katika maandishi ya mtoto ikibadilishwa na underscores (`_`) kwa id's.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Unapaswa kuwa na angalau vipengele 10 vya `p` (jumla) ndani ya vipengee vyako vya `.main-section`.
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 Unapaswa kuwa na angalau vipengele vitano vya `code` ambavyo ni vizazi vya vipengele vya `.main-section`.
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 Unapaswa kuwa na angalau vipengele vitano vya `li` ambavyo ni vizazi vya vipengele vya `.main-section`.
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 Unapaswa kuwa na kipengele cha `nav` chenye `id` ya `navbar`.
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 `#navbar` yako inapaswa kuwa na `header` kimoja ndani yake.
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 Unapaswa kuwa na angalau kipengele kimoja cha `a` chenye class ya `nav-link`.
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 Vipengele vyako vyote vya `.nav-link` vinapaswa kuwa na vipengee (`a`).
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Vipengele vyako vyote vya `.nav-link` vinapaswa kuwa katika `#navbar`.
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 Unapaswa kuwa na nambari sawa ya vipengele vya `.nav-link` na `.main-section`.
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 Kipengele cha `header` katika `#navbar` kinafaa kuja kabla ya vipengele vyovyote vya kiungo (`a`) katika `#navbar`.
@@ -179,54 +185,66 @@ Kipengele cha `header` katika `#navbar` kinafaa kuja kabla ya vipengele vyovyote
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 Kila `.nav-link` inapaswa kuwa na maandishi yanayolingana na `header` maandishi ya `section` yake inayohusiana (k.m. ikiwa una sehemu ya "Hello world", `#navbar` yako inapaswa kuwa na `.nav-link` ambayo ina maandishi "Hello world").
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 Kila `.nav-link` inapaswa kuwa na sifa ya `href` inayounganishwa na `.main-section` inayolingana (k.m. Ukibofya kipengele cha `.nav-link` ambacho kina maandishi "Hello world", ukurasa husogea hadi kwenye kipengele cha `section` chenye kitambulisho hicho).
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 `#navbar` inapaswa kuwa juu ya viewport kila wakati.
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 Hati zako za kiufundi zinapaswa kutumia angalau media query moja.
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -501,7 +519,7 @@ a:hover {
   left: -5px;
   padding: 5px;
   text-align: center;
-  color: #92869c
+  color: #92869c;
 }
 @media (min-width: 480px) {
   #navbar {
@@ -510,7 +528,7 @@ a:hover {
 }
 main {
   margin-left: 220px;
-  color: #92869c
+  color: #92869c;
 }
 header {
   font-size: 20pt;
diff --git a/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md b/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
index c0545dcc73..e074dbde03 100644
--- a/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
+++ b/curriculum/challenges/swahili/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
@@ -10,7 +10,6 @@ dashedName: build-a-tribute-page
 
 **Objective:** Build an app that is functionally similar to <a href="https://tribute-page.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://tribute-page.freecodecamp.rocks</a>. **Do not copy this demo project**.
 
-
 **Maelekezo:**
 
 1. Your tribute page should have a `main` element with a corresponding `id` of `main`, which contains all other elements
@@ -32,111 +31,125 @@ Timiza maelezo na upite majaribio yote hapa chini ili kukamilisha mradi huu. Ipe
 Unapaswa kuwa na kipengele cha `main` chenye `id` ya `main`.
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 `#img-div`, `#image`, `#img-caption`, `#tribute-info`, na `#tribute-link` zinapaswa kuwa wazao wa `#main`.
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 Unapaswa kuwa na kipengele chenye `id` ya `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 `#title` yako haipaswi kuwa tupu.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 Unapaswa kuwa na kipengele cha `figure` au `div` chenye `id` ya `img-div`.
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 Unapaswa kuwa na kipengele cha `img` chenye `id` ya `image`.
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 `#image` yako inapaswa kuwa mzao wa `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 Unapaswa kuwa na kipengele cha `figcaption` au `div` chenye `id` ya `img-caption`.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 `#img-caption` yako inapaswa kuwa mzao wa `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 `#img-caption` yako haipaswi kuwa tupu.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 Unapaswa kuwa na kipengele chenye `id` ya `tribute-info`.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 `#tribute-info` yako haipaswi kuwa tupu.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 Unapaswa kuwa na kipengele cha `a` chenye `id` ya `tribute-link`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 `#tribute-link` yako inapaswa kuwa na sifa ya `href` yenye thamani.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 `#tribute-link` inapaswa kuwa na sifa ya `target` iliyo `_blank`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Kipengele chako cha `img` kinapaswa kuwa na `display` ya `block`.
@@ -144,8 +157,8 @@ Kipengele chako cha `img` kinapaswa kuwa na `display` ya `block`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 `#image` yako inapaswa kuwa na `max-width` ya `100%`.
@@ -153,8 +166,8 @@ assert(style === 'block')
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 `#image` yako inapaswa kuwa na `height` ya `auto`.
@@ -166,9 +179,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 `#image` yako inapaswa kuwekwa katikati ya kipengele kikuu
@@ -183,7 +196,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -208,12 +222,10 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
     <link
       href="https://fonts.googleapis.com/css?family=Pacifico"
       rel="stylesheet"
-
     />
     <link
       href="https://fonts.googleapis.com/css?family=Lobster"
       rel="stylesheet"
-
     />
     <link href="styles.css" rel="stylesheet" />
     <title>Tribute Page</title>
diff --git a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
index f814c2772c..73f5615977 100644
--- a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
+++ b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/6352fcb156834128001ea945.md
@@ -33,6 +33,12 @@ assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDiffere
 
 Your `reduce` callback should return the sum of `acc` and `el`.
 
+```js
+assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}/);
+```
+
+You are missing the starting value of the `reduce`.
+
 ```js
 assert.match(getVariance.toString(), /sumSquaredDifferences\s*=\s*squaredDifferences\.reduce\(\s*function\s*\(\s*acc\s*,\s*el\s*\)\s*\{\s*return\s*acc\s*\+\s*el\s*;\s*\}\s*,\s*0\s*\)/);
 ```
diff --git a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
index 82cf864666..f3c5f30e1d 100644
--- a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
+++ b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-advanced-array-methods-by-building-a-statistics-calculator/65aac0678d51b3f1a0cb8061.md
@@ -14,7 +14,7 @@ Below those function calls, add a `console.log(getMode(numbers))`.
 To see the result, enter the numbers `4, 4, 2, 5` and click on the `"Calculate"` button. Open up the console to see the following array:
 
 ```js
-[ 2, 4, 4, 5 ]
+[ 4, 4, 2, 5 ]
 ```
 
 # --hints--
diff --git a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
index 94a5f50c86..3a98700ed7 100644
--- a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
+++ b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660ae8ad1475698da3c3c37d.md
@@ -29,8 +29,45 @@ Your `printGreeting` function call should be below the `printGreeting` function
 assert.isBelow(code.indexOf("const printGreeting = () => {"), code.indexOf("printGreeting()"));
 ```
 
+Your `printGreeting` function call should output `Hello there!` to the console.
+
+```js
+assert.strictEqual(logOutput, "Hello there!"); 
+```
+
 # --seed--
 
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
index 1ab2fc4017..1845d86436 100644
--- a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
+++ b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-basic-string-and-array-methods-by-building-a-music-player/660aea8782242e8f4bcc42d8.md
@@ -79,8 +79,47 @@ const functionDefinition = code.indexOf("printMessage =");
 assert.isBelow(functionDefinition, functionCall);
 ```
 
+Your `printMessage` function call should output `freeCodeCamp is awesome!` to the console.
+
+```js
+assert.strictEqual(logOutput, "freeCodeCamp is awesome!"); 
+```
+
 # --seed--
 
+
+## --before-user-code--
+
+```js
+let logOutput = "";
+const originalConsole = console;
+function capture() {
+    const nativeLog = console.log;
+    console.log = function (message) {
+        logOutput = message;
+        if(nativeLog.apply) {
+          nativeLog.apply(originalConsole, arguments);
+        } else {
+          const nativeMsg = Array.prototype.slice.apply(arguments).join(' ');
+          nativeLog(nativeMsg);
+        }
+    };
+}
+
+function uncapture() {
+  console.log = originalConsole.log;
+}
+
+capture();
+```
+
+## --after-user-code--
+
+```js
+uncapture();
+```
+
+
 ## --seed-contents--
 
 ```html
diff --git a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index f17cd3df37..440d632b22 100644
--- a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
index 24502aad09..154d38bdc9 100644
--- a/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/swahili/15-javascript-algorithms-and-data-structures-22/learn-localstorage-by-building-a-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--
 
diff --git a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
index aefa6e0b66..28753e1cf4 100644
--- a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
+++ b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b05367b59300bcb5f18ef.md
@@ -13,7 +13,10 @@ In English, you can use the verb `to be` to ask questions about feelings, states
 
 Here are some more examples of turning statements into questions using `to be`:
 
-`He is here.` -> `Is he here?` `They are ready.` -> `Are they ready?`
+| Affirmative       | Interrogative     |
+| ----------------- | ----------------- |
+| `He is here.`     | `Is he here?`     |
+| `They are ready.` | `Are they ready?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
index c9cea93938..cc2020851c 100644
--- a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
+++ b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657b69e10d6606a0185d4d4f.md
@@ -11,13 +11,17 @@ dashedName: task-23
 
 So far you have learned how to create questions with the verb `to be`. In sentences with the verb `to be` (am, is, are) you just have to change the order of the noun and the verb to create a question. Like this:
 
-`You are a developer` -> `Are you a developer?`
+| Affirmative            | Interrogative          |
+| ---------------------- | ---------------------- |
+| `You are a developer.` | `Are you a developer?` |
 
-Changing the order of the noun and the verb doesn't work in every situation. Most sentences need you to add an auxiliary verb to create questions. One of the most common auxiliary verbs is `Do`.
+Changing the order of the noun and the verb doesn’t work in every situation. Most sentences need you to add an auxiliary verb to create questions. One of the most common auxiliary verbs is `do`.
 
-You can use the verb `do` as an auxiliary to most verbs. In the present tense it assumes the form of `do` (I, you, we, they) and `does`(he, she, it). It is like a marker you will add to the beginning of your sentence and lets everyone know that sentence is a question. For example:
+You can use the verb `do` as an auxiliary to most verbs. In the present tense it assumes the form of `do` (I, you, we, they) and `does` (he, she, it). It is like a marker you will add to the beginning of your sentence and lets everyone know that sentence is a question. For example:
 
-Statement: `You debug on Fridays.` Question: `Do you debug on Fridays?`
+| Affirmative             | Interrogative              |
+| ----------------------- | -------------------------- |
+| `You debug on Fridays.` | `Do you debug on Fridays?` |
 
 # --instructions--
 
diff --git a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
index bd1ccc86fb..d0889ea4d5 100644
--- a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
+++ b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657cd962b45f48127c183d7b.md
@@ -13,7 +13,17 @@ As you already studied, for most verbs conjugation can be simple. You just  add
 
 For example:
 
-`You talk` -> `He talks` `They do` -> `It does`
+Verb `to talk` conjugation:
+
+- `I talk`, `you talk`, `we talk`, and `they talk`.
+
+- `He talks`, `she talks`, and `it talks`.
+
+Verb `to do` conjugation:
+
+- `I do`, `you do`, `we do`, and `they do`.
+
+- `He does`, `she does`, and `it does`.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
index 10c0845779..cbbd43b132 100644
--- a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
+++ b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-conversation-starters-in-the-break-room/657dcee413423174ca3747f5.md
@@ -9,7 +9,9 @@ dashedName: task-112
 
 To elaborate a question using `there is` you just need to change the order of the verb `to be`, like so:
 
-`There is an ATM nearby` -> `Is there an ATM nearby?`
+| Affirmative               | Interrogative             |
+| ------------------------- | ------------------------- |
+| `There is an ATM nearby.` | `Is there an ATM nearby?` |
 
 This form is useful when you're not sure if the place or item exists in that area and you want to ask about it.
 
diff --git a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
index 6e92b13fb9..d04dc5244d 100644
--- a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
+++ b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-ask-and-share-about-educational-and-professional-background/657b1dfec76149836ea5c7d0.md
@@ -13,9 +13,10 @@ There are some verbs you can't use `didn't` to create negative sentences in the
 
 If you want to create a negative sentence using the verb `to be` in the past, simply  add `not` after `was` or `were`. Kwa mfano:
 
-`It was working normally` -> `It wasn't working normally`.
-
-`They were informed earlier` -> `They weren't informed earlier`.
+| Affirmative                   | Negative                         |
+| ----------------------------- | -------------------------------- |
+| `It was working normally.`    | `It wasn't working normally.`    |
+| `They were informed earlier.` | `They weren't informed earlier.` |
 
 `Wasn't` is the abbreviation of `was not` and `weren't` the abbreviation of `were not`.
 
diff --git a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
index 0a741780cf..c692c5191b 100644
--- a/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
+++ b/curriculum/challenges/swahili/21-a2-english-for-developers/learn-how-to-discuss-your-morning-or-evening-routine/655b363149b5ba6b15434574.md
@@ -39,7 +39,7 @@ Sophie specifically says she sleeps `until 9:30`, not `10:00`.
 
 ---
 
-`She wakes up early, goes out, and spends the afternoon reading at home`
+`She wakes up early, goes jogging, and spends the afternoon reading at home`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
index c675a49eb5..eadfeafc80 100644
--- a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-describe-places-and-events/66c4e019a6cbfa3210603aef.md
@@ -15,7 +15,7 @@ This is a review of the entire dialogue you just studied.
 
 Place the following phrases in the correct spot:
 
-`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, `Does your app`.
+`Where can I`, `Is that right`, `How many` , `Do you know if`,`How does that`, and `Does your app`.
 
 # --fillInTheBlank--
 
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
index 52fa983677..b00e7e2457 100644
--- a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/66609f86c2500e597c8cb52f.md
@@ -1,8 +1,8 @@
 ---
 id: 66609f86c2500e597c8cb52f
-title: "Dialogue 1: I'm Tom"
+title: "Dialogue 1: Scheduled Maintenance to Prevent DoS Attacks"
 challengeType: 21
-dashedName: dialogue-1-im-tom
+dashedName: dialogue-1-scheduled-maintenance-to-prevent-dos-attacks
 ---
 
 # --description--
@@ -11,48 +11,177 @@ Watch the video below to understand the context of the upcoming lessons.
 
 # --assignment--
 
-Watch the video
+Watch the video.
 
 # --scene--
 
 ```json
 {
-  "setup": {
-    "background": "chaos.png",
-    "characters": [
-      {
-        "character": "David",
-        "position": {"x":50,"y":80,"z":8},
-        "opacity": 0
-      }
-    ],
-    "audio": {
-      "filename": "1.1-1.mp3",
-      "startTime": 1,
-      "startTimestamp": 5.7,
-      "finishTimestamp": 6.48
-    }
-  },
-  "commands": [
-    {
-      "character": "David",
-      "opacity": 1,
-      "startTime": 0
-    },
-    {
-      "character": "David",
-      "startTime": 1,
-      "finishTime": 0.78,
-      "dialogue": {
-        "text": "I'm Tom.",
-        "align": "center"
-      }
-    },
-    {
-      "character": "Tom",
-      "opacity": 0,
-      "startTime": 1.28
-    }
-  ]
+ "setup": {
+   "background": "company2-boardroom.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-1.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.94,
+     "dialogue": {
+       "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 5.22,
+     "finishTime": 10.94,
+     "dialogue": {
+       "text": "It's crucial to enhance our firewall settings to prevent any potential denial of service attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 11.9,
+     "finishTime": 17.52,
+     "dialogue": {
+       "text": "Yes, Jake. I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.4,
+     "finishTime": 21.06,
+     "dialogue": {
+       "text": "That's right. The update should last about two hours.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.42,
+     "finishTime": 25.52,
+     "dialogue": {
+       "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 26.1,
+     "finishTime": 31.76,
+     "dialogue": {
+       "text": "Will the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 32.78,
+     "finishTime": 35.44,
+     "dialogue": {
+       "text": "Absolutely. The entire technical support team will be on duty.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 35.82,
+     "finishTime": 40,
+     "dialogue": {
+       "text": "They've been briefed and are prepared to manage any unexpected situations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 40.5,
+     "finishTime": 42.74,
+     "dialogue": {
+       "text": "Great. And when does the team perform the final checks?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 43.12,
+     "finishTime": 45.78,
+     "dialogue": {
+       "text": "The final system checks are set for Friday night.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 46.1,
+     "finishTime": 51.18,
+     "dialogue": {
+       "text": "We'll confirm that all security patches are ready to be deployed without any complications.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 51.76,
+     "finishTime": 55.42,
+     "dialogue": {
+       "text": "Perfect. And the training session for the new security protocols, when is that planned?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 55.42,
+     "finishTime": 57.98,
+     "dialogue": {
+       "text": "The training is planned for Thursday afternoon.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 58.44,
+     "finishTime": 63.06,
+     "dialogue": {
+       "text": "Every team member must understand the changes and how these will impact our operations.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 63.56
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 64.06
+   }
+ ]
 }
 ```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
new file mode 100644
index 0000000000..d78c313753
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673519c3d750b013c96f1e6f.md
@@ -0,0 +1,90 @@
+---
+id: 673519c3d750b013c96f1e6f
+title: Task 1
+challengeType: 22
+dashedName: task-1
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Maria, the next BLANK BLANK is scheduled for this Saturday at 2 AM.`
+
+## --blanks--
+
+`system`
+
+### --feedback--
+
+This word refers to the entire software or hardware environment needing improvement or maintenance.
+
+---
+
+`update`
+
+### --feedback--
+
+This word describes a new version or change that improves software or adds features.
+
+# --explanation--
+
+A `system update` is an essential process that makes improvements, adds new features, or corrects issues in the software on a device or network. For example:
+
+- `The system update included security improvements to protect user data.` - The update made changes to help keep user information safe from potential threats.
+
+- `After the system update, the device ran faster and had new features.` - The update improved device speed and added new functionalities, making it more efficient and useful.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
new file mode 100644
index 0000000000..5d6e6f115b
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67351b96eefe7c282ec1424b.md
@@ -0,0 +1,107 @@
+---
+id: 67351b96eefe7c282ec1424b
+title: Task 2
+challengeType: 19
+dashedName: task-2
+---
+
+<!-- (Audio) Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has been scheduled?
+
+## --answers--
+
+The next system update.
+
+---
+
+A team meeting.
+
+### --feedback--
+
+James does not mention a meeting.
+
+---
+
+A system backup.
+
+### --feedback--
+
+James doesn't mention a backup.
+
+---
+
+A software installation.
+
+### --feedback--
+
+James doesn't mention a new installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`To be scheduled` means to set a specific date and time for something to happen. In this case, the system update is planned for a specific day and hour. For example:
+
+- `The meeting is scheduled for Monday at 10 AM.` - This means the meeting will happen on Monday at 10 AM.
+
+- `The release is scheduled for next month.` - This means the release will take place sometime in the upcoming month.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
new file mode 100644
index 0000000000..57d207b4f2
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673653fa580778853a7a7afd.md
@@ -0,0 +1,108 @@
+---
+id: 673653fa580778853a7a7afd
+title: Task 3
+challengeType: 19
+dashedName: task-3
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the system update scheduled?
+
+## --answers--
+
+This Sunday at 2 AM.
+
+### --feedback--
+
+Check if Jake mentions Saturday or Sunday for the update.
+
+---
+
+This Saturday at 2 AM.
+
+---
+
+Next Saturday at 2 PM.
+
+### --feedback--
+
+Check if Jake specifies a morning or afternoon time and which Saturday he means.
+
+---
+
+Past Saturday at 2 AM.
+
+### --feedback--
+
+Consider whether Jake refers to a future date or something that has already passed.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`This` and `next` help clarify if an event is scheduled soon or further in the future.
+
+In this case, `this Saturday at 2 AM` refers to the upcoming Saturday and a specific early morning time chosen to minimize disruption. For example:
+
+- `The meeting is scheduled for this Friday at 9 AM.` - This means the meeting is set for the closest Friday at 9 AM.
+
+- `Our next session is next Tuesday at 4 PM.` - This means the session will occur on the Tuesday following this week, at 4 PM.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 4.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.04,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2am.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
new file mode 100644
index 0000000000..15bbeeacc3
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673654d11366b18b1c76d980.md
@@ -0,0 +1,82 @@
+---
+id: 673654d11366b18b1c76d980
+title: Task 4
+challengeType: 22
+dashedName: task-4
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to BLANK our firewall settings.`
+
+## --blanks--
+
+`enhance`
+
+### --feedback--
+
+This word means to improve or make something stronger or more effective.
+
+# --explanation--
+
+`Enhance` means to improve something or make it more effective. For example:
+
+- `We need to enhance our website's security features.` - This means improving or strengthening the website's security.
+
+- `The new update enhances the app's performance.` - This means the update improves how well the app works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
new file mode 100644
index 0000000000..2da226cc72
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673655ea628630928b5b50b8.md
@@ -0,0 +1,107 @@
+---
+id: 673655ea628630928b5b50b8
+title: Task 6
+challengeType: 22
+dashedName: task-6
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's crucial to enhance our firewall settings to prevent any potential BLANK BLANK BLANK attacks.`
+
+## --blanks--
+
+`denial`
+
+### --feedback--
+
+This word refers to refusing or blocking something from happening.
+
+---
+
+`of`
+
+### --feedback--
+
+This word is a short preposition often used to link two related ideas.
+
+---
+
+`service`
+
+### --feedback--
+
+This word describes a type of assistance or functionality provided, such as by a network.
+
+# --explanation--
+
+A `Denial of Service (DoS)` attack is a cyber-attack intended to make a network or service unavailable to its intended users, usually by overwhelming it with traffic. This type of attack disrupts normal service, causing slowdowns or complete outages. For example:
+
+- `The system went down due to a denial of service attack.` - This means the system became unavailable because it was overwhelmed by malicious traffic.
+
+- `Enhanced firewall settings can help prevent DoS attacks.` - This means improved firewall configurations can reduce the risk of such attacks by blocking unwanted traffic.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
new file mode 100644
index 0000000000..a63034725a
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6736576b5407af9bdf1f41b7.md
@@ -0,0 +1,110 @@
+---
+id: 6736576b5407af9bdf1f41b7
+title: Task 5
+challengeType: 19
+dashedName: task-5
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be enhanced?
+
+## --answers--
+
+Network speed.
+
+### --feedback--
+
+Jake is not discussing the network's speed or performance.
+
+---
+
+Software compatibility.
+
+### --feedback--
+
+Jake is not focused on compatibility between different software.
+
+---
+
+Firewall settings.
+
+---
+
+User interface.
+
+### --feedback--
+
+Jake's focus is on something related to security, not appearance or design.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+A `firewall` is a security system that protects a network by controlling incoming and outgoing network traffic based on security rules.
+
+`Settings` refer to configurations or adjustments that determine how something functions.
+
+`Firewall settings` are the specific rules or configurations used to manage network security. For example:
+
+- `We updated the firewall settings to block unauthorized access.` - This means adjustments were made to prevent access by unauthorized users.
+
+- `Enhancing firewall settings can help prevent cyber attacks.` - This means improving the configurations to increase security against online threats.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.02,
+      "finishTimestamp": 6.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.6,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.1
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
new file mode 100644
index 0000000000..2c32852ecc
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67365a08481f68acc18a9639.md
@@ -0,0 +1,113 @@
+---
+id: 67365a08481f68acc18a9639
+title: Task 7
+challengeType: 19
+dashedName: task-7
+---
+
+<!-- (Audio) Jake: It's crucial to enhance our firewall settings to prevent any potential denial of service attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Jake want to enhance their firewall settings?
+
+## --answers--
+
+To improve network speed.
+
+### --feedback--
+
+Consider if Jake's focus is on security or performance.
+
+---
+
+To add new features.
+
+### --feedback--
+
+Think about whether Jake mentions adding anything new, or if he is more focused on protection.
+
+---
+
+To fix a current security issue.
+
+### --feedback--
+
+Jake refers to a potential risk, not a current issue that needs fixing.
+
+---
+
+To prevent Denial of Service attacks.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, `to prevent` is a key marker that shows Jake's main reason for enhancing the firewall settings.
+
+He emphasizes prevention, specifically mentioning `Denial of Service attacks` as the potential risk.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 4.22,
+      "finishTimestamp": 9.94
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.4,
+      "finishTime": 6.72,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
new file mode 100644
index 0000000000..749d8c4e97
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba128855f6e78cd392dab.md
@@ -0,0 +1,109 @@
+---
+id: 673ba128855f6e78cd392dab
+title: Task 8
+challengeType: 19
+dashedName: task-8
+---
+
+<!-- (Audio) Jake: Maria, the next system update is scheduled for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which is the best response to Jake's comment?
+
+## --answers--
+
+`Yes, Jake. I've reviewed the timetable.`
+
+---
+
+`Yes, Jake. The moon looks great tonight.`
+
+### --feedback--
+
+This response is unrelated to Jake's comment about the system update and firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. In this context, Jake refers to a timetable for the system update, and Maria mentions reviewing it, showing she is prepared. For example:
+
+- `The timetable for the train is posted at the station.` - This means the schedule for train arrivals and departures is available for reference.
+
+- `We created a timetable to organize our project milestones.` - This means a schedule was set up to track when each project goal should be achieved.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 10.04
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.94,
+      "dialogue": {
+        "text": "Maria, the next system update is scheduled for this Saturday at 2 AM.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 7.62,
+      "dialogue": {
+        "text": "It's crucial to enhance our firewall settings",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.63,
+      "finishTime": 10.34,
+      "dialogue": {
+        "text": "to prevent any potential denial of service attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 11.04
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
new file mode 100644
index 0000000000..8a0e9ae740
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba3a9d1858104dfbba180.md
@@ -0,0 +1,82 @@
+---
+id: 673ba3a9d1858104dfbba180
+title: Task 9
+challengeType: 22
+dashedName: task-9
+---
+
+<!-- (Audio) Maria: Yes, Jake. I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, Jake. I've reviewed the BLANK.`
+
+## --blanks--
+
+`timetable`
+
+### --feedback--
+
+This word refers to a schedule that organizes events or activities based on time.
+
+# --explanation--
+
+A `timetable` is a schedule that outlines the times and dates of planned events or activities. It is used to organize and keep track of when specific tasks, meetings, or updates will happen. For example:
+
+- `The timetable for the conference was shared last week.` - This means the schedule of sessions and events for the conference was provided.
+
+- `Our team follows a weekly timetable for project check-ins.` - This means there is a set schedule each week for the team to review progress.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
new file mode 100644
index 0000000000..104e394e0c
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba5bf35e3b51211c27c2b.md
@@ -0,0 +1,106 @@
+---
+id: 673ba5bf35e3b51211c27c2b
+title: Task 10
+challengeType: 19
+dashedName: task-10
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What has Maria done?
+
+## --answers--
+
+She has changed the timetable.
+
+### --feedback--
+
+Consider whether Maria mentions making any edits or changes.
+
+---
+
+She has ignored the timetable.
+
+### --feedback--
+
+Think about whether Maria shows she has paid attention to the timetable.
+
+---
+
+She has created a timetable.
+
+### --feedback--
+
+Check if Maria refers to an existing timetable or mentions making a new one.
+
+---
+
+She has reviewed the timetable.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria's statement, `Yes, Jake, I've reviewed the timetable`, shows she has already checked or looked over the schedule for the system update. `To review` something means to examine or go over it carefully. For example:
+
+- `I reviewed the project proposal before the meeting.` - This means you checked the proposal to understand it.
+
+- `She reviewed the instructions before starting the task.` - This means she examined the instructions to ensure she knew what to do.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.7,
+      "finishTimestamp": 12.7
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.0,
+      "dialogue": {
+        "text": "Yes, Jake. I've reviewed the timetable.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
new file mode 100644
index 0000000000..eab87a114a
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba72bd5ef6a1bc39ba037.md
@@ -0,0 +1,101 @@
+---
+id: 673ba72bd5ef6a1bc39ba037
+title: Task 11
+challengeType: 22
+dashedName: task-11
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The BLANK BLANK starts exactly when the user traffic is at its lowest, correct?`
+
+## --blanks--
+
+`server`
+
+### --feedback--
+
+This word refers to a computer system that provides services, resources, or data to other computers on a network.
+
+---
+
+`downtime`
+
+### --feedback--
+
+This word refers to a period when a system or service is not available or operational.
+
+# --explanation--
+
+`Downtime` is a period when a system or service is unavailable or not operational. It is often scheduled to perform maintenance, updates, or repairs.
+
+`Server downtime` specifically refers to the time when a server — a computer system that provides data, services, or resources to other devices — is temporarily unavailable. For example:
+
+- `The server downtime was scheduled at midnight to minimize the impact on users.` - This means the server was made unavailable at midnight to reduce inconvenience to users.
+
+- `Unexpected downtime occurred due to a power failure.` - This means the system became unavailable without prior planning because of a power outage.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
new file mode 100644
index 0000000000..3e4a44f387
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba8558f0a93235de58ccb.md
@@ -0,0 +1,111 @@
+---
+id: 673ba8558f0a93235de58ccb
+title: Task 12
+challengeType: 22
+dashedName: task-12
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The server downtime starts exactly when the user traffic is BLANK BLANK BLANK, correct?`
+
+## --blanks--
+
+`at`
+
+### --feedback--
+
+This is a preposition used to indicate a specific time or condition.
+
+---
+
+`its`
+
+### --feedback--
+
+This is a possessive pronoun referring to something that belongs to or is related to the server traffic.
+
+---
+
+`lowest`
+
+### --feedback--
+
+This is the superlative form of `low`, describing the smallest amount or level.
+
+# --explanation--
+
+The pronoun `its` is a possessive pronoun that indicates something belongs to or is associated with a subject. For example:
+
+`The system operates best when its temperature is regulated.` - This means the system works well when the temperature belonging to it is controlled.
+
+The word `lowest` is the superlative form of `low`, meaning the least amount or the smallest degree. For example:
+
+`The lowest temperature recorded was in the early morning.` - This means the smallest temperature measured occurred in the morning.
+
+In Maria's sentence, `at its lowest` refers to the lowest level of user traffic for the server.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
new file mode 100644
index 0000000000..e814301b9d
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673ba99a1280af2ba7770b56.md
@@ -0,0 +1,111 @@
+---
+id: 673ba99a1280af2ba7770b56
+title: Task 13
+challengeType: 19
+dashedName: task-13
+---
+
+<!-- (Audio) Maria: The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does the server downtime start?
+
+## --answers--
+
+When the user traffic is at its peak.
+
+### --feedback--
+
+Consider whether downtime would be planned when the server is most active. Think about when the least disruption would occur.
+
+---
+
+When the user traffic is at its lowest.
+
+---
+
+When the server needs a reboot.
+
+### --feedback--
+
+Maria does not mention any specific technical need like a reboot. Focus on what she says about traffic.
+
+---
+
+When new features are added.
+
+### --feedback--
+
+Maria is talking about downtime related to user traffic, not updates or feature additions. Pay attention to the context of the sentence.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria states that the server downtime starts when `the user traffic is at its lowest`. This indicates the downtime is planned for a time with minimal user activity, likely to reduce the impact on users.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
new file mode 100644
index 0000000000..f3712a2e98
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673bab51ecb42c369eb6b37b.md
@@ -0,0 +1,101 @@
+---
+id: 673bab51ecb42c369eb6b37b
+title: Task 14
+challengeType: 19
+dashedName: task-14
+---
+
+<!-- (Audio) Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`That's right. The update lasted about two hours.`
+
+### --feedback--
+
+Check if the response uses the correct tense for a future event. Maria is asking about something that hasn't happened yet.
+
+---
+
+`That's right. The update should last about two hours.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria's question uses the `Present Simple` tense, `The server downtime starts...`, to talk about a planned event.
+
+This is common when discussing schedules or timetables, as the `Present Simple` indicates something fixed or organized in the future. Her intention is to confirm the timing of the downtime as planned.
+
+The answer, `That's right. The update should last about two hours`, confirms her statement and provides additional detail about the expected duration of the update.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 12.74,
+      "finishTimestamp": 16.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "The server downtime starts exactly",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.52,
+      "finishTime": 4.88,
+      "dialogue": {
+        "text": "when the user traffic is at its lowest, correct?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.38
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
new file mode 100644
index 0000000000..b92c074789
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673bad5d57b0a6444819ca0e.md
@@ -0,0 +1,94 @@
+---
+id: 673bad5d57b0a6444819ca0e
+title: Task 15
+challengeType: 22
+dashedName: task-15
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That's right. The update BLANK BLANK about two hours.`
+
+## --blanks--
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express an expectation or likelihood of something happening.
+
+---
+
+`last`
+
+### --feedback--
+
+This word means to continue for a specific period of time.
+
+# --explanation--
+
+`Should` is used to express an expectation or something that is likely to happen.
+
+`Last` means to continue or endure for a specific amount of time. For example:
+
+- `The meeting should last for one hour.` - This means it is expected that the meeting will take one hour to complete.
+
+- `This battery should last up to five hours.` - This indicates the expected duration of the battery's performance.
+
+Together, `should last` expresses the anticipated length of time something will continue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 20.06
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
new file mode 100644
index 0000000000..1277e59b5e
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673baec00a78e04d5c6a9ea2.md
@@ -0,0 +1,92 @@
+---
+id: 673baec00a78e04d5c6a9ea2
+title: Task 16
+challengeType: 22
+dashedName: task-16
+---
+
+<!-- (Audio) Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to BLANK BLANK while strengthening our defenses.`
+
+## --blanks--
+
+`minimize`
+
+### --feedback--
+
+This word means to reduce something to the smallest possible amount or degree.
+
+---
+
+`disruption`
+
+### --feedback--
+
+This word refers to a disturbance or interruption in the normal flow or operation of something.
+
+# --explanation--
+
+`Minimize` means to reduce something to the smallest amount or degree possible.
+
+`Disruption` refers to any interruption or disturbance in normal activity.
+
+Together, `minimize disruption` means to reduce interruptions or disturbances to the lowest level possible. For example:
+
+`The team worked at night to minimize disruption to daily operations.` - This means they scheduled their work at night to cause the least amount of interference during the day.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
new file mode 100644
index 0000000000..bc428e2aa0
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c03eb9c3d4c2e12555aaf.md
@@ -0,0 +1,80 @@
+---
+id: 673c03eb9c3d4c2e12555aaf
+title: Task 17
+challengeType: 22
+dashedName: task-17
+---
+
+<!-- (Audio) Jake: Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Our main goal is to minimize disruption while BLANK our defenses.`
+
+## --blanks--
+
+`strengthening`
+
+### --feedback--
+
+This word refers to the process of making something stronger or more secure. It ends in `-ing`.
+
+# --explanation--
+
+`Strengthening` describes the ongoing process of making something stronger. For example:
+
+`We are strengthening our defenses to improve security.` - This means actively working to make the defenses better and more secure.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.32,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.4,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
new file mode 100644
index 0000000000..972e3636ad
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c06abb58d403f7e4533fb.md
@@ -0,0 +1,113 @@
+---
+id: 673c06abb58d403f7e4533fb
+title: Task 18
+challengeType: 19
+dashedName: task-18
+---
+
+<!-- (Audio) Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the expected outcome?
+
+## --answers--
+
+The update completely avoids all disruption.
+
+### --feedback--
+
+Consider whether Jake mentions completely avoiding disruption or minimizing it.
+
+---
+
+The update weakens defenses while maintaining user traffic.
+
+### --feedback--
+
+Think about whether Jake's goal is to weaken defenses or strengthen them.
+
+---
+
+The update causes minimal disruption and strengthens defenses.
+
+---
+
+The update distracts users to implement new features.
+
+### --feedback--
+
+Jake is focused on minimizing disruption, not on distracting users, and does not mention new features.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify the expected outcome, listen for the parts of the audio where Jake states the goals of the update.
+
+He mentions `minimize disruption` and `strengthening our defenses`, which clearly outline what the update aims to achieve.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.4,
+      "finishTimestamp": 24.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "That's right. The update should last about two hours.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.02,
+      "finishTime": 8.32,
+      "dialogue": {
+        "text": "Our main goal is to minimize disruption while strengthening our defenses.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
new file mode 100644
index 0000000000..368a66821f
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c07da6aa1be470dc55332.md
@@ -0,0 +1,92 @@
+---
+id: 673c07da6aa1be470dc55332
+title: Task 19
+challengeType: 22
+dashedName: task-19
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK the support team be BLANK during the update?`
+
+## --blanks--
+
+`Will`
+
+### --feedback--
+
+It is used to indicate the future in this structure. The first letter is capitalized.
+
+---
+
+`on call`
+
+### --feedback--
+
+This phrase means being available online to provide support or help if needed.
+
+# --explanation--
+
+`On call` means being available online to provide help or support if necessary.
+
+This sentence uses the structure `Will + subject + verb` to ask about a planned event in the future. This structure is common in formal questions about future arrangements. For example:
+
+- `Will the meeting start at 10 AM?` - This is asking if the meeting is scheduled to begin at that specific time.
+
+- `Will they join us for dinner?` - This is asking if they have plans to come to dinner.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
new file mode 100644
index 0000000000..a0ff078d7f
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c097ad524db51cca7ae3f.md
@@ -0,0 +1,104 @@
+---
+id: 673c097ad524db51cca7ae3f
+title: Task 20
+challengeType: 19
+dashedName: task-20
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to confirm about the support team?
+
+## --answers--
+
+If they will be on call during the update.
+
+---
+
+If they will perform the update themselves.
+
+### --feedback--
+
+Think about whether Maria is asking about the team's role or their availability.
+
+---
+
+If they will monitor user traffic.
+
+### --feedback--
+
+Consider whether Maria refers to managing user activity or being available to assist.
+
+---
+
+If they will install new features.
+
+### --feedback--
+
+Maria's question focuses on their availability, not specific tasks like feature installation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria uses the structure `Will the support team be on call during the update?` to ask if they will be available to help if needed.
+
+Pay attention to the phrase `on call` to understand her intention.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
new file mode 100644
index 0000000000..499a16488a
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/673c0bf736904660a9077269.md
@@ -0,0 +1,102 @@
+---
+id: 673c0bf736904660a9077269
+title: Task 21
+challengeType: 19
+dashedName: task-21
+---
+
+<!-- (Audio) Maria: Will the support team be on call during the update? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the support team might install new features during the update.
+
+### --feedback--
+
+Think about whether Maria's question mentions feature installation or their availability.
+
+---
+
+If the support team is not required to assist during the update.
+
+### --feedback--
+
+Consider whether Maria's question implies the team is unnecessary or if she is confirming their availability.
+
+---
+
+If the support team will be on call during the update.
+
+---
+
+If the support team will work on managing user activity.
+
+### --feedback--
+
+Maria's question does not focus on user activity but rather their availability.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria's question, `Will the support team be on call during the update?`, is asking about a future event in which the team needs to be available to assist.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.9,
+      "finishTimestamp": 27.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.34,
+      "dialogue": {
+        "text": "Will the support team be on call during the update?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.84
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
new file mode 100644
index 0000000000..5cafb2b6ae
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472118e6040e52ad3ca5b0.md
@@ -0,0 +1,101 @@
+---
+id: 67472118e6040e52ad3ca5b0
+title: Task 22
+challengeType: 22
+dashedName: task-22
+---
+
+<!-- (Audio) Maria:  We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to make sure they're ready to BLANK any immediate BLANK that come up.`
+
+## --blanks--
+
+`handle`
+
+### --feedback--
+
+This word means to manage, deal with, or take care of something.
+
+---
+
+`issues`
+
+### --feedback--
+
+This word refers to problems or concerns that need to be addressed or resolved.
+
+# --explanation--
+
+`Handle` means to deal with or manage a task or situation effectively.
+
+`Issues` refers to problems or concerns that require attention or resolution. Together, `handle issues` suggests managing or solving problems as they occur. For example:
+
+- `The technician handled the issue quickly.` - This means the technician managed or resolved the problem efficiently.
+
+- `Addressing these issues is critical for project success.` - This refers to focusing on and resolving problems that affect the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
new file mode 100644
index 0000000000..8c23c475f4
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472280c0b01f5e1442f8da.md
@@ -0,0 +1,115 @@
+---
+id: 67472280c0b01f5e1442f8da
+title: Task 23
+challengeType: 19
+dashedName: task-23
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to ensure?
+
+## --answers--
+
+That they've already solved all the issues.
+
+### --feedback--
+
+Maria is talking about preparation for future problems, not resolving something that has already been handled.
+
+---
+
+That they're ready to handle any immediate issues.
+
+---
+
+That they avoid dealing with any issues.
+
+### --feedback--
+
+Maria emphasizes readiness, not avoidance. Think about whether she wants them to act or ignore.
+
+---
+
+That they focus only on long-term problems.
+
+### --feedback--
+
+Maria's focus is on immediate issues, not long-term concerns. Pay attention to the word `immediate`.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen to the key phrases in Maria's statement: `We need to make sure they're ready` and `to handle any immediate issues that come up.`
+
+The word `ready` indicates preparation, and `immediate issues` specifies the type of problems Maria is referring to.
+
+Together, these phrases show that Maria is focused on ensuring readiness to deal with short-term, unexpected challenges.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
new file mode 100644
index 0000000000..0863bb86fe
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67472348ce54e263862c5386.md
@@ -0,0 +1,99 @@
+---
+id: 67472348ce54e263862c5386
+title: Task 24
+challengeType: 19
+dashedName: task-24
+---
+
+<!-- (Audio) Maria: We need to make sure they're ready to handle any immediate issues that come up. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria believes they should handle issues as they come up.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+Consider whether Maria talks about avoiding or addressing issues. Pay attention to the phrase `handle any immediate issues`.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria says, `We need to make sure they're ready to handle any immediate issues that come up.`
+
+The phrase `handle issues as they come up` directly points to her belief in addressing problems as they occur.
+
+To answer correctly, focus on her use of the words `ready to handle` and `immediate issues`, which indicate her intention for proactive problem-solving.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 27.24,
+      "finishTimestamp": 30.76
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.88,
+      "dialogue": {
+        "text": "We need to make sure they're ready to handle",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 2.88,
+      "finishTime": 4.52,
+      "dialogue": {
+        "text": "any immediate issues that come up.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
new file mode 100644
index 0000000000..df14a58f76
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3864432aea6f5ce708ed.md
@@ -0,0 +1,92 @@
+---
+id: 674e3864432aea6f5ce708ed
+title: Task 26
+challengeType: 22
+dashedName: task-26
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The BLANK technical support team will be BLANK.`
+
+## --blanks--
+
+`entire`
+
+### --feedback--
+
+This word means the whole or complete group.
+
+---
+
+`on duty`
+
+### --feedback--
+
+These two words together mean being officially assigned to work or perform tasks at a specific time. The first word is a preposition, and the second is a noun.
+
+# --explanation--
+
+`Entire` means the whole or complete group, emphasizing that every member of the technical support team is included.
+
+`On duty` refers to being officially assigned to work or available to perform tasks during a specific time. For example:
+
+- `The entire staff attended the meeting.` - This means all members of the staff were present.
+
+- `The security guard is on duty until midnight.` - This means the guard is working and available until the specified time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
new file mode 100644
index 0000000000..a167546f76
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3b2f69b2e481d4f6cebe.md
@@ -0,0 +1,94 @@
+---
+id: 674e3b2f69b2e481d4f6cebe
+title: Task 25
+challengeType: 22
+dashedName: task-25
+---
+
+<!-- (Audio) Absolutely. The entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Absolutely. The entire technical support team BLANK BLANK on duty.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense.
+
+---
+
+`be`
+
+### --feedback--
+
+Infinitive form of verb `to be`.
+
+# --explanation--
+
+The sentence uses `will` to indicate the `Future Simple` tense, showing that the action is expected to happen.
+
+The structure `will + verb` is commonly used to talk about future events, plans, or predictions. For example:
+
+- `They will be at the meeting tomorrow.` - This means their presence is planned for the future.
+
+- `We will start the project next week.` - This means the project is scheduled to begin in the future.
+
+Using `will` is a straightforward way to express future intentions, promises, or schedules.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
new file mode 100644
index 0000000000..f9b77c33aa
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3bc223f6c5862facf3e2.md
@@ -0,0 +1,88 @@
+---
+id: 674e3bc223f6c5862facf3e2
+title: Task 27
+challengeType: 19
+dashedName: task-27
+---
+
+<!-- (Audio) Absolutely, the entire technical support team will be on duty. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Only a part of the technical support team will be on duty.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Focus on the word `entire` in his statement.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Entire` in the sentence makes it clear that all members of the technical support team will be available.
+
+To find the correct answer, focus on the key phrase: `the entire technical support team`. This emphasizes that no one is excluded from being on duty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 31.08,
+      "finishTimestamp": 34.54
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "Absolutely. The entire technical support team will be on duty.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
new file mode 100644
index 0000000000..691fda15e6
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/674e3cb5a611618cd5301758.md
@@ -0,0 +1,99 @@
+---
+id: 674e3cb5a611618cd5301758
+title: Task 28
+challengeType: 22
+dashedName: task-28
+---
+
+<!-- (Audio) They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`They've been BLANK and are prepared to manage any BLANK situations.`
+
+## --blanks--
+
+`briefed`
+
+### --feedback--
+
+This word means being given detailed information or instructions about a task or situation. It ends in `-ed`.
+
+---
+
+`unexpected`
+
+### --feedback--
+
+This word describes something that happens without warning or is not anticipated. It ends in `-ed`.
+
+# --explanation--
+
+`Briefed` means that someone has been provided with detailed instructions or information to prepare them for a specific task or situation.
+
+`Unexpected` refers to something that happens without prior knowledge or warning. For example:
+
+`The team was briefed on the emergency procedures.` - This means the team was given instructions about what to do in an emergency.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
new file mode 100644
index 0000000000..c76e177c69
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506acdf255ff94e0ba712e.md
@@ -0,0 +1,111 @@
+---
+id: 67506acdf255ff94e0ba712e
+title: Task 29
+challengeType: 19
+dashedName: task-29
+---
+
+<!-- (Audio) Jake: They've been briefed and are prepared to manage any unexpected situations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What did Jake instruct them about?
+
+## --answers--
+
+Completing a scheduled task.
+
+### --feedback--
+
+Think about whether Jake's statement focuses on planned tasks or unplanned situations.
+
+---
+
+Managing unexpected situations.
+
+---
+
+Avoiding all potential issues.
+
+### --feedback--
+
+Consider if Jake mentioned avoiding issues or handling them when they arise.
+
+---
+
+Reporting to him immediately.
+
+### --feedback--
+
+Jake's statement does not mention reporting back. Focus on what they are prepared to do.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, listen for the key phrase in Jake's statement: `prepared to manage any unexpected situations`. This shows that the team was briefed to handle unplanned or surprising events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.82,
+      "finishTimestamp": 39
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.62,
+      "dialogue": {
+        "text": "They've been briefed and are prepared",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.62,
+      "finishTime": 5.18,
+      "dialogue": {
+        "text": "to manage any unexpected situations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
new file mode 100644
index 0000000000..495a696be3
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506bd2d567359bac72f760.md
@@ -0,0 +1,90 @@
+---
+id: 67506bd2d567359bac72f760
+title: Task 30
+challengeType: 22
+dashedName: task-30
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great, and when does the team BLANK the final BLANK?`
+
+## --blanks--
+
+`perform`
+
+### --feedback--
+
+This word means to carry out or execute a task or action.
+
+---
+
+`checks`
+
+### --feedback--
+
+This word refers to examinations or inspections to ensure something is correct or in good condition.
+
+# --explanation--
+
+`Perform` means to carry out or execute a specific task.
+
+`Checks` refers to inspections or evaluations made to ensure that everything is functioning correctly or meeting a standard. For example:
+
+`The team performed the tests before deployment.` - This means they executed tests as part of their tasks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
new file mode 100644
index 0000000000..7ac2e03436
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506c7db9d148a0308107d8.md
@@ -0,0 +1,88 @@
+---
+id: 67506c7db9d148a0308107d8
+title: Task 31
+challengeType: 19
+dashedName: task-31
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Maria wants to perform the final checks with the team.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Think about whether Maria mentions her involvement in performing the checks or if she is just asking about the team's task.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria is asking about the timing of the team's task, not expressing a desire to join them in performing the checks.
+
+The phrase `when does the team perform` indicates she is inquiring rather than volunteering or participating.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
new file mode 100644
index 0000000000..62976e0eb0
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506d2c92a80fa4b7a912a7.md
@@ -0,0 +1,104 @@
+---
+id: 67506d2c92a80fa4b7a912a7
+title: Task 32
+challengeType: 19
+dashedName: task-32
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+Who performs the final checks.
+
+### --feedback--
+
+Maria's question is about timing, not about identifying who performs the checks.
+
+---
+
+When the final checks will happen.
+
+---
+
+Why the final checks are performed.
+
+### --feedback--
+
+Maria is asking about the timing, not the reason for the checks.
+
+---
+
+What the final checks include.
+
+### --feedback--
+
+Maria does not ask about the details of the checks, but when they happen.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Listening for key question words like `when` can help identify her intent.
+
+`When` indicates that her question is focused on the timing of the task, not who performs it, why they are performed, or what they include.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
new file mode 100644
index 0000000000..43f7869327
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e16a9e0bdaad7267c35.md
@@ -0,0 +1,98 @@
+---
+id: 67506e16a9e0bdaad7267c35
+title: Task 33
+challengeType: 19
+dashedName: task-33
+---
+
+<!-- (Audio) Maria: Great, and when does the team perform the final checks? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What would be the best answer to Maria's question?
+
+## --answers--
+
+`The final system checks are set for Friday night`.
+
+---
+
+`The final system checks were completed yesterday.`
+
+### --feedback--
+
+This refers to the past, but Maria is asking about a future event. Focus on the tense in her question.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`And when does the team perform the final checks?`, uses the `Present Simple` tense (`does perform`) to ask about a scheduled future event.
+
+The correct answer, `The final system checks are set for Friday night`, also uses the `Present Simple` to describe a fixed plan.
+
+`Present Simple` is often used for future events that are part of a schedule or timetable. For example:
+
+- `The train departs at 8 PM tonight.` - This indicates a scheduled departure.
+
+- `Our meeting starts tomorrow morning.` - This shows a planned time for a future event.
+
+In this context, the `Present Simple` makes the answer concise and appropriate for discussing a fixed event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.5,
+      "finishTimestamp": 41.74
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.24,
+      "dialogue": {
+        "text": "Great. And when does the team perform the final checks?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.74
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
new file mode 100644
index 0000000000..e61c688f45
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506e940e1d20ae6f0fc7e2.md
@@ -0,0 +1,88 @@
+---
+id: 67506e940e1d20ae6f0fc7e2
+title: Task 34
+challengeType: 22
+dashedName: task-34
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The final system checks are BLANK BLANK Friday night.`
+
+## --blanks--
+
+`set`
+
+### --feedback--
+
+This word means arranged or scheduled to happen at a specific time.
+
+---
+
+`for`
+
+### --feedback--
+
+This preposition indicates the purpose or time of an event.
+
+# --explanation--
+
+`Set` means that something is arranged, planned, or scheduled for a specific time or purpose. The preposition `for` is used to indicate the time or purpose of the planned event. For example:
+
+`The meeting is set for 3 PM tomorrow.` - This means the meeting is scheduled to take place at that time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
new file mode 100644
index 0000000000..fdfb7d5cd0
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67506f57df7629b3d8d90f11.md
@@ -0,0 +1,102 @@
+---
+id: 67506f57df7629b3d8d90f11
+title: Task 35
+challengeType: 19
+dashedName: task-35
+---
+
+<!-- (Audio) Jake: The final system checks are set for Friday night. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When will the final checks happen?
+
+## --answers--
+
+Tomorrow morning.
+
+### --feedback--
+
+Focus on the last two words in Jack's statement.
+
+---
+
+Next Monday.
+
+### --feedback--
+
+Pay attention to the timing in his statement.
+
+---
+
+Last Friday.
+
+### --feedback--
+
+The checks are set for a future time, not a past date.
+
+---
+
+Friday night.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `The final system checks are set for Friday night`. The phrase `are set for` indicates a future event, and `Friday night` specifies the exact time. To answer correctly, focus on the timing mentioned in the statement and note that it refers to a planned, scheduled future event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 42.12,
+      "finishTimestamp": 44.78
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.66,
+      "dialogue": {
+        "text": "The final system checks are set for Friday night.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.16
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
new file mode 100644
index 0000000000..40612d4212
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675070049d1f9fb8c1bced11.md
@@ -0,0 +1,89 @@
+---
+id: 675070049d1f9fb8c1bced11
+title: Task 36
+challengeType: 22
+dashedName: task-36
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll confirm that all security BLANK are ready to be deployed without any complications.`
+
+## --blanks--
+
+`patches`
+
+### --feedback--
+
+This word refers to updates or fixes for software or systems.
+
+# --explanation--
+
+`Patches` refers to updates or fixes that address issues in software or systems. For example:
+
+`The patches are ready to be installed.` - This means the fixes are prepared for installation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
new file mode 100644
index 0000000000..541459e2df
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675070d075960bbe3f92eca6.md
@@ -0,0 +1,99 @@
+---
+id: 675070d075960bbe3f92eca6
+title: Task 37
+challengeType: 19
+dashedName: task-37
+---
+
+<!-- (Audio) We'll confirm that all security patches are ready to be deployed without any complications. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The security patches are ready to be deployed.
+
+## --answers--
+
+True
+
+### --feedback--
+
+`We'll` shows this is a future action not something already completed.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The contraction `We'll` stands for `We will,` indicating a future action or plan. For example:
+
+- `I'll call you tomorrow.` - This means the action of calling will happen in the future.
+
+- `We'll review the report later.` - This indicates that the review is planned but has not yet occurred.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.1,
+      "finishTimestamp": 50.38
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll confirm that all security patches",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3,
+      "finishTime": 6.28,
+      "dialogue": {
+        "text": "are ready to be deployed without any complications.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
new file mode 100644
index 0000000000..af84cac2e1
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675074863d75f1d559b039df.md
@@ -0,0 +1,108 @@
+---
+id: 675074863d75f1d559b039df
+title: Task 38
+challengeType: 22
+dashedName: task-38
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Perfect. And the training session for the new BLANK BLANK, when is that planned?`
+
+## --blanks--
+
+`security`
+
+### --feedback--
+
+This word refers to measures or systems designed to protect something, such as data or systems.
+
+---
+
+`protocols`
+
+### --feedback--
+
+This word means a set of rules or procedures to follow in specific situations.
+
+# --explanation--
+
+`Security` refers to systems or actions used to protect important resources, like data or networks.
+
+`Protocols` means a set of rules or procedures that explain how to do something correctly. For example:
+
+`We followed the security protocols during the test.` - This means they followed the safety rules step by step.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
new file mode 100644
index 0000000000..9277b259ca
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750758f8581d3dcfeb1c386.md
@@ -0,0 +1,124 @@
+---
+id: 6750758f8581d3dcfeb1c386
+title: Task 39
+challengeType: 19
+dashedName: task-39
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria think about the training session?
+
+## --answers--
+
+It has not been scheduled yet.
+
+### --feedback--
+
+Focus on the tense she uses.
+
+---
+
+It will be scheduled later.
+
+### --feedback--
+
+Pay attention to her use of the `Present Simple` tense.
+
+---
+
+It is already scheduled.
+
+---
+
+It does not need to be scheduled.
+
+### --feedback--
+
+Consider her use of the phrase `is planned`.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Maria asks, `when is that planned?` The verb `is` in the `Present Simple` shows she believes the training session is already scheduled. The `Present Simple` is often used for fixed future plans, like schedules or timetables. For example:
+
+- `The train departs at 6 PM.` - This shows a planned future event using the `Present Simple`.
+
+- `What time does the concert start?` - This assumes the concert has a fixed start time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
new file mode 100644
index 0000000000..7835648ded
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750775f2b0832e88216e98c.md
@@ -0,0 +1,110 @@
+---
+id: 6750775f2b0832e88216e98c
+title: Task 40
+challengeType: 19
+dashedName: task-40
+---
+
+<!-- (Audio) Maria: Perfect. And the training session for the new security protocols, when is that planned? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's the best answer to Maria's question?
+
+## --answers--
+
+`The training is planned for Thursday afternoon.`
+
+---
+
+`The training will be planned for Thursday afternoon.`
+
+### --feedback--
+
+This uses the `Future Simple` tense, which suggests the plan has not been made yet. Maria's question assumes the training is already scheduled.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Maria's question, `when is that planned?`, uses the `Present Simple` tense (`is planned`) to ask about a fixed future event.
+
+The `Present Simple` is commonly used for schedules, timetables, or planned events because it gives a sense of certainty. For example:
+
+`The bus leaves at 9 AM tomorrow.` - This shows a fixed schedule.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 50.46,
+      "finishTimestamp": 54.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.38,
+      "dialogue": {
+        "text": "Perfect.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.78,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "And the training session for the new security protocols,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 4.12,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "when is that planned?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
new file mode 100644
index 0000000000..8d35fa0a07
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6750784c1399a9ef62b27e9e.md
@@ -0,0 +1,90 @@
+---
+id: 6750784c1399a9ef62b27e9e
+title: Task 41
+challengeType: 22
+dashedName: task-41
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`The training BLANK BLANK for Thursday afternoon.`
+
+## --blanks--
+
+`is`
+
+### --feedback--
+
+This word is a form of the verb `to be` and is part of the `Present Simple` tense.
+
+---
+
+`planned`
+
+### --feedback--
+
+This word means arranged or scheduled for a specific time.
+
+# --explanation--
+
+The sentence `The training is planned for Thursday afternoon` uses the `Present Simple` tense.
+
+This tense is often used to describe fixed future events, like schedules or timetables, because it expresses certainty. For example:
+
+`The meeting starts at 10 AM tomorrow.` - This means the meeting is already scheduled for a specific time.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
new file mode 100644
index 0000000000..b8c04b9747
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507a47729d85fb7c88ee06.md
@@ -0,0 +1,88 @@
+---
+id: 67507a47729d85fb7c88ee06
+title: Task 42
+challengeType: 19
+dashedName: task-42
+---
+
+<!-- (Audio) Jake: The training is planned for Thursday afternoon. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: The training happened last Thursday afternoon.
+
+## --answers--
+
+True
+
+### --feedback--
+
+The phrase `is planned` shows that the training is scheduled for the future, not something that has already happened.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Is planned` uses the `Present Simple` tense to describe a future event that is already scheduled. It indicates certainty about when the training will happen, not that it has already occurred. For example:
+
+`The meeting is planned for next Monday.` - This shows that the meeting is scheduled for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 54.42,
+      "finishTimestamp": 56.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.56,
+      "dialogue": {
+        "text": "The training is planned for Thursday afternoon.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
new file mode 100644
index 0000000000..5f0989e378
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507adbc31ab8ffa2dc5243.md
@@ -0,0 +1,111 @@
+---
+id: 67507adbc31ab8ffa2dc5243
+title: Task 43
+challengeType: 22
+dashedName: task-43
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Every team member must BLANK BLANK BLANK and how these will impact our operations.`
+
+## --blanks--
+
+`understand`
+
+### --feedback--
+
+This word means to know the meaning of something.
+
+---
+
+`the`
+
+### --feedback--
+
+This is a definite article used to specify something particular.
+
+---
+
+`changes`
+
+### --feedback--
+
+This word refers to modifications or adjustments that are made.
+
+# --explanation--
+
+`Understand` means to know the meaning of something.
+
+`The` is a definite article used to refer to specific things or ideas.
+
+`Changes` refers to modifications or adjustments that affect a situation. For example:
+
+- `It is important to understand the updates before implementing them.` - This means comprehending the details of updates before action.
+
+- `We need to explain the changes to the team.` - This refers to communicating the specific adjustments or modifications.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
new file mode 100644
index 0000000000..08c71648ba
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67507f042946421936eb425a.md
@@ -0,0 +1,117 @@
+---
+id: 67507f042946421936eb425a
+title: Task 44
+challengeType: 19
+dashedName: task-44
+---
+
+<!-- (Audio) Jake: Every team member must understand the changes and how these will impact our operations. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake's main concern in this statement?
+
+## --answers--
+
+The team has to finish the changes quickly.
+
+### --feedback--
+
+Jake does not mention speed or urgency.
+
+---
+
+The team understands the changes.
+
+---
+
+The team avoids changes.
+
+### --feedback--
+
+Jake is not concerned about avoiding changes.
+
+---
+
+Assigning tasks to the team.
+
+### --feedback--
+
+Jake's statement is not about assigning tasks to individuals.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says, `Every team member must understand the changes and how these will impact our operations.`
+
+His main concern is ensuring that all team members fully understand the changes and their effect on operations.
+
+The word `must` highlights the importance of this understanding. For example:
+
+`The team must understand the updates before implementation.` - This shows the focus on comprehension as a priority.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-boardroom.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-1.mp3",
+      "startTime": 1,
+      "startTimestamp": 57.24,
+      "finishTimestamp": 62.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.54,
+      "dialogue": {
+        "text": "Every team member must understand the changes",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 5.82,
+      "dialogue": {
+        "text": "and how these will impact our operations.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.52
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
new file mode 100644
index 0000000000..667e794c00
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67508b92b31af876eed82c66.md
@@ -0,0 +1,96 @@
+---
+id: 67508b92b31af876eed82c66
+title: Task 45
+challengeType: 22
+dashedName: task-45
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`Will`, `is scheduled`, `will be`, `are set`, `is`, `We'll`, and `will impact`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Maria, the next system update BLANK for this Saturday at 2 AM. It's crucial to enhance our firewall settings to prevent any potential DoS attacks.`
+
+`Maria: Yes, Jake, I've reviewed the timetable. The server downtime starts exactly when the user traffic is at its lowest, correct?`
+
+`Jake: That's right. The update should last about two hours. Our main goal is to minimize disruption while strengthening our defenses.`
+
+`Maria: BLANK the support team be on call during the update? We need to make sure they're ready to handle any immediate issues that come up.`
+
+`Jake: Absolutely, the entire technical support team BLANK on duty. They've been briefed and are prepared to manage any unexpected situations.`
+
+`Maria: Great, and when does the team perform the final checks?`
+
+`Jake: The final system checks BLANK for Friday night. BLANK confirm that all security patches are ready to be deployed without any complications.`
+
+`Maria: Perfect. And the training session for the new security protocols, when BLANK that planned?`
+
+`Jake: The training is planned for Thursday afternoon. Every team member must understand the changes and how these BLANK our operations.`
+
+## --blanks--
+
+`is scheduled`
+
+### --feedback--
+
+These two words together are the `Present Simple` tense to describe a planned future event.
+
+---
+
+`Will`
+
+### --feedback--
+
+This word indicates the `Future Simple` tense and is used for asking about future actions. It is capitalized.
+
+---
+
+`will be`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe a planned future action.
+
+---
+
+`are set`
+
+### --feedback--
+
+These two words together are used to talk about a future event that has been scheduled.
+
+---
+
+`We'll`
+
+### --feedback--
+
+Contraction that shows a future action or plan. The first letter is capitalized.
+
+---
+
+`is`
+
+### --feedback--
+
+This is the verb `to be` conjugated.
+
+---
+
+`will impact`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense to describe an action that will affect something in the future.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
new file mode 100644
index 0000000000..848b065854
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752100607e30e31bd85af76.md
@@ -0,0 +1,70 @@
+---
+id: 6752100607e30e31bd85af76
+title: Task 46
+challengeType: 19
+dashedName: task-46
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. Please ensure all tasks are completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When does the system downtime start?
+
+## --answers--
+
+`Friday night`
+
+### --feedback--
+
+This is when the final checks are set, not the downtime.
+
+---
+
+`Thursday afternoon`
+
+### --feedback--
+
+This refers to the training session, not the downtime.
+
+---
+
+`Friday at 2 AM`
+
+### --feedback--
+
+The downtime doesn't start on Friday.
+
+---
+
+`Saturday at 2 AM.`
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find out when the system downtime starts, focus on the part of the message where Jake talks about the timeline.
+
+Look for the phrase `The system update is scheduled to...` to find the correct answer.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
new file mode 100644
index 0000000000..1e959b134d
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752133caed6e849142fcc19.md
@@ -0,0 +1,70 @@
+---
+id: 6752133caed6e849142fcc19
+title: Task 47
+challengeType: 19
+dashedName: task-47
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+When do the final system checks take place?
+
+## --answers--
+
+Thursday afternoon.
+
+### --feedback--
+
+This is when the training session is planned, not the final system checks.
+
+---
+
+Friday evening.
+
+---
+
+Saturday at 2 AM.
+
+### --feedback--
+
+This is when the system update starts, not the final system checks.
+
+---
+
+Friday afternoon.
+
+### --feedback--
+
+This is when the security patches are ready to be deployed, not when the final system checks occur.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find out when the final system checks take place, focus on the part of the message that lists the schedule.
+
+Look for the phrase `The final system checks are...` to find the correct time.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
new file mode 100644
index 0000000000..14b19a86ed
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6752136c94c79a4ad803f0cf.md
@@ -0,0 +1,70 @@
+---
+id: 6752136c94c79a4ad803f0cf
+title: Task 48
+challengeType: 19
+dashedName: task-48
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Why are the firewall settings enhanced by Friday?
+
+## --answers--
+
+To prevent potential DoS attacks.
+
+---
+
+To minimize disruption during the downtime.
+
+### --feedback--
+
+While minimizing disruption is mentioned elsewhere, it is not the reason given for enhancing firewall settings.
+
+---
+
+To ensure the system update happens on time.
+
+### --feedback--
+
+The system update happens on Saturday, but this task is unrelated to the timing of the update.
+
+---
+
+To manage immediate issues during the update.
+
+### --feedback--
+
+Managing immediate issues is the responsibility of the support team, not the firewall settings.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To find out why the firewall settings are enhanced, focus on the sentence `Firewall settings are enhanced by Friday to prevent potential DoS attacks.`
+
+The text explicitly states this purpose, emphasizing the importance of preparing for potential cyber threats.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
new file mode 100644
index 0000000000..81a8ef7646
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675213a1aa7da34c876d94e9.md
@@ -0,0 +1,72 @@
+---
+id: 675213a1aa7da34c876d94e9
+title: Task 49
+challengeType: 19
+dashedName: task-49
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+What happens if the final system checks are not completed by Friday?
+
+## --answers--
+
+The server downtime will last longer.
+
+### --feedback--
+
+The server downtime is scheduled to last two hours and is not directly impacted by the final checks.
+
+---
+
+The training session will be rescheduled.
+
+### --feedback--
+
+The training session takes place on Thursday, unrelated to the timing of the final checks.
+
+---
+
+The system update might be delayed.
+
+---
+
+Immediate issues won't be resolved.
+
+### --feedback--
+
+Immediate issues are handled by the support team during the update, not by the final system checks.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To understand what might happen if the final system checks are not completed, consider their role in preparing for the update.
+
+Final checks ensure readiness for the system update, so their delay could lead to postponing the update.
+
+Look for the phrase `The final system checks are set` to confirm this connection.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
new file mode 100644
index 0000000000..fefadfc1ec
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675213f5a47d9e4ef23d9050.md
@@ -0,0 +1,72 @@
+---
+id: 675213f5a47d9e4ef23d9050
+title: Task 50
+challengeType: 19
+dashedName: task-50
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message Jake sent to his team:
+
+`Hi Team,`
+
+`Here is the checklist for the upcoming system update. All tasks must be completed on time:`
+
+`- Thursday afternoon: The training session for the new security protocols is planned.`  
+`- Friday afternoon: All security patches are ready to be deployed.`  
+`- Friday evening: The final system checks are set.`  
+`- Saturday at 2 AM: The system update is scheduled to start, with server downtime lasting two hours.`  
+`- During the update: The support team is on call to manage any immediate issues.`
+
+`Firewall settings are enhanced by Friday to prevent potential DoS attacks. Let me know if there are any questions!`
+
+Which event happens first?
+
+## --answers--
+
+The final system checks are set.
+
+### --feedback--
+
+The final checks happen after the training session on Thursday and after security patches on Friday.
+
+---
+
+The security patches are ready to be deployed.
+
+### --feedback--
+
+The security patches are scheduled for Friday, but the training session happens earlier.
+
+---
+
+The training session is planned.
+
+---
+
+The system update starts.
+
+### --feedback--
+
+The system update happens last, on Saturday at 2 AM, after all other events are completed.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To identify which event happens first, look at the timeline in the message.
+
+The training session is scheduled for Thursday afternoon, making it the first event before the other tasks.
+
+Look for the phrase `Thursday afternoon: The training session ... is planned` to confirm.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
new file mode 100644
index 0000000000..724ededb89
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531709d628ef047202e6ae.md
@@ -0,0 +1,196 @@
+---
+id: 67531709d628ef047202e6ae
+title: "Dialogue 2: Responding to Phishing Threats"
+challengeType: 21
+dashedName: dialogue-2-responding-to-phishing-threats
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video..
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Sarah",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-2.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 4.56,
+     "dialogue": {
+       "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 4.96,
+     "finishTime": 8.52,
+     "dialogue": {
+       "text": "It looks like someone will need to notify the team and take immediate action.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 8.94,
+     "finishTime": 11.12,
+     "dialogue": {
+       "text": "Oh, no. Do you know where it originated from?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 11.38,
+     "finishTime": 13.86,
+     "dialogue": {
+       "text": "Not yet, but I think it came from an email link.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.1,
+     "finishTime": 18.02,
+     "dialogue": {
+       "text": "We need to investigate quickly. I'll send out a warning to everyone right away.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 18.42,
+     "finishTime": 21.48,
+     "dialogue": {
+       "text": "That sounds like a good plan. Do you think it will affect our project deadlines?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 21.88,
+     "finishTime": 25.16,
+     "dialogue": {
+       "text": "It might. I hope it won't, but we should prepare for delays.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 25.54,
+     "finishTime": 27.98,
+     "dialogue": {
+       "text": "I'll update the project manager about the situation.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 27.98,
+     "finishTime": 31.62,
+     "dialogue": {
+       "text": "I'll alert the development team and tell them to check their emails carefully.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 31.98,
+     "finishTime": 33.16,
+     "dialogue": {
+       "text": "Is there anything else we should do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 33.46,
+     "finishTime": 37.6,
+     "dialogue": {
+       "text": "We'll probably need to run a full system scan to ensure that there's no hidden malware.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 37.96,
+     "finishTime": 40.6,
+     "dialogue": {
+       "text": "Can you coordinate with the IT support team for that?",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 41,
+     "finishTime": 44.92,
+     "dialogue": {
+       "text": "Yes, I'll contact them now. How do you think our clients will react to this news?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 45.6,
+     "finishTime": 51.98,
+     "dialogue": {
+       "text": "They'll likely be concerned, but I'll reassure them that we're taking all necessary steps to secure our systems.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Sarah",
+     "startTime": 52.5,
+     "finishTime": 56.92,
+     "dialogue": {
+       "text": "Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Sarah",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.52
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 57.92
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
new file mode 100644
index 0000000000..4dae0411e6
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675318543812fa0f15f42c10.md
@@ -0,0 +1,95 @@
+---
+id: 675318543812fa0f15f42c10
+title: Task 51
+challengeType: 22
+dashedName: task-51
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Sarah, I just found out that we've had a BLANK BLANK on our system.`
+
+## --blanks--
+
+`phishing`
+
+### --feedback--
+
+This word refers to a type of online scam where someone tries to steal personal information.
+
+---
+
+`attack`
+
+### --feedback--
+
+This word means an attempt to harm something, usually intentionally. This word has double `t`.
+
+# --explanation--
+
+`Phishing` is a method used by scammers to trick people into sharing personal information like passwords or credit card details, usually through fake emails or websites. For example:
+
+`The phishing email looked like it came from our bank.` - This means the email was fake but designed to steal personal information.
+
+`Attack` means an act of trying to harm or damage something. It can be physical, verbal, or in cybersecurity. For example:
+
+- `The attack on the server caused it to shut down.` - This means an intentional act damaged the server.
+
+- `She defended herself during the verbal attack.` - This means someone said harmful things to her.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
new file mode 100644
index 0000000000..c1440df4fb
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ca2cb308e28acf3bdc1.md
@@ -0,0 +1,104 @@
+---
+id: 67531ca2cb308e28acf3bdc1
+title: Task 52
+challengeType: 19
+dashedName: task-52
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake reporting to Sarah?
+
+## --answers--
+
+Jake was attacked by a fish.
+
+### --feedback--
+
+Jake mentioned `phishing`, which refers to an online scam, not anything related to fish.
+
+---
+
+There was a phishing attack on their system.
+
+---
+
+Jake uploaded something new to the system.
+
+### --feedback--
+
+Jake is talking about a problem with the system, not adding or uploading anything.
+
+---
+
+The system was updated successfully.
+
+### --feedback--
+
+Jake is reporting a problem, not describing a successful update.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Phishing` refers to a type of online scam where someone tries to steal personal information, like passwords or credit card details. It is not related to `fishing`, even though they sound similar.
+
+Try to listen to the words `phishing attack` in Jake's statement. They make it clear that this is about a harmful event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
new file mode 100644
index 0000000000..2d5051caed
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531f0c699943385e41734c.md
@@ -0,0 +1,90 @@
+---
+id: 67531f0c699943385e41734c
+title: Task 53
+challengeType: 19
+dashedName: task-53
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake just found out about the phishing attack.
+
+## --answers--
+
+True
+
+---
+
+False
+
+### --feedback--
+
+`Just found out` means Jake learned about something for the first time, so he didn't know about it before.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Found out` means to discover or learn something new, usually for the first time. For example:
+
+`I just found out about the meeting yesterday.` - This means I learned about the meeting for the first time yesterday.
+
+Try to listen to the phrase `just found out` in the audio. In this context, Jake is saying he just discovered that there was a phishing attack. This shows he didn't know about it before.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 3.56
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.06
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
new file mode 100644
index 0000000000..530c0682b3
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67531ff45ade873e5ff17211.md
@@ -0,0 +1,90 @@
+---
+id: 67531ff45ade873e5ff17211
+title: Task 55
+challengeType: 19
+dashedName: task-55
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+True or False: Jake is not worried about the phishing attack.
+
+## --answers--
+
+True
+
+### --feedback--
+
+Jake mentions taking `immediate action`, which shows urgency and concern about the situation.
+
+---
+
+False
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Immediate action` means doing something without delay because it is urgent. For example:
+
+`We need to take immediate action to stop the leak.` - This shows the situation is urgent, and action must be taken quickly.
+
+In this context, Jake says `immediate action`, which indicates he is worried and believes the phishing attack is a serious issue that requires quick response. The words `notify the team` also show he is treating the matter with importance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
new file mode 100644
index 0000000000..6dd4e54d85
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532227a04e5e4cd4ccf987.md
@@ -0,0 +1,92 @@
+---
+id: 67532227a04e5e4cd4ccf987
+title: Task 54
+challengeType: 22
+dashedName: task-54
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It looks like someone BLANK BLANK to notify the team and take immediate action.`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This word is a modal verb used to express a decision made at the moment of speaking.
+
+---
+
+`need`
+
+### --feedback--
+
+This word shows that something is necessary or required.
+
+# --explanation--
+
+`Will` is used to express a decision made at the moment of speaking, often when someone reacts to a situation. It is a way to show spontaneity or immediate response. For example:
+
+`I will call the manager right away.` - This shows a decision made at the moment in response to a need.
+
+`Need` means something is required or necessary. For example:
+
+`We need more time to finish the project.` - This shows something essential to complete the task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
new file mode 100644
index 0000000000..3f08bb2acc
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675323b130ad71572ef10510.md
@@ -0,0 +1,104 @@
+---
+id: 675323b130ad71572ef10510
+title: Task 56
+challengeType: 19
+dashedName: task-56
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who will need to take immediate action?
+
+## --answers--
+
+Jake
+
+### --feedback--
+
+Jake does not say that he will be the one taking action in this context.
+
+---
+
+Sarah
+
+### --feedback--
+
+Jake does not mention Sarah needing to take immediate action in this context.
+
+---
+
+Someone
+
+---
+
+The entire team
+
+### --feedback--
+
+The audio does not mention the entire team needing to act.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+In the audio, Jake uses the word `someone`, which means he is not specifying a particular person who needs to act. The word `someone` helps identify that the responsibility is not assigned to Jake, Sarah, or the entire team.
+
+Listen for the phrase `someone will need to notify`. This is a key part of the sentence that points out the correct answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
new file mode 100644
index 0000000000..8ce96c60ad
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532445152d375af93d4d19.md
@@ -0,0 +1,104 @@
+---
+id: 67532445152d375af93d4d19
+title: Task 57
+challengeType: 19
+dashedName: task-57
+---
+
+<!-- (Audio) Jake: It looks like someone will need to notify the team and take immediate action. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What should be done?
+
+## --answers--
+
+Notify the team and take immediate action.
+
+---
+
+Notify the team later.
+
+### --feedback--
+
+Jake uses the phrase `immediate action`, which shows urgency, not something that can be delayed.
+
+---
+
+Take immediate action without telling anyone.
+
+### --feedback--
+
+Jake mentions `notify the team`, which means informing others is part of what needs to be done.
+
+---
+
+Ignore the issue for now.
+
+### --feedback--
+
+Jake clearly says `immediate action`, which means the situation requires attention right away.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Listen for the words `notify the team` and `immediate action`. These are key parts of the sentence and point directly to the correct answer.
+
+In the audio, Jake says `notify the team and take immediate action`. These two actions are clearly mentioned together as what needs to be done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 3.56,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.06,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
new file mode 100644
index 0000000000..f9a241f43e
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675325cfea799165252500d4.md
@@ -0,0 +1,100 @@
+---
+id: 675325cfea799165252500d4
+title: Task 58
+challengeType: 19
+dashedName: task-58
+---
+
+<!-- (Audio) Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone will need to notify the team and take immediate action. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to ask Jake more about the problem?
+
+## --answers--
+
+`Oh no! What is the team going to do?`
+
+### --feedback--
+
+This question focuses on the team's response, not the details of the phishing attack itself.
+
+---
+
+`Oh no! Do you know where it originated from?`
+
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The correct option is `Oh no! Do you know where it originated from?` because it asks for specific details about the phishing attack.
+
+The phrase `where it originated from` refers to the source or starting point of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 7.52
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.56,
+      "dialogue": {
+        "text": "Sarah, I just found out that we've had a phishing attack on our system.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 4.96,
+      "finishTime": 8.52,
+      "dialogue": {
+        "text": "It looks like someone will need to notify the team and take immediate action.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 9.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
new file mode 100644
index 0000000000..a488b8c515
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675326de48b3e36c45ba1328.md
@@ -0,0 +1,78 @@
+---
+id: 675326de48b3e36c45ba1328
+title: Task 59
+challengeType: 22
+dashedName: task-59
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Oh no! Do you know where BLANK originated from?`
+
+## --blanks--
+
+`it`
+
+### --feedback--
+
+This pronoun is used to refer to something already mentioned, like the phishing attack.
+
+# --explanation--
+
+`It` is a pronoun used to refer to something already mentioned, so you don't have to repeat the same noun. In this context, `it` refers to the phishing attack mentioned earlier.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
new file mode 100644
index 0000000000..9af2a3bb83
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675327d73a38d5731235d764.md
@@ -0,0 +1,104 @@
+---
+id: 675327d73a38d5731235d764
+title: Task 60
+challengeType: 19
+dashedName: task-60
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+Who will notify the team.
+
+### --feedback--
+
+Sarah is not asking about who will notify the team.
+
+---
+
+How serious the phishing attack is.
+
+### --feedback--
+
+Sarah is not asking about how serious the attack is.
+
+---
+
+If the system is safe now.
+
+### --feedback--
+
+Sarah is not asking about whether the system is safe now.
+
+---
+
+The source of the phishing attack.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Pay attention to `where it originated from`. It shows she is asking about the source or starting point of the phishing attack.
+
+In the audio, Sarah uses the pronoun `it` to refer to the phishing attack, showing she is asking about where it started.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
new file mode 100644
index 0000000000..daeb65589f
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675329bc0e2bfa7f1c4f7411.md
@@ -0,0 +1,90 @@
+---
+id: 675329bc0e2bfa7f1c4f7411
+title: Task 61
+challengeType: 19
+dashedName: task-61
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Sarah's question?
+
+## --answers--
+
+`This is terrible! The system is currently down.`
+
+### --feedback--
+
+This focuses on the state of the system, not the origin of the phishing attack.
+
+---
+
+`Not yet, but I think it came from an email link.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Pay attention to the words `where it originated from` in Sarah's question. They indicate she is asking about the source of the issue.
+
+The correct answer is `Not yet, but I think it came from an email link`. It directly addresses Sarah's question by discussing the origin of the phishing attack.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 10.12
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
new file mode 100644
index 0000000000..7f0576a046
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532ac8b110a08666ee5f18.md
@@ -0,0 +1,90 @@
+---
+id: 67532ac8b110a08666ee5f18
+title: Task 62
+challengeType: 22
+dashedName: task-62
+---
+
+<!-- (Audio) Jake: Not yet, but I think it came from an email link. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Not yet, but I think it BLANK BLANK an email link.`
+
+## --blanks--
+
+`came`
+
+### --feedback--
+
+This word means to move or happen from one place or source to another. It is the past tense of `come`.
+
+---
+
+`from`
+
+### --feedback--
+
+This word shows the starting point or source of something.
+
+# --explanation--
+
+`Came from` is used to describe the source or starting point of something. For example:
+
+- `The idea came from a brainstorming session.` - This means the brainstorming session was the source of the idea.
+
+- `She said the problem came from a mistake in the code.` - This indicates the mistake in the code caused the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 12.86
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
new file mode 100644
index 0000000000..1af4895b69
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532bbaa817558e7691df51.md
@@ -0,0 +1,82 @@
+---
+id: 67532bbaa817558e7691df51
+title: Task 63
+challengeType: 22
+dashedName: task-63
+---
+
+<!-- (Audio) Jake We need to investigate quickly. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We need to investigate BLANK.`
+
+## --blanks--
+
+`quickly`
+
+### --feedback--
+
+This word means to do something fast or without delay.
+
+# --explanation--
+
+`Quickly` is an adverb that describes doing something in a fast or timely manner. In this context, it shows that the investigation must happen without delay. For example:
+
+- `He quickly responded to the email.` - This means he replied fast.
+
+- `We need to act quickly to prevent more damage.` - This shows urgency in taking action.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.1,
+      "finishTimestamp": 14.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.52,
+      "dialogue": {
+        "text": "We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
new file mode 100644
index 0000000000..0bf1ae83c5
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67532c49e75faf929fd9378d.md
@@ -0,0 +1,84 @@
+---
+id: 67532c49e75faf929fd9378d
+title: Task 64
+challengeType: 22
+dashedName: task-64
+---
+
+<!-- (Audio) Jake: I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK send out a warning to everyone right away.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. It is commonly used to express decisions made at the moment of speaking or to indicate future actions. For example:
+
+- `I'll call the manager now.` - This shows a decision made at the moment of speaking.
+
+- `I'll help you with your project.` - This means offering help immediately after hearing about the need.
+
+The contraction makes the sentence shorter and more natural in spoken English.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 14.72,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.3,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.8
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
new file mode 100644
index 0000000000..70466b5892
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6753314748a2feb09a3059b2.md
@@ -0,0 +1,139 @@
+---
+id: 6753314748a2feb09a3059b2
+title: Task 65
+challengeType: 19
+dashedName: task-65
+---
+
+<!-- (Audio) Sarah: Oh no! Do you know where it originated from? Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What are the next steps?
+
+## --answers--
+
+Fix the issue and update the system.
+
+### --feedback--
+
+The audio does not mention fixing the issue or updating the system yet.
+
+---
+
+Find the source and contact IT support.
+
+### --feedback--
+
+The audio mentions investigating quickly, but it does not mention contacting IT support.
+
+---
+
+Wait for more information before taking action.
+
+### --feedback--
+
+The audio clearly states the need to act quickly and send out a warning, not to wait.
+
+---
+
+Investigate quickly and send out a warning.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+In the audio, Jake says, `We need to investigate quickly` and `I'll send out a warning to everyone right away.` These phrases indicate the immediate next steps.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.84,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Oh, no. Do you know where it originated from?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.41
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.54,
+      "finishTime": 7.68,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 7.88,
+      "finishTime": 10.18,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 10.68
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
new file mode 100644
index 0000000000..35e4cea5e6
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67533335139a96bd1eb18395.md
@@ -0,0 +1,97 @@
+---
+id: 67533335139a96bd1eb18395
+title: Task 66
+challengeType: 19
+dashedName: task-66
+---
+
+<!-- Jake: Not yet, but I think it came from an email link. We need to investigate quickly. I'll send out a warning to everyone right away. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Sarah wants to **agree** with Jake. What should she say?
+
+## --answers--
+
+`I'm not sure about that approach. Can we wait before deciding?`
+
+### --feedback--
+
+This option disagrees with Jake, so it does not align with Sarah wanting to agree.
+
+---
+
+`That sounds like a good plan. Do you think it will affect our project deadlines?`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The phrase `That sounds like a good plan` shows agreement with Jake's proposed actions. Sarah then adds a follow-up question about project deadlines, which continues the discussion.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.38,
+      "finishTimestamp": 17.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 5.14,
+      "dialogue": {
+        "text": "Not yet, but I think it came from an email link. We need to investigate quickly.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.34,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "I'll send out a warning to everyone right away.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
new file mode 100644
index 0000000000..0d49d06f15
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6753357b948f6acb55e35e3b.md
@@ -0,0 +1,101 @@
+---
+id: 6753357b948f6acb55e35e3b
+title: Task 67
+challengeType: 22
+dashedName: task-67
+---
+
+<!-- (Audio) Sarah: That sounds like a good plan. Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`That sounds like a good plan. Do you think it BLANK BLANK our project deadlines?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This is a modal verb used to talk about something that might happen in the future.
+
+---
+
+`affect`
+
+### --feedback--
+
+This word means to cause a change or impact something.
+
+# --explanation--
+
+`Will` is a modal verb used to talk about future possibilities or decisions.
+
+`Affect` means to cause a change or impact. For example:
+
+- `Do you think the delay will affect the delivery time?` - This asks if the delay might change the delivery time.
+
+- `The new policy will affect how we work.` - This means the policy will have an impact on work processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.22,
+      "finishTimestamp": 20.68
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.36,
+      "dialogue": {
+        "text": "That sounds like a good plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.54,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
new file mode 100644
index 0000000000..c506c55a13
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67535bfb5c07ec6334ec8ea3.md
@@ -0,0 +1,108 @@
+---
+id: 67535bfb5c07ec6334ec8ea3
+title: Task 68
+challengeType: 19
+dashedName: task-68
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to know?
+
+## --answers--
+
+If they need to update the project plan.
+
+### --feedback--
+
+This option is about changing the plan, but Sarah is asking something different.
+
+---
+
+If the project can continue as planned.
+
+### --feedback--
+
+This option talks about the project's continuation, but Sarah's question is about something else.
+
+---
+
+If the attack will delay their deadlines.
+
+---
+
+If the team has already finished the project.
+
+### --feedback--
+
+This option refers to whether the project is complete, but Sarah is not asking about that.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Pay attention to the words `will affect` and `deadlines` in the audio. These are key to understanding the question.
+
+A `project deadline` is the final date by which a project must be completed.
+
+`Will affect` is used to ask if something will cause a change or impact. For example:
+
+`The new policy will affect the project deadline.` - This means the policy will change the timeline for the project.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
new file mode 100644
index 0000000000..1d27ab1602
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67535e02fd808570ca6cb599.md
@@ -0,0 +1,88 @@
+---
+id: 67535e02fd808570ca6cb599
+title: Task 69
+challengeType: 19
+dashedName: task-69
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Select the most adequate answer to Sarah's question.
+
+## --answers--
+
+`It might. I hope it won't.`
+
+---
+
+`I'm not sure. Let's ignore it for now.`
+
+### --feedback--
+
+This response suggests doing nothing, which is not appropriate for addressing Sarah's concern.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Pay attention to Sarah's question, especially `will affect our project deadlines.` She is asking about the possibility of delays and expects a thoughtful and realistic answer.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.66,
+      "finishTimestamp": 20.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.92,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.42
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
new file mode 100644
index 0000000000..8d38ff60ab
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675743f6f7016d1074a9bca1.md
@@ -0,0 +1,82 @@
+---
+id: 675743f6f7016d1074a9bca1
+title: Task 70
+challengeType: 22
+dashedName: task-70
+---
+
+<!-- (Audio) Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it BLANK.`
+
+## --blanks--
+
+`won't`
+
+### --feedback--
+
+This is the contraction for `will not`.
+
+# --explanation--
+
+`Won't` is the contraction for `will not`, which is used to make negative sentences about the future. For example:
+
+- `They won't finish the project on time if they don't start now.` - This predicts a negative outcome if action isn't taken.
+
+- `He won't attend the meeting because he is sick.` - This shows a future action that will not happen.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.8,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.3
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
new file mode 100644
index 0000000000..6628d1b37c
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675746c2d3d2f222111918d4.md
@@ -0,0 +1,134 @@
+---
+id: 675746c2d3d2f222111918d4
+title: Task 71
+challengeType: 19
+dashedName: task-71
+---
+
+<!-- (Audio) Sarah: Do you think it will affect our project deadlines? Jake: It might. I hope it won't. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake feel about the deadlines?
+
+## --answers--
+
+He is sure they will be delayed and cannot be finished on time.
+
+### --feedback--
+
+Jake uses the word `might`, which shows he is uncertain, not certain about delays.
+
+---
+
+He thinks they might be affected but hopes they won't.
+
+---
+
+He doesn't care if the deadlines are affected or not.
+
+### --feedback--
+
+Jake expresses concern and hope in his response, which shows he does care about the deadlines.
+
+---
+
+He is confident the deadlines will be met without any delays.
+
+### --feedback--
+
+Jake's use of `might` and `I hope it won't` shows doubt, not confidence about meeting the deadlines.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake uses `might` to show uncertainty about the deadlines being affected. He also says, `I hope it won't`, which expresses hope that the deadlines remain unaffected. For example:
+
+- `The software update might cause some delays.` - This means it is possible, but not certain, that delays will happen.
+
+- `I hope the server won't go down during the deployment.` - This expresses a desire for the server to remain operational.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 18.76,
+      "finishTimestamp": 22.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Do you think it will affect our project deadlines?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 2.92
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.12,
+      "finishTime": 4.82,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
new file mode 100644
index 0000000000..ca4008841e
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757488ee5dfb72d866a36df.md
@@ -0,0 +1,89 @@
+---
+id: 6757488ee5dfb72d866a36df
+title: Task 72
+challengeType: 22
+dashedName: task-72
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It might. I hope it won't, but we should prepare for BLANK.`
+
+## --blanks--
+
+`delays`
+
+### --feedback--
+
+This word means something happening later than expected. Remember, it is plural in this sentence.
+
+# --explanation--
+
+`Delays` are situations where something happens later than planned or expected. For example:
+
+`The software release faced delays due to testing issues.` - This means the release happened later than planned because of testing problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
new file mode 100644
index 0000000000..99e05c98fc
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757498f826b0634696f224e.md
@@ -0,0 +1,111 @@
+---
+id: 6757498f826b0634696f224e
+title: Task 73
+challengeType: 22
+dashedName: task-73
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It BLANK. I hope it BLANK, but we BLANK prepare for delays.`
+
+## --blanks--
+
+`might`
+
+### --feedback--
+
+This modal verb shows possibility or uncertainty about the future.
+
+---
+
+`won't`
+
+### --feedback--
+
+This contraction is used to express a negative statement about the future.
+
+---
+
+`should`
+
+### --feedback--
+
+This modal verb is used to express a recommendation or advice for future actions.
+
+# --explanation--
+
+Jake uses `might`, `won't`, and `should` to express his thoughts about possibilities, plans, and actions in the future.
+
+`Might` shows possibility or uncertainty: Jake thinks there's a chance that delays could happen but isn't certain.
+
+`Won't` is the contraction for `will not`: Jake hopes delays will not happen, expressing his desire for a positive outcome.
+
+`Should` is used to make a recommendation: Jake suggests preparing for delays as a practical step, even though he hopes they won't happen.
+
+This combination shows how Jake is reflecting on the future: acknowledging uncertainty (`might`), expressing hope (`won't`), and making a plan to act (`should`).
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
new file mode 100644
index 0000000000..d51d0dee88
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574a712cb1143a3920f2a3.md
@@ -0,0 +1,113 @@
+---
+id: 67574a712cb1143a3920f2a3
+title: Task 74
+challengeType: 19
+dashedName: task-74
+---
+
+<!-- (Audio) Jake: It might. I hope it won't, but we should prepare for delays. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's approach to the situation?
+
+## --answers--
+
+He is ignoring the delays.
+
+### --feedback--
+
+Jake says, `we should prepare for delays` so he is not ignoring them.
+
+---
+
+He is sure there will be no delays.
+
+### --feedback--
+
+Jake says, `It might` which shows he is not certain there will be no delays.
+
+---
+
+He wants to be ready for delays.
+
+---
+
+He thinks delays are already happening.
+
+### --feedback--
+
+Jake uses `might` which shows he is unsure if delays will happen.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake uses `might` to show he is uncertain about the delays but acknowledges the possibility. By saying, `we should prepare for delays`, he demonstrates proactive planning.
+
+This combination of modal verbs shows both reflection and preparation for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.78,
+      "finishTimestamp": 24.26
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.9,
+      "dialogue": {
+        "text": "It might. I hope it won't,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.0,
+      "finishTime": 4.48,
+      "dialogue": {
+        "text": "but we should prepare for delays.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
new file mode 100644
index 0000000000..39e6aae186
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574bb2fe3c4c42bae7b6e5.md
@@ -0,0 +1,88 @@
+---
+id: 67574bb2fe3c4c42bae7b6e5
+title: Task 75
+challengeType: 22
+dashedName: task-75
+---
+
+<!-- (Audio) I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll update the BLANK BLANK about the situation.`
+
+## --blanks--
+
+`project`
+
+### --feedback--
+
+This word refers to a specific task or goal being worked on.
+
+---
+
+`manager`
+
+### --feedback--
+
+This word refers to a person responsible for overseeing and organizing tasks or teams.
+
+# --explanation--
+
+A `project manager` is a person who oversees the progress of a project, ensuring tasks are completed on time and goals are met. For example:
+
+`The project manager called a meeting to discuss deadlines.` - This shows the manager organizing and leading the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
new file mode 100644
index 0000000000..e0f1027e41
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574c6d474104486add91a7.md
@@ -0,0 +1,106 @@
+---
+id: 67574c6d474104486add91a7
+title: Task 76
+challengeType: 19
+dashedName: task-76
+---
+
+<!-- (Audio) Jake: I'll update the project manager about the situation. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake informing?
+
+## --answers--
+
+He has already updated the project manager about the situation.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is a plan for the future, not something that has already happened.
+
+---
+
+He is updating the project manager about the situation now.
+
+### --feedback--
+
+Jake uses `I'll` which shows this is something he plans to do in the future, not right now.
+
+---
+
+He is not going to inform the project manager.
+
+### --feedback--
+
+Jake explicitly says he will do something.
+
+---
+
+He will update the project manager about the situation.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Jake says, `I'll update the project manager`, this shows that Jake is talking about something he plans to do in the future, not something happening now or that has already been done. For example:
+
+- `I'll send the email tomorrow.` - This means sending the email is planned for the future.
+
+- `He'll call the client after the meeting.` - This shows a plan to contact the client later.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 24.44,
+      "finishTimestamp": 27.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "I'll update the project manager about the situation.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
new file mode 100644
index 0000000000..2d9f3bb8f6
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67574d8786f50e500eae8e67.md
@@ -0,0 +1,97 @@
+---
+id: 67574d8786f50e500eae8e67
+title: Task 77
+challengeType: 22
+dashedName: task-77
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'll alert the BLANK BLANK and tell them to check their emails carefully.`
+
+## --blanks--
+
+`development`
+
+### --feedback--
+
+This word refers to the team responsible for creating or improving something, such as software or systems.
+
+---
+
+`team`
+
+### --feedback--
+
+This word refers to a group of people working together towards a common goal.
+
+# --explanation--
+
+The `development team` is a group of professionals responsible for building or improving systems, software, or products. For example:
+
+`The development team is working on the new feature.` - This means the team is creating or enhancing something specific.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
new file mode 100644
index 0000000000..95e192bf54
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575000c0fd5b5f211d89c4.md
@@ -0,0 +1,121 @@
+---
+id: 67575000c0fd5b5f211d89c4
+title: Task 78
+challengeType: 19
+dashedName: task-78
+---
+
+<!-- (Audio) Sarah: I'll alert the development team and tell them to check their emails carefully. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Who is Sarah going to alert?
+
+## --answers--
+
+The development team. So they check their emails carefully.
+
+---
+
+Sarah will create a remider to herself about the emails.
+
+### --feedback--
+
+Sarah is giving instructions to others, not acting on them herself.
+
+---
+
+Jake. So he rememebers to check his emails carefully.
+
+### --feedback--
+
+Jake is not mentioned as the one being alerted in this context.
+
+---
+
+The project manager. So they check their emails carefully.
+
+### --feedback--
+
+Sarah is not addressing the project manager in this situation.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Here are some elements from Sarah's statement that will help you understand what she is saying:
+
+`I'll alert` shows Sarah's future action to inform someone.
+
+`The development team` directly state who she is informing.
+
+`Tell them` makes it clear that she will give instructions to the development team.
+
+`To check their emails carefully` specifies the action Sarah is advising the development team to take.
+
+This combination of words shows Sarah is planning to inform the development team and give them instructions about being cautious with their emails.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 26.98,
+      "finishTimestamp": 30.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.06,
+      "dialogue": {
+        "text": "I'll alert the development team",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 3.06,
+      "finishTime": 4.84,
+      "dialogue": {
+        "text": "and tell them to check their emails carefully.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
new file mode 100644
index 0000000000..39a3183667
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757531dc5fbb973e1912e1a.md
@@ -0,0 +1,90 @@
+---
+id: 6757531dc5fbb973e1912e1a
+title: Task 79
+challengeType: 22
+dashedName: task-79
+---
+
+<!-- (Audio) Is there anything else we should do? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Is there BLANK BLANK we should do?`
+
+## --blanks--
+
+`anything`
+
+### --feedback--
+
+This word refers to something unspecified and is used in questions or negative sentences.
+
+---
+
+`else`
+
+### --feedback--
+
+This word means in addition or different from what has already been mentioned.
+
+# --explanation--
+
+`Is there anything else we should do?` is a way to ask if additional actions are necessary.
+
+It combines `anything`, which refers to something unspecified, with `else`, meaning something additional or different. For example:
+
+`Do you have anything else to add?` - This asks if there is additional input or information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.68,
+      "finishTimestamp": 32.16
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.48,
+      "dialogue": {
+        "text": "Is there anything else we should do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 2.98
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
new file mode 100644
index 0000000000..e3644254eb
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675753a815259c781d2b6913.md
@@ -0,0 +1,80 @@
+---
+id: 675753a815259c781d2b6913
+title: Task 80
+challengeType: 22
+dashedName: task-80
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll BLANK need to run a full system scan.`
+
+## --blanks--
+
+`probably`
+
+### --feedback--
+
+This word shows that something is likely but not certain to happen.
+
+# --explanation--
+
+`Probably` is an adverb used to express that something is likely to happen but not completely certain. For example:
+
+`We'll probably finish the project by Friday.` - This shows confidence in completing the project by Friday but leaves room for uncertainty.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
new file mode 100644
index 0000000000..01216d5f7b
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575473b14c837d8de3a866.md
@@ -0,0 +1,96 @@
+---
+id: 67575473b14c837d8de3a866
+title: Task 81
+challengeType: 22
+dashedName: task-81
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a BLANK BLANK BLANK.`
+
+## --blanks--
+
+`full`
+
+### --feedback--
+
+This word means complete or entire, indicating that no parts will be skipped.
+
+---
+
+`system`
+
+### --feedback--
+
+This word refers to the computer or network being examined.
+
+---
+
+`scan`
+
+### --feedback--
+
+This word means an inspection or analysis to find problems or issues.
+
+# --explanation--
+
+``Full system scan` means a comprehensive check of the entire computer or network to identify potential issues, such as viruses or security threats. For example:
+
+`The team performed a full system scan to find malware.` - This shows a complete analysis of the system for security purposes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.36,
+      "finishTimestamp": 34.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
new file mode 100644
index 0000000000..693a94ec0b
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575588dfebc085e31941e4.md
@@ -0,0 +1,101 @@
+---
+id: 67575588dfebc085e31941e4
+title: Task 82
+challengeType: 22
+dashedName: task-82
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably need to run a full system scan to ensure there's no BLANK BLANK.`
+
+## --blanks--
+
+`hidden`
+
+### --feedback--
+
+This word means something that is not visible or easily found.
+
+---
+
+`malware`
+
+### --feedback--
+
+This word refers to malicious software designed to harm or exploit a system.
+
+# --explanation--
+
+`Hidden` means something that is concealed or not immediately visible, often requiring extra effort to find.
+
+`Malware` refers to malicious software designed to damage, disrupt, or exploit a computer system.
+
+When combined, `hidden malware` describes harmful software that is difficult to detect because it is concealed within the system. For example:
+
+`The scan detected hidden malware that had bypassed the antivirus software.` - This means the malware was able to avoid detection by the antivirus program until a scan found it.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
new file mode 100644
index 0000000000..17b2d6d167
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575734a3672990f7c4385a.md
@@ -0,0 +1,117 @@
+---
+id: 67575734a3672990f7c4385a
+title: Task 83
+challengeType: 19
+dashedName: task-83
+---
+
+<!-- (Audio) Jake: We'll probably need to run a full system scan to ensure there's no hidden malware. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning a full system scan?
+
+## --answers--
+
+To fix an issue with the system.
+
+### --feedback--
+
+Jake is not fixing an issue at this moment.
+
+---
+
+To ensure there's no hidden malware.
+
+---
+
+To update the system software.
+
+### --feedback--
+
+Jake is not updating the system at the moment.
+
+---
+
+To improve the system's performance.
+
+### --feedback--
+
+Jake is not focused on performance at the moment.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+By focusing on these specific parts of the sentence, you can determine Jake's intention:
+
+`Run a full system scan` shows the action Jake is planning to take.
+
+`To ensure` introduces the reason for the scan.
+
+`There's no hidden malware` explains the final purpose — Jake is checking for concealed malicious software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 32.26,
+      "finishTimestamp": 36.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.48,
+      "dialogue": {
+        "text": "We'll probably need to run a full system scan",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.48,
+      "finishTime": 5.44,
+      "dialogue": {
+        "text": "to ensure that there's no hidden malware.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.94
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
new file mode 100644
index 0000000000..1e3ab1fcfa
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6757585d71b1ad9924a96eb9.md
@@ -0,0 +1,90 @@
+---
+id: 6757585d71b1ad9924a96eb9
+title: Task 84
+challengeType: 22
+dashedName: task-84
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Can you BLANK with the IT BLANK team for that?`
+
+## --blanks--
+
+`coordinate`
+
+### --feedback--
+
+This word means to organize or work together with others to achieve a goal.
+
+---
+
+`support`
+
+### --feedback--
+
+This word refers to assistance or help, often related to solving technical or operational issues.
+
+# --explanation--
+
+`Coordinate` means to organize or collaborate with others to complete a task or achieve a goal.
+
+`Support` refers to the help or assistance provided by the IT team, often related to technical issues. For example:
+
+`We need to coordinate with the IT team to ensure the system runs smoothly.` - This shows collaboration to manage technical processes.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
new file mode 100644
index 0000000000..d83c585008
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675758e09f09139cb34169f9.md
@@ -0,0 +1,110 @@
+---
+id: 675758e09f09139cb34169f9
+title: Task 85
+challengeType: 19
+dashedName: task-85
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake asking Sarah?
+
+## --answers--
+
+To solve the problem on her own.
+
+### --feedback--
+
+Jake is not asking Sarah to handle the task alone.
+
+---
+
+To explain the issue to the development team.
+
+### --feedback--
+
+Jake doesn't mention the development team.
+
+---
+
+To update the project manager about the task.
+
+### --feedback--
+
+Jake does not mention the project manager in this context.
+
+---
+
+To work with the IT support team to handle the task.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+By focusing on key parts of the sentence, you can determine what Jake is asking Sarah:
+
+`Coordinate` shows Jake is asking Sarah to organize or collaborate.
+
+`With the IT support team` specifies who Sarah needs to work with.
+
+`For that` refers to the task Jake wants her to handle with their help.
+
+This shows Jake is asking Sarah to work with the IT support team to address a specific task.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
new file mode 100644
index 0000000000..e857e557f2
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67575a0d4b966da41383050b.md
@@ -0,0 +1,92 @@
+---
+id: 67575a0d4b966da41383050b
+title: Task 86
+challengeType: 19
+dashedName: task-86
+---
+
+<!-- (Audio) Can you coordinate with the IT support team for that? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to Jake's question?
+
+## --answers--
+
+`Yes, I'll contact them now.`
+
+---
+
+`I don't know how to work with people.`
+
+### --feedback--
+
+This doesn't address Jake's request or offer a solution.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best response is `Yes, I'll contact them now.` Here's why:
+
+`Yes` directly agrees to Jake's request.
+
+`I'll contact them now` shows willingness to act promptly, which matches the tone of Jake's question.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 36.96,
+      "finishTimestamp": 39.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.64,
+      "dialogue": {
+        "text": "Can you coordinate with the IT support team for that?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
new file mode 100644
index 0000000000..073a185670
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8db0264a83364dc521ac.md
@@ -0,0 +1,90 @@
+---
+id: 675c8db0264a83364dc521ac
+title: Task 87
+challengeType: 22
+dashedName: task-87
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, BLANK contact them BLANK.`
+
+## --blanks--
+
+`I'll`
+
+### --feedback--
+
+This is the contraction for `I will`. The first letter is capitalized.
+
+---
+
+`now`
+
+### --feedback--
+
+This word indicates that Sarah is planning to act immediately.
+
+# --explanation--
+
+`I'll` is the contraction for `I will`. In this context, it expresses a decision made at the moment of speaking. This is common when someone reacts to a situation or agrees to do something promptly.
+
+`Now` is used to indicate something happening at the present moment. For example:
+
+`I'll send the report now.` - This shows a decision to act right away.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 41.4
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.5,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.0
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
new file mode 100644
index 0000000000..ff24f27ca7
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c8f75eaf3914275999cae.md
@@ -0,0 +1,92 @@
+---
+id: 675c8f75eaf3914275999cae
+title: Task 88
+challengeType: 22
+dashedName: task-88
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`How do you think our clients BLANK BLANK to this news?`
+
+## --blanks--
+
+`will`
+
+### --feedback--
+
+This modal verb is used to talk about what is likely to happen in the future.
+
+---
+
+`react`
+
+### --feedback--
+
+This word means to respond or behave in a certain way when something happens.
+
+# --explanation--
+
+`Will` is a modal verb used to predict the future.
+
+`React` means how someone responds or behaves in response to something. For example:
+
+- `How do you think the team will react to the delay?` - This predicts the team's response to a delay.
+
+- `Our clients will react positively to the improved service.` - This shows an expected positive response to a change.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
new file mode 100644
index 0000000000..ebfb93b3d4
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c900ff099fa46fad7624d.md
@@ -0,0 +1,117 @@
+---
+id: 675c900ff099fa46fad7624d
+title: Task 89
+challengeType: 19
+dashedName: task-89
+---
+
+<!-- (Audio) Sarah: Yes, I'll contact them now. How do you think our clients will react to this news? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Sarah wondering about?
+
+## --answers--
+
+How the clients will react to the news.
+
+---
+
+If the clients reacted well to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+How the clients reacted to the news.
+
+### --feedback--
+
+Sarah is asking about the future, not something that has already happened.
+
+---
+
+If they should let the clients know about the news.
+
+### --feedback--
+
+Sarah is not asking whether to share the news.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+In the sentence, Sarah says, `How do you think our clients will react to this news?` Here's how to find the answer:
+
+`Will react` uses the `Future Simple` tense, showing Sarah is asking about a future possibility.
+
+`React` focuses on the clients' response or behavior.
+
+This indicates Sarah is wondering about how the clients might respond to the news.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.9,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.6,
+      "dialogue": {
+        "text": "Yes, I'll contact them now.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.9,
+      "finishTime": 5.12,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 5.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
new file mode 100644
index 0000000000..ff6c44bda5
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c91b0c74a72519ebb0a83.md
@@ -0,0 +1,92 @@
+---
+id: 675c91b0c74a72519ebb0a83
+title: Task 91
+challengeType: 22
+dashedName: task-91
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`BLANK BLANK be concerned.`
+
+## --blanks--
+
+`They'll`
+
+### --feedback--
+
+This is the contraction for `They will,` used to talk about something that is expected to happen in the future. The first letter is capitalized.
+
+---
+
+`likely`
+
+### --feedback--
+
+This word means that something is probable or has a high chance of happening.
+
+# --explanation--
+
+`They'll` is the contraction for `they will`. It is used to talk about something expected or predicted to happen in the future.
+
+`Likely` means something is probable or has a high chance of happening. For example:
+
+- `They'll likely ask for more information.` - This predicts a probable request from the clients.
+
+- `The feature will likely need additional testing.` - This indicates a high probability that testing will be required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
new file mode 100644
index 0000000000..739a336cde
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c92e9a6133659ccad5424.md
@@ -0,0 +1,92 @@
+---
+id: 675c92e9a6133659ccad5424
+title: Task 90
+challengeType: 19
+dashedName: task-90
+---
+
+<!-- (Audio) Sarah: How do you think our clients will react to this news? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake thinks clients will be probably worried. Which option will deliver this message to Sarah?
+
+## --answers--
+
+`They'll likely be concerned.`
+
+---
+
+`They already know about the news.`
+
+### --feedback--
+
+Jake is not discussing whether the clients know about the news; he is focusing on their potential reaction.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `They'll likely be concerned.` Here's why:
+
+`They'll` indicates Jake is predicting the clients' future reaction.
+
+`Likely` suggests that worry is probable, though not certain.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.7,
+      "finishTimestamp": 44.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 3.32,
+      "dialogue": {
+        "text": "How do you think our clients will react to this news?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 3.82
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
new file mode 100644
index 0000000000..cb9b9f73d5
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c94decb56d46654acf008.md
@@ -0,0 +1,109 @@
+---
+id: 675c94decb56d46654acf008
+title: Task 92
+challengeType: 19
+dashedName: task-92
+---
+
+<!-- (Audio) Jake: They'll likely be concerned. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How will the clients feel?
+
+## --answers--
+
+They'll be completely calm.
+
+### --feedback--
+
+Jake uses the word `concerned` which suggests worry, not calmness.
+
+---
+
+They'll likely be concerned.
+
+---
+
+They'll be unaware of the situation.
+
+### --feedback--
+
+Jake's statement focuses on their feelings, not whether they know about the situation.
+
+---
+
+They'll feel excited.
+
+### --feedback--
+
+The word `concerned` means worry, which is the opposite of excitement.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Likely be` suggests this is a probable outcome, though not certain.
+
+`Concerned` means feeling worried or anxious about something. In this context, Jake predicts that the clients will feel worried about the news. For example:
+
+- `The team was concerned about meeting the deadline.` - This shows they were worried about achieving their goal.
+
+- `Our clients were concerned about the system's performance.` - This indicates they were anxious about how well the system was functioning.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 46.0
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.4,
+      "dialogue": {
+        "text": "They'll likely be concerned",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 2.9
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
new file mode 100644
index 0000000000..c66686a2a9
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9579b10f316b5542b331.md
@@ -0,0 +1,100 @@
+---
+id: 675c9579b10f316b5542b331
+title: Task 93
+challengeType: 22
+dashedName: task-93
+---
+
+<!-- (Audio) Jake: But I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`But I'll BLANK them that we BLANK BLANK all necessary steps to secure our systems.`
+
+## --blanks--
+
+`reassure`
+
+### --feedback--
+
+This word means to comfort or make someone feel less worried about something.
+
+---
+
+`are`
+
+### --feedback--
+
+This is part of the structure `to be` + a verb ending in `-ing`, used here to describe an action planned for the near future
+
+---
+
+`taking`
+
+### --feedback--
+
+This word means performing or carrying out an action or step. In this context, it refers to actions being planned or executed.
+
+# --explanation--
+
+`Reassure` means to provide confidence or reduce someone's anxiety about a situation.
+
+`We are taking` combines the verb `to be` with a verb ending in `-ing`. This is often used to talk about future actions already planned or happening soon. For example:
+
+- `I'll reassure the team that we are reviewing the report.` - This means you will comfort the team by telling them the review is happening soon.
+
+- `She is meeting the client tomorrow to reassure them about the changes.` - This shows the `to be` + a verb ending in `-ing` structure for a planned event.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.98,
+      "finishTimestamp": 50.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 6,
+      "dialogue": {
+        "text": "But I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
new file mode 100644
index 0000000000..f39ef43914
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c96e7feed5f75004ea8a4.md
@@ -0,0 +1,115 @@
+---
+id: 675c96e7feed5f75004ea8a4
+title: Task 94
+challengeType: 19
+dashedName: task-94
+---
+
+<!-- (Audio) Jake: They'll likely be concerned, but I'll reassure them that we are taking all necessary steps to secure our systems. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake's statement show about his priorities for the future?
+
+## --answers--
+
+Fixing the problem without telling the clients.
+
+### --feedback--
+
+The audio mentions both actions, not just fixing the issue.
+
+---
+
+Avoiding responsibility for what happened.
+
+### --feedback--
+
+The audio shows Jake is planning to take action, not avoiding it.
+
+---
+
+Keeping clients calm and fixing the security issue.
+
+---
+
+Waiting to see what happens next.
+
+### --feedback--
+
+The audio shows Jake is planning to act now, not waiting.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+Jake's statement shows his priorities are about keeping clients calm and solving the problem. Here's how the audio explains this:
+
+`I'll reassure them` shows Jake wants to help clients feel less worried by telling them what the team is doing.
+
+`We are taking all necessary steps` shows Jake's focus on solving the security issue as quickly and completely as possible.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 44.6,
+      "finishTimestamp": 51.18
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 2.3,
+      "dialogue": {
+        "text": "They'll likely be concerned,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 2.38,
+      "finishTime": 7.58,
+      "dialogue": {
+        "text": "but I'll reassure them that we're taking all necessary steps to secure our systems.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.08
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
new file mode 100644
index 0000000000..27de1c1036
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9900820144823ed5b11a.md
@@ -0,0 +1,109 @@
+---
+id: 675c9900820144823ed5b11a
+title: Task 95
+challengeType: 22
+dashedName: task-95
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. BLANK BLANK BLANK to discuss the investigation results and plan our next steps.`
+
+## --blanks--
+
+`Let's`
+
+### --feedback--
+
+This is a contraction for `Let us`, used to suggest doing something together. The first letter is capitalized.
+
+---
+
+`meet`
+
+### --feedback--
+
+This word means to come together, often to discuss or plan something.
+
+---
+
+`later`
+
+### --feedback--
+
+This word refers to a time in the future, not immediately.
+
+# --explanation--
+
+`Let's` is a contraction for `Let us`, used to make a suggestion or propose doing something together.
+
+`Meet` means to come together, often for a discussion or planning.
+
+`Later` refers to a future time, not immediately. Sarah is suggesting they meet in the near future to discuss the results and plan further actions. For example:
+
+`Let's meet tomorrow to finalize the details.` - This suggests getting together the next day to complete planning.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
new file mode 100644
index 0000000000..2cba93d41a
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a309dcbc3053601e653.md
@@ -0,0 +1,101 @@
+---
+id: 675c9a309dcbc3053601e653
+title: Task 96
+challengeType: 22
+dashedName: task-96
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Thanks, Jake. Let's meet later to discuss the BLANK BLANK and plan our next steps.`
+
+## --blanks--
+
+`investigation`
+
+### --feedback--
+
+This word refers to a detailed process of examining or finding information about something, especially a problem or issue.
+
+---
+
+`results`
+
+### --feedback--
+
+This word means the outcomes or findings from an action, process, or investigation.
+
+# --explanation--
+
+`Investigation` refers to a detailed examination or inquiry to uncover facts or information.
+
+`Results` are the findings or outcomes of the investigation. For example:
+
+- `The investigation showed there was a security breach.` - This means the inquiry revealed information about the breach.
+
+- `The results of the investigation helped us fix the issue.` - This indicates that the findings led to corrective actions.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
new file mode 100644
index 0000000000..912695fbd3
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/675c9a9d87d492086e1ab3cf.md
@@ -0,0 +1,117 @@
+---
+id: 675c9a9d87d492086e1ab3cf
+title: Task 97
+challengeType: 19
+dashedName: task-97
+---
+
+<!-- (Audio) Sarah: Thanks, Jake. Let's meet later to discuss the investigation results and plan our next steps. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Sarah want to do?
+
+## --answers--
+
+Solve the issue immediately without a meeting.
+
+### --feedback--
+
+Sarah suggests meeting later, not solving the issue immediately.
+
+---
+
+Finish the investigation before meeting with the clients.
+
+### --feedback--
+
+Sarah is not talking about finishing the investigation first; she wants to discuss the results they already have.
+
+---
+
+Ask Jake to share the results and next steps with the clients.
+
+### --feedback--
+
+Sarah is talking about discussing the results with Jake, not sharing them with the clients.
+
+---
+
+Meet later to discuss the results and plan the next steps.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Here's how to find the answer:
+
+`Let's meet later` shows she is proposing a meeting in the future.
+
+`To discuss the investigation results` explains what the meeting will focus on.
+
+`Plan our next steps` shows that Sarah wants to decide on future actions during the meeting.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Sarah",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-2.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 55.82
+    }
+  },
+  "commands": [
+    {
+      "character": "Sarah",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Sarah",
+      "startTime": 1,
+      "finishTime": 2.72,
+      "dialogue": {
+        "text": "Thanks, Jake. Let's meet later",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "startTime": 2.72,
+      "finishTime": 5.42,
+      "dialogue": {
+        "text": "to discuss the investigation results and plan our next steps.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Sarah",
+      "opacity": 0,
+      "startTime": 6.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
new file mode 100644
index 0000000000..eebfe0f563
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67619dab2031295f7b4dcee1.md
@@ -0,0 +1,96 @@
+---
+id: 67619dab2031295f7b4dcee1
+title: Task 98
+challengeType: 22
+dashedName: task-98
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`probably`, `I'll reassure`, `I'll send`, `will need`, `it won't`, `will affect`, and `I'll alert`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: Sarah, I just found out that we've had a phishing attack on our system. It looks like someone BLANK to notify the team and take immediate action.`
+
+`Sarah: Oh no! Do you know where it originated from?`
+
+`Jake: Not yet, but I think it came from an email link. We need to investigate quickly. BLANK out a warning to everyone right away.`
+
+`Sarah: That sounds like a good plan. Do you think it BLANK our project deadlines?`
+
+`Jake: It might. I hope BLANK, but we should prepare for delays. I'll update the project manager about the situation.`
+
+`Sarah: BLANK the development team and tell them to check their emails carefully. Is there anything else we should do?`
+
+`Jake: We'll BLANK need to run a full system scan to ensure there's no hidden malware. Can you coordinate with the IT support team for that?`
+
+`Sarah: Yes, I'll contact them now. How do you think our clients will react to this news?`
+
+`Jake: They'll likely be concerned, but BLANK them that we are taking all necessary steps to secure our systems.`
+
+## --blanks--
+
+`will need`
+
+### --feedback--
+
+These two words together use the `Future Simple` tense and describe a future necessity. The second word indicates a requirement or something essential.
+
+---
+
+`I'll send`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, showing a future action. The first letter is capitalized. The second word means to deliver something to someone or somewhere.
+
+---
+
+`will affect`
+
+### --feedback--
+
+This phrase describes the future impact of an action using the `Future Simple` tense. The second word means to change or influence something.
+
+---
+
+`it won't`
+
+### --feedback--
+
+This is the contraction for `it will not`, showing a negative prediction about the future. The second word indicates refusal or something not happening.
+
+---
+
+`I'll alert`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action. The first letter is capitalized. The second word means to notify or warn someone.
+
+---
+
+`probably`
+
+### --feedback--
+
+This adverb is used to describe something that is likely to happen. It shows a high chance of something occurring.
+
+---
+
+`I'll reassure`
+
+### --feedback--
+
+This phrase uses the contraction of `I will`, indicating a future action to comfort or reassure someone. The first letter is capitalized. The second word means to calm someone's concerns or provide confidence.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
new file mode 100644
index 0000000000..0ebff27010
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c4698166cd2462c1d685.md
@@ -0,0 +1,178 @@
+---
+id: 6761c4698166cd2462c1d685
+title: "Dialogue 3: Planning for SQL Injection Prevention"
+challengeType: 21
+dashedName: dialogue-3-planning-for-sql-injection-prevention
+---
+
+# --description--
+
+Watch the video below to understand the context of the upcoming lessons.
+
+# --assignment--
+
+Watch the video.
+
+# --scene--
+
+```json
+{
+ "setup": {
+   "background": "company2-center.png",
+   "characters": [
+     {
+       "character": "Jake",
+       "position": { "x": -25, "y": 0, "z": 1 }
+     },
+     {
+       "character": "Maria",
+       "position": { "x": 125, "y": 0, "z": 1 }
+     }
+   ],
+   "audio": {
+     "filename": "B1_5-3.mp3",
+     "startTime": 1
+   },
+   "alwaysShowDialogue": true
+ },
+ "commands": [
+   {
+     "character": "Jake",
+     "position": { "x": 25, "y": 0, "z": 1 },
+     "startTime": 0
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 70, "y": 0, "z": 1 },
+     "startTime": 0.5
+   },
+   {
+     "character": "Jake",
+     "startTime": 1,
+     "finishTime": 3.42,
+     "dialogue": {
+       "text": "I've been looking into our database security,",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 3.66,
+     "finishTime": 7.64,
+     "dialogue": {
+       "text": "and I think we're going to need some additional measures to prevent SQL injection attacks.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 8.3,
+     "finishTime": 13.62,
+     "dialogue": {
+       "text": "I agree. We've been noticing some unusual queries in the logs. What are you going to recommend to improve security?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 14.16,
+     "finishTime": 17.88,
+     "dialogue": {
+       "text": "We're going to implement parameterized queries to minimize the risk.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 18.16,
+     "finishTime": 21.62,
+     "dialogue": {
+       "text": "This should reduce the chances of unauthorized access to our data.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 22.06,
+     "finishTime": 26.18,
+     "dialogue": {
+       "text": "That sounds like a solid plan. Are we going to require additional training for our developers?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 26.82,
+     "finishTime": 31.68,
+     "dialogue": {
+       "text": "Yes. We're going to hold the session next week to ensure everyone knows how to implement these changes.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 31.94,
+     "finishTime": 34.98,
+     "dialogue": {
+       "text": "It's crucial that we all follow best practices.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 35.9,
+     "finishTime": 39.8,
+     "dialogue": {
+       "text": "I'm going to inform the team about the upcoming training. Is there anything else we need to do?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 40.12,
+     "finishTime": 46.08,
+     "dialogue": {
+       "text": "We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 46.58,
+     "finishTime": 49.34,
+     "dialogue": {
+       "text": "Great. I think this is going to make a big difference in our security.",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Maria",
+     "startTime": 49.74,
+     "finishTime": 52.02,
+     "dialogue": {
+       "text": "Are we going to share this information with other departments?",
+       "align": "right"
+     }
+   },
+   {
+     "character": "Jake",
+     "startTime": 52.4,
+     "finishTime": 57.44,
+     "dialogue": {
+       "text": "We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first.",
+       "align": "left"
+     }
+   },
+   {
+     "character": "Maria",
+     "position": { "x": 125, "y": 0, "z": 1 },
+     "startTime": 57.94
+   },
+   {
+     "character": "Jake",
+     "position": { "x": -25, "y": 0, "z": 1 },
+     "startTime": 58.44
+   }
+ ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
new file mode 100644
index 0000000000..07d026345b
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761c69821431133f4860640.md
@@ -0,0 +1,70 @@
+---
+id: 6761c69821431133f4860640
+title: Task 99
+challengeType: 19
+dashedName: task-99
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What action will Jake take next?
+
+## --answers--
+
+He won't talk to the clients and focus only on fixing the system.
+
+### --feedback--
+
+The message shows Jake is keeping the clients informed, not ignoring their concerns.
+
+---
+
+He'll reassure the clients that steps are being taken.
+
+---
+
+He'll tell Sarah to report directly to the clients.
+
+### --feedback--
+
+Jake has already taken responsibility for communicating with the clients.
+
+---
+
+He'll ask the IT team to delay their investigation.
+
+### --feedback--
+
+The IT team is already actively monitoring the situation, so delaying the investigation doesn't make sense.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To determine what Jake will do next, focus on his message:
+
+`I'll provide you with regular updates` shows Jake's plan to keep the clients informed.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
new file mode 100644
index 0000000000..68ed2d0825
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ca7cf0fd854c646ebd11.md
@@ -0,0 +1,76 @@
+---
+id: 6761ca7cf0fd854c646ebd11
+title: Task 100
+challengeType: 19
+dashedName: task-100
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the clients' main concern?
+
+## --answers--
+
+They are worried about losing access to their accounts.
+
+### --feedback--
+
+The message focuses on the security of the clients' data, not account access.
+
+---
+
+They think the issue has already been fixed.
+
+### --feedback--
+
+The clients are asking for confirmation, which shows they are not sure the issue has been resolved.
+
+---
+
+They are concerned about the safety of their data.
+
+---
+
+They are asking for technical details about the system scan.
+
+### --feedback--
+
+The clients are asking *when* the issue will be resolved, not for technical details.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The clients say, `We're very concerned about the security of our data.`
+
+This clearly shows their main concern is the **safety of their data**.
+
+They ask, `Can you confirm when this issue will be fully resolved?` which suggests they are looking for reassurance that their data is secure and the problem will soon be fixed. For example:
+
+- `We're worried about losing sensitive information.` - This shows concern for data safety.
+
+- `Is the system safe now?` - This reflects a need for confirmation about the resolution.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
new file mode 100644
index 0000000000..48ed6deba0
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cae47045b54f50840915.md
@@ -0,0 +1,72 @@
+---
+id: 6761cae47045b54f50840915
+title: Task 101
+challengeType: 19
+dashedName: task-101
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What do Jake's actions show about his priorities?
+
+## --answers--
+
+Keeping the clients informed and addressing the issue quickly.
+
+---
+
+Focusing on fixing the technical issue.
+
+### --feedback--
+
+Jake promises to provide updates to the clients, so he is not just focusing on fixing the system.
+
+---
+
+Finding the person who made this mistake.
+
+### --feedback--
+
+Jake's message does not assign blame.
+
+---
+
+Delaying the resolution to gather more information.
+
+### --feedback--
+
+Jake highlights that steps are already being taken to resolve the issue quickly.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake's actions show that he prioritizes keeping the clients informed and solving the issue quickly.
+
+`I'll provide you with regular updates` shows his focus on clear and transparent communication.
+
+`We're taking all necessary steps to secure the system` highlights his commitment to resolving the issue as soon as possible.  
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
new file mode 100644
index 0000000000..c65556d1ec
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761cb950d555c54150b2212.md
@@ -0,0 +1,74 @@
+---
+id: 6761cb950d555c54150b2212
+title: Task 102
+challengeType: 19
+dashedName: task-102
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is the message Jake sent to the clients after the phishing attack:
+
+`We're currently addressing the issue and taking all necessary steps to secure the system.`
+
+`We've run a full system scan to identify hidden malware, and the IT support team is actively monitoring the situation.`
+
+`I'll provide you with regular updates to ensure transparency.`
+
+`Please let us know if you have further concerns.`
+
+The clients replied:
+
+`We're very concerned about the security of our data. Can you confirm when this issue will be fully resolved?`
+
+What is the next step Jake refers to in his message?
+
+## --answers--
+
+Running a full system scan.
+
+### --feedback--
+
+Jake mentions that the full system scan has already been done.
+
+---
+
+Actively monitoring the system.
+
+---
+
+Resolving the issue completely.
+
+### --feedback--
+
+The text shows the issue is still being worked on, and Jake has not yet resolved it.
+
+---
+
+Sending details about the phishing attack.
+
+### --feedback--
+
+Jake focuses on actions being taken, not on sharing details about the phishing attack.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the next step Jake refers to, look at the specific actions mentioned in his message:
+
+`We've run a full system scan` shows this step has already been done.
+
+`The IT support team is actively monitoring the situation` is the next step currently happening to secure the system.
+
+Jake does not yet mention resolving the issue or providing additional details about the phishing attack.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
new file mode 100644
index 0000000000..1e70e5b13d
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e3efbd12c067489c90fe.md
@@ -0,0 +1,82 @@
+---
+id: 6761e3efbd12c067489c90fe
+title: Task 103
+challengeType: 22
+dashedName: task-103
+---
+
+<!-- (audio) Jake: I've been looking into our database security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been BLANK into our database security.`
+
+## --blanks--
+
+`looking`
+
+### --feedback--
+
+This word means trying to find information or investigate. it ends in `-ing`.
+
+# --explanation--
+
+`Looking into` means to investigate or examine something carefully. For example:
+
+- `The manager is looking into the issue with the server.` - This means the manager is investigating the server problem.
+
+- `She is looking into ways to improve our performance.` - This means she is searching for ways to make the team perform better.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 2.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.92
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
new file mode 100644
index 0000000000..2c880f8a46
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e51505b1d96f537b089e.md
@@ -0,0 +1,124 @@
+---
+id: 6761e51505b1d96f537b089e
+title: Task 104
+challengeType: 22
+dashedName: task-104
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I've been looking into our database security, and I think BLANK BLANK BLANK some additional measures to prevent SQL injection attacks.`
+
+## --blanks--
+
+`we're`
+
+### --feedback--
+
+This is a contraction for `we are`.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb and the second a preposition.
+
+---
+
+`need`
+
+### --feedback--
+
+This verb means something is required or necessary. It is a verb in its base form.
+
+# --explanation--
+
+`Going to` is used to talk about planned actions or intentions for the future. For example:
+
+- `We are going to upgrade the system next month.` - This means the upgrade is planned and will happen soon.
+
+- `She is going to learn SQL next year.` - This means she intends to learn SQL in the future.
+
+In this sentence:
+
+`We're` is the contraction for `we are`.
+
+`Going to` shows the action is planned for the near future.
+
+`Need` is the base verb indicating something necessary or required.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
new file mode 100644
index 0000000000..1b1456c086
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e7b82f98fc7fb7d9c06b.md
@@ -0,0 +1,124 @@
+---
+id: 6761e7b82f98fc7fb7d9c06b
+title: Task 105
+challengeType: 19
+dashedName: task-105
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Jake currently looking into?
+
+## --answers--
+
+Database security
+
+---
+
+Server upgrades
+
+### --feedback--
+
+Jake doesn't mention upgrading servers; he's focused on something else.
+
+---
+
+New software
+
+### --feedback--
+
+Jake isn't talking about installing new software.
+
+---
+
+Network performance
+
+### --feedback--
+
+Jake's focus is not on network performance. Listen carefully to the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database security` refers to protecting databases from unauthorized access or attacks. For example:
+
+`The team is improving database security to prevent hackers from accessing confidential data.` - This means they are making the database safer to stop any illegal access.
+
+Jake says he is `looking into` their `database security`, which means he is investigating or checking its safety.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
new file mode 100644
index 0000000000..2e8b4f8e36
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e90350ebde88221daeea.md
@@ -0,0 +1,125 @@
+---
+id: 6761e90350ebde88221daeea
+title: Task 106
+challengeType: 19
+dashedName: task-106
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Jake think they need to do?
+
+## --answers--
+
+A new database
+
+### --feedback--
+
+Jake doesn't mention needing a new database. Listen carefully to what he says they require.
+
+---
+
+More team members
+
+### --feedback--
+
+Jake doesn't suggest needing more people for the task.
+
+---
+
+Additional measures
+
+---
+
+Less security
+
+### --feedback--
+
+This option is the opposite of what Jake suggests. He is looking to improve security, not reduce it.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Additional measures` refers to extra actions or steps taken to fix or improve something. For example:
+
+`We need additional measures to protect the system from future attacks.` - This means more steps are necessary to improve the system's safety.
+
+Jake says they need additional measures, meaning more steps are required to improve the database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
+
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
new file mode 100644
index 0000000000..bdd401e122
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761e99e3e0f098cc0f265aa.md
@@ -0,0 +1,124 @@
+---
+id: 6761e99e3e0f098cc0f265aa
+title: Task 107
+challengeType: 19
+dashedName: task-107
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem are the additional measures meant to address?
+
+## --answers--
+
+Slow database performance
+
+### --feedback--
+
+Jake is not talking about improving the database speed. Listen carefully to what the measures are for.
+
+---
+
+Data backup issues
+
+### --feedback--
+
+Jake does not mention any problem with data backups. Focus on the security issue he talks about.
+
+---
+
+Software updates
+
+### --feedback--
+
+Jake is not discussing updates to software. He is concerned with preventing a specific type of attack.
+
+---
+
+SQL injection attacks
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`SQL injection attacks` are a type of cyber attack where hackers insert harmful code into a database query to access or damage data. For example:
+
+`The company added security measures to prevent SQL injection attacks on their website.` - This means they took steps to stop hackers from entering harmful code.
+
+Jake says the `additional measures` are needed to `prevent SQL injection attacks`, meaning they are trying to stop this specific type of threat.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
new file mode 100644
index 0000000000..0690caa26b
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761eb2e4b1192968b2303f4.md
@@ -0,0 +1,124 @@
+---
+id: 6761eb2e4b1192968b2303f4
+title: Task 108
+challengeType: 19
+dashedName: task-108
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+How does Jake describe their current database security?
+
+## --answers--
+
+They are not prepared at all and need to start from scratch.
+
+### --feedback--
+
+Jake doesn't say they have no security at all. Listen again to his comment about needing additional measures.
+
+---
+
+They have some security, but they need more measures to improve it.
+
+---
+
+They have already taken additional measures and are now fully protected.
+
+### --feedback--
+
+Jake mentions `additional measures`, which means they haven't done it yet.
+
+---
+
+Their security is perfect, and no further actions are required.
+
+### --feedback--
+
+Jake clearly says they need to add more measures, so their security is not perfect yet.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Jake says he has been `looking into` their database security, which means he is investigating its current state. He concludes that they `need additional measures`, meaning some security exists, but it's not enough. For example:
+
+`The team needed additional measures to ensure their security was strong.` - This means the team added extra steps to improve something that already existed.
+
+Jake's statement shows their database security is in place but requires more work to prevent `SQL injection attacks`.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
new file mode 100644
index 0000000000..c8cbde4537
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ecb48889faa066740143.md
@@ -0,0 +1,106 @@
+---
+id: 6761ecb48889faa066740143
+title: Task 109
+challengeType: 19
+dashedName: task-109
+---
+
+<!-- (audio) Jake: I've been looking into our database security, and I think we're going to need some additional measures to prevent SQL injection attacks. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is the best answer to Jake's comment?
+
+## --answers--
+
+`I agree.`
+
+---
+
+`Why don't we ignore it?`
+
+### --feedback--
+
+Ignoring the issue doesn't address Jake's concern about security.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The most appropriate answer is `I agree` because it supports Jake's suggestion that additional measures are needed to improve database security.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 0,
+      "finishTimestamp": 6.64
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I've been looking into our database security,",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.66,
+      "dialogue": {
+        "text": "and I think we're going to need some additional measures",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5.66,
+      "finishTime": 7.64,
+      "dialogue": {
+        "text": "to prevent SQL injection attacks.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.14
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
new file mode 100644
index 0000000000..04a9c8dd49
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761ee00596d9fa8c8c3ac90.md
@@ -0,0 +1,103 @@
+---
+id: 6761ee00596d9fa8c8c3ac90
+title: Task 110
+challengeType: 22
+dashedName: task-110
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I agree. We've been noticing some unusual BLANK in the BLANK.`
+
+## --blanks--
+
+`queries`
+
+### --feedback--
+
+This is the plural form of a request for information in a database.
+
+---
+
+`logs`
+
+### --feedback--
+
+These are files or records where events, activities, or actions are stored.
+
+# --explanation--
+
+`Query` refers to a request for information, often in a database. `Queries` means more than one request. For example:
+
+- `The developer sent a query to find user data.` - This means the developer made a single request for information.
+
+- `There were multiple queries for customer information.` - This means there were several requests for data.
+
+`Logs` refers to files or records that track events or actions. For example:
+
+`The team checked the logs to find unusual activities.` - This means they looked at the stored records to identify any issues.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
new file mode 100644
index 0000000000..410ae23ed2
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f0dc81967cbbe1118dae.md
@@ -0,0 +1,113 @@
+---
+id: 6761f0dc81967cbbe1118dae
+title: Task 111
+challengeType: 19
+dashedName: task-111
+---
+
+<!-- (audio) Maria: I agree. We've been noticing some unusual queries in the logs. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why does Maria agree with Jake?
+
+## --answers--
+
+Because the database is completely secure.
+
+### --feedback--
+
+Maria does not say the database is secure. She agrees with Jake about needing additional measures.
+
+---
+
+Because she noticed unusual queries in the logs.
+
+---
+
+Because they have already fixed the problem.
+
+### --feedback--
+
+Maria mentions noticing unusual queries, which suggests the problem is not yet fixed.
+
+---
+
+Because there are no issues in the logs.
+
+### --feedback--
+
+Maria says the opposite: there are unusual queries in the logs.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+Maria agrees with Jake because she has evidence that supports his concern about database security.
+
+She mentions noticing `unusual queries in the logs`, which means some unexpected or suspicious requests were recorded.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 7.1,
+      "finishTimestamp": 10.36
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 1.64,
+      "dialogue": {
+        "text": "I agree.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 1.64,
+      "finishTime": 4.26,
+      "dialogue": {
+        "text": "We've been noticing some unusual queries in the logs.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.76
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
new file mode 100644
index 0000000000..605cd2e804
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f1e5287834c2cb5f4631.md
@@ -0,0 +1,98 @@
+---
+id: 6761f1e5287834c2cb5f4631
+title: Task 112
+challengeType: 22
+dashedName: task-112
+---
+
+<!-- (audio) What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`What BLANK BLANK BLANK recommend to improve security?`
+
+## --blanks--
+
+`are`
+
+### --feedback--
+
+This word is part of the verb `to be` and is used here to form a question about the future.
+
+---
+
+`you`
+
+### --feedback--
+
+This is the pronoun that refers to the person being asked.
+
+---
+
+`going to`
+
+### --feedback--
+
+These two words indicate a planned or intended action in the future. One is a verb, and the other is a preposition.
+
+# --explanation--
+
+This type of question uses `going to` to ask about someone's **future actions or plans**. You use it when you want to know what someone `intends to do` or has already planned. For example:
+
+- `What are you going to do about the missing files?` - This asks about the person's future action to solve a problem.
+
+- `When are you going to update the system?` - This asks about a specific plan for the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
new file mode 100644
index 0000000000..ad528387ce
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f2fbd2db7aca063b6a5c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f2fbd2db7aca063b6a5c
+title: Task 113
+challengeType: 19
+dashedName: task-113
+---
+
+<!-- (audio) Maria: What are you going to recommend to improve security? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+What Jake suggests to improve security in the future.
+
+---
+
+What has already been done to improve security.
+
+### --feedback--
+
+Maria is asking about a future action, not something that has already happened.
+
+---
+
+What kind of security measures are not useful.
+
+### --feedback--
+
+Maria is asking for suggestions, not about measures that are ineffective.
+
+---
+
+Who is responsible for causing the security issues.
+
+### --feedback--
+
+Maria is focused on improving security, not finding out who caused the issues.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Recommend` means to suggest or advise something as a good idea or solution. Maria uses `going to` in her question to ask about **future actions** or plans. For example:
+
+`What are you going to recommend for the project?` - This asks what someone will suggest as a solution or improvement.
+
+In this sentence, Maria wants to know what Jake will suggest to improve security in the future. She is not asking about past actions or problems, but about ideas to move forward.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 10.52,
+      "finishTimestamp": 12.72
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "What are you going to recommend to improve security?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
new file mode 100644
index 0000000000..e6bd753de9
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f509323d5ad6cfe9d212.md
@@ -0,0 +1,90 @@
+---
+id: 6761f509323d5ad6cfe9d212
+title: Task 114
+challengeType: 22
+dashedName: task-114
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're BLANK BLANK parameterized queries to minimize the risk.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned or intended action in the future. The first is a verb, and the second is a preposition.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put an action, idea, or plan into effect.
+
+# --explanation--
+
+`Going to` is used to show that something has been decided and will happen soon.
+
+`Implement` means to put a plan or idea into action. For example:
+
+`The team is going to implement a new security strategy next month.` - This means the team has decided to take action and will begin soon.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
new file mode 100644
index 0000000000..c71051c55c
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f66b536d13df9a6e4b87.md
@@ -0,0 +1,84 @@
+---
+id: 6761f66b536d13df9a6e4b87
+title: Task 115
+challengeType: 22
+dashedName: task-115
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to implement BLANK queries to minimize the risk.`
+
+## --blanks--
+
+`parameterized`
+
+### --feedback--
+
+This word describes queries that use predefined values to improve security. It is a long word often used in database contexts.
+
+# --explanation--
+
+`Parameterized` comes from the root word `parameter`, which is a value or placeholder used to control how something works.
+
+When people say a query is `parameterized`, it means it uses predefined values (parameters) instead of inserting user input directly.
+
+This helps improve database security by preventing certain attacks like SQL injection. For example:
+
+- `The developer used parameterized queries to secure the database.` - This means they used placeholders to ensure no harmful code could be inserted.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
new file mode 100644
index 0000000000..d7c5ba0cd2
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f6dc272d86e2f315b79c.md
@@ -0,0 +1,106 @@
+---
+id: 6761f6dc272d86e2f315b79c
+title: Task 116
+challengeType: 19
+dashedName: task-116
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Jake's plan?
+
+## --answers--
+
+To improve the database's performance with faster queries.
+
+### --feedback--
+
+Jake's plan focuses on minimizing risk, not improving the database speed.
+
+---
+
+To implement parameterized queries to minimize the risk.
+
+---
+
+To add more servers to handle heavy traffic.
+
+### --feedback--
+
+Jake doesn't mention servers or traffic. He talks about securing the database.
+
+---
+
+To fix the errors caused by broken queries.
+
+### --feedback--
+
+Jake is not fixing broken queries. He's focused on reducing risks by implementing a specific security method.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`Implement` means to put an idea or solution into action.
+
+`Parameterized queries` are a method used in databases to reduce security risks, like SQL injection. This works by using placeholders for data instead of inserting user input directly into the query.
+
+In this sentence, Jake's plan is to take action to improve security and prevent risks.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 16.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 5.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
new file mode 100644
index 0000000000..d89ad70d05
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f838245300ebfcf372cd.md
@@ -0,0 +1,80 @@
+---
+id: 6761f838245300ebfcf372cd
+title: Task 117
+challengeType: 22
+dashedName: task-117
+---
+
+<!-- (audio) This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This should reduce the chances of BLANK access to our data.`
+
+## --blanks--
+
+`unauthorized`
+
+### --feedback--
+
+This word describes something that is not allowed or approved. It starts with `un-` to show the negative form.
+
+# --explanation--
+
+`Unauthorized` means **not allowed** or **not approved**. It is formed by adding the prefix `un-` to the root word `authorized`, which means permitted or approved. For example:
+
+`Unauthorized users tried to access the system.` - This means users who did not have permission attempted to get in.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 17.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
new file mode 100644
index 0000000000..86bfe5f3aa
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6761f9d7a849d8f61aa12deb.md
@@ -0,0 +1,119 @@
+---
+id: 6761f9d7a849d8f61aa12deb
+title: Task 118
+challengeType: 19
+dashedName: task-118
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What problem is Jake trying to solve by implementing parameterized queries?
+
+## --answers--
+
+Data not being backed up correctly.
+
+### --feedback--
+
+Jake does not mention anything about data backups. Focus on the issue he wants to minimize.
+
+---
+
+Errors in the database caused by broken queries.
+
+### --feedback--
+
+Jake talks about minimizing risk, not fixing broken queries or errors.
+
+---
+
+Slow database performance when handling queries.
+
+### --feedback--
+
+Jake's goal is related to security, not improving database speed or performance.
+
+---
+
+Unauthorized access to data.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, listen for the words:
+
+`Should reduce` shows Jake's intention to make something smaller or less likely.
+
+`Unauthorized access` refers to someone without permission trying to view or use data.
+
+Jake says `this should reduce the chances of unauthorized access to our data`.
+
+This shows his plan is to minimize a security risk, not to fix backups, errors, or improve database performance.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
new file mode 100644
index 0000000000..57f418be46
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762dceeac22841f223b0101.md
@@ -0,0 +1,96 @@
+---
+id: 6762dceeac22841f223b0101
+title: Task 119
+challengeType: 19
+dashedName: task-119
+---
+
+<!-- (audio) Jake: We're going to implement parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data. -->
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Which option is the best answer to show support to Jake's plan?
+
+## --answers--
+
+`That sounds like a solid plan.`
+
+---
+
+`Let's focus on other issues for now.`
+
+### --feedback--
+
+This response does not address Jake's plan and shifts attention away from his suggestion.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The phrase `That sounds like a solid plan` is supportive because it shows agreement and confidence in the idea.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 13.16,
+      "finishTimestamp": 20.62
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.72,
+      "dialogue": {
+        "text": "We're going to implement parameterized queries to minimize the risk.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 5,
+      "finishTime": 8.46,
+      "dialogue": {
+        "text": "This should reduce the chances of unauthorized access to our data.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 8.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
new file mode 100644
index 0000000000..8a89f9d9e9
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e2adb437563844364cf1.md
@@ -0,0 +1,108 @@
+---
+id: 6762e2adb437563844364cf1
+title: Task 120
+challengeType: 19
+dashedName: task-120
+---
+
+<!-- (audio) Maria: That sounds like a solid plan. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's Maria's opinion about Jake's plan?
+
+## --answers--
+
+She thinks it is a good idea.
+
+---
+
+She thinks it is risky and might not minimize the problem.
+
+### --feedback--
+
+Maria does not mention any doubts or risks. Listen to how she uses the word `solid` to show support.
+
+---
+
+She thinks it needs more details to be effective.
+
+### --feedback--
+
+Maria does not suggest adding details. Her response shows confidence in the plan as it is.
+
+---
+
+She thinks it will require additional resources to work.
+
+### --feedback--
+
+Maria's response does not mention resources. She expresses agreement and support for Jake's plan.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Solid` means strong, reliable, and effective. It suggests that the plan is well thought out and likely to succeed.
+
+`Plan` refers to an organized strategy to solve a problem.
+
+`That sounds like a solid plan` shows support and confidence in Jake's idea. For example:
+
+`That sounds like a solid plan to improve security.` - This shows agreement and belief that the idea is dependable.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 20.96,
+      "finishTimestamp": 22.42
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 2.46,
+      "dialogue": {
+        "text": "That sounds like a solid plan.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 2.96
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
new file mode 100644
index 0000000000..a92c835f0b
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762e430c7646a422c17966f.md
@@ -0,0 +1,104 @@
+---
+id: 6762e430c7646a422c17966f
+title: Task 121
+challengeType: 22
+dashedName: task-121
+---
+
+<!-- (audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK for our developers?`
+
+## --blanks--
+
+`require`
+
+### --feedback--
+
+This verb means something is needed or necessary.
+
+---
+
+`additional`
+
+### --feedback--
+
+This word means extra or more. It is used to describe something that is added to what already exists.
+
+---
+
+`training`
+
+### --feedback--
+
+This word refers to the process of teaching or learning skills needed for a job or task.
+
+# --explanation--
+
+`Require` means to need or make something necessary. For example:
+
+`The job requires technical knowledge.` - This means technical knowledge is needed for the job.
+
+`Additional` means extra or more than what already exists. For example:
+
+`The project requires additional resources.` - This means extra resources are needed.
+
+`Training` refers to the process of learning or improving skills for a specific purpose. For example:
+
+`The company provided training for the new software.` - This means the company helped employees learn how to use the software.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
new file mode 100644
index 0000000000..478b3fc00f
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762edd89388ad7b3950d01a.md
@@ -0,0 +1,108 @@
+---
+id: 6762edd89388ad7b3950d01a
+title: Task 122
+challengeType: 19
+dashedName: task-122
+---
+
+<!-- (Audio) Maria: Are we going to require additional training for our developers? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If training is already complete.
+
+### --feedback--
+
+Maria is asking about something that might happen in the future, not the past.
+
+---
+
+If additional training will be required.
+
+---
+
+If training sessions are planned for managers.
+
+### --feedback--
+
+Maria's question is about developers, not managers.
+
+---
+
+If training will happen next week.
+
+### --feedback--
+
+Maria's question does not mention any specific time.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, focus on the parts of Maria's question:
+
+`Are we going to` indicates she is asking about a plan or action in the future.
+
+`Require additional training` means she is asking if more training is needed.
+
+`For our developers` specifies who might need the training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 22.62,
+      "finishTimestamp": 25.58
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.96,
+      "dialogue": {
+        "text": "Are we going to require additional training for our developers?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
new file mode 100644
index 0000000000..66c38ed008
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6762f11f6a96d19057229bf2.md
@@ -0,0 +1,101 @@
+---
+id: 6762f11f6a96d19057229bf2
+title: Task 123
+challengeType: 22
+dashedName: task-123
+---
+
+<!-- (Audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Yes, we're BLANK BLANK a session next week to ensure everyone knows how to implement these changes.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together indicate a planned action in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`hold`
+
+### --feedback--
+
+This means to organize or conduct an event, like a meeting or session.
+
+# --explanation--
+
+`Going to` indicates a future plan or intention. It is often used to talk about actions that are already decided or likely to happen.
+
+`Hold` refers to organizing or conducting an event, like a meeting, session, or training. For example:
+
+- `We're going to organize a team meeting next Monday.` - This shows a planned action in the near future.
+
+- `They are going to hold a workshop on software updates.` - This highlights a scheduled event for sharing knowledge or training.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
new file mode 100644
index 0000000000..7619da2910
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676320cd1c9cee55ab53687a.md
@@ -0,0 +1,113 @@
+---
+id: 676320cd1c9cee55ab53687a
+title: Task 124
+challengeType: 19
+dashedName: task-124
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is the next session going to happen?
+
+## --answers--
+
+This week
+
+### --feedback--
+
+Listen carefully to the audio. Jake does not say the session will happen during the current week.
+
+---
+
+Last week
+
+### --feedback--
+
+Jake is talking about a future session, not one that has already happened.
+
+---
+
+In a couple of weeks
+
+### --feedback--
+
+Jake mentions a specific time, not two weeks from now.
+
+---
+
+Next week
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+To find the correct answer, pay attention to the words that come after `hold a session`. Jake says, `next week`, which tells you the session will happen in the week after this one.
+
+`Next week` means the week following the current one. For instance, if today is Tuesday, `next week` starts on the following Sunday or Monday.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
new file mode 100644
index 0000000000..48cf723159
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676321f8a8692b5d4b211dde.md
@@ -0,0 +1,113 @@
+---
+id: 676321f8a8692b5d4b211dde
+title: Task 125
+challengeType: 19
+dashedName: task-125
+---
+
+<!-- (audio) Jake: Yes, we're going to hold a session next week to ensure everyone knows how to implement these changes. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why are they holding this meeting?
+
+## --answers--
+
+To make sure everyone understands how to apply the changes.
+
+---
+
+To discuss new changes they might make.
+
+### --feedback--
+
+Jake does not say they are planning changes, but how to implement the current ones.
+
+---
+
+To share updates about the company.
+
+### --feedback--
+
+The meeting is not about general updates but about specific changes.
+
+---
+
+To ensure everyone finishes their work on time.
+
+### --feedback--
+
+Jake does not mention deadlines or completing work in the audio.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+To answer this question, focus on Jake's purpose for the session. He says, `to ensure everyone knows how to implement these changes`.
+
+The options "To make sure everyone understands how to apply the changes", matches the purpose described in the audio.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 25.82,
+      "finishTimestamp": 30.88
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.38,
+      "dialogue": {
+        "text": "Yes. We're going to hold the session next week",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.38,
+      "finishTime": 6.06,
+      "dialogue": {
+        "text": "to ensure everyone knows how to implement these changes.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.56
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
new file mode 100644
index 0000000000..05591d1d24
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632267336dcf6068f39407.md
@@ -0,0 +1,110 @@
+---
+id: 67632267336dcf6068f39407
+title: Task 126
+challengeType: 19
+dashedName: task-126
+---
+
+<!-- (audio) Jake: It's crucial that we all follow best practices. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What's important to Jake?
+
+## --answers--
+
+That everyone works hard.
+
+### --feedback--
+
+Jake does not talk about working hard in the audio.
+
+---
+
+That everyone follows best practices.
+
+---
+
+That everyone follows their own rules.
+
+### --feedback--
+
+Jake does not say anything about following personal rules.
+
+---
+
+That everyone communicates well.
+
+### --feedback--
+
+Jake does not mention communication as important.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+To find the correct answer, break down the key words in the audio:
+
+`Crucial` means very important. Jake is talking about something that must be done.
+
+`Follow` means to do or obey something.
+
+`Best practices` refers to the best and most effective ways to do something.
+
+Jake says, `It's crucial that we all follow best practices`. This shows that he thinks it is very important for everyone to use the best methods when working.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 30.94,
+      "finishTimestamp": 33.98
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.04,
+      "dialogue": {
+        "text": "It's crucial that we all follow best practices.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
new file mode 100644
index 0000000000..39ef7348e1
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763238e902cdf688f49152f.md
@@ -0,0 +1,92 @@
+---
+id: 6763238e902cdf688f49152f
+title: Task 127
+challengeType: 22
+dashedName: task-127
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`I'm BLANK BLANK the team about the upcoming training.`
+
+## --blanks--
+
+`going to`
+
+### --feedback--
+
+These two words together show that Maria is talking about something planned in the future. The first word is a verb ending in `-ing`, and the second is a preposition.
+
+---
+
+`inform`
+
+### --feedback--
+
+This word means to give information or tell someone about something.
+
+# --explanation--
+
+`Going to` shows that Maria is talking about something planned or decided for the future. For example:
+
+`I'm going to visit the headquarters tomorrow.` - it means the visit is planned.
+
+`Inform` means to give information or notify someone. For example:
+
+`He will inform his team leader about the issue.` - It means he will tell the team leader about the problem.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
new file mode 100644
index 0000000000..018ccabf15
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763251d0b7d8872b5543df8.md
@@ -0,0 +1,116 @@
+---
+id: 6763251d0b7d8872b5543df8
+title: Task 128
+challengeType: 19
+dashedName: task-128
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is Maria planning to do?
+
+## --answers--
+
+To attend a training session.
+
+### --feedback--
+
+Maria does not say she will attend the training.
+
+---
+
+To organize the training for the team.
+
+### --feedback--
+
+Maria does not mention organizing the training.
+
+---
+
+To inform the team about the upcoming training.
+
+---
+
+To ask the team about their training needs.
+
+### --feedback--
+
+Maria does not say anything about asking the team questions. She is going to provide information.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+To find the correct answer, focus on Maria's words in the audio:
+
+`I'm going to` shows her plan for the future.
+
+`Inform the team` tell us what Maria is planning to do.
+
+Maria's exact plan is to inform the team about something specific.
+
+`Upcoming` means something that will happen soon. For example:
+
+`We have an upcoming meeting next week.` - This means the meeting is scheduled for the near future.
+
+`Upcoming training` means a training session that is planned to take place soon.
+
+Together, the phrase shows Maria's responsibility to give information about the training that will happen in the near future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
new file mode 100644
index 0000000000..c96250b419
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676325dfad1ee0784c7f1a5e.md
@@ -0,0 +1,88 @@
+---
+id: 676325dfad1ee0784c7f1a5e
+title: Task 129
+challengeType: 19
+dashedName: task-129
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria wants to confirm if she needs to do more things. Which option is the best?
+
+## --answers--
+
+`Is there anything else we need to do?`
+
+---
+
+`Should I inform them now or later?`
+
+### --feedback--
+
+This question focuses on timing, not whether more tasks are required.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The best option is `Is there anything else we need to do?` because it directly asks about whether there are more tasks to complete.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 37.22
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.52,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.02
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
new file mode 100644
index 0000000000..1184550212
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763271c3d195780a672e061.md
@@ -0,0 +1,121 @@
+---
+id: 6763271c3d195780a672e061
+title: Task 130
+challengeType: 19
+dashedName: task-130
+---
+
+<!-- (audio) Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+When the training will happen.
+
+### --feedback--
+
+Maria is not asking about the time of the training.
+
+---
+
+Who needs to be informed about the training.
+
+### --feedback--
+
+Maria is not asking about who should be informed.
+
+---
+
+How to organize the training.
+
+### --feedback--
+
+Maria is not asking about how to organize the training.
+
+---
+
+If there are more tasks to complete.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+`Anything` means any item, task, or thing.
+
+`Else` means in addition to what has already been mentioned.
+
+Together, `anything else` means "any other things". For example:
+
+- `Do you need anything else before I leave?` - This asks if the person needs more help or items.
+
+- `Is there anything else on the agenda?` - This asks if there are more topics to discuss.
+
+Maria says, `Is there anything else we need to do?` This shows she wants to know if there are more tasks she needs to do beyond informing the team.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 34.7,
+      "finishTimestamp": 38.8
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.42,
+      "dialogue": {
+        "text": "I'm going to inform the team about the upcoming training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "startTime": 3.8,
+      "finishTime": 5.1,
+      "dialogue": {
+        "text": "Is there anything else we need to do?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 5.5
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
new file mode 100644
index 0000000000..330c8abfcb
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763285df9a9b6039696c389.md
@@ -0,0 +1,92 @@
+---
+id: 6763285df9a9b6039696c389
+title: Task 131
+challengeType: 22
+dashedName: task-131
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We're going to BLANK the database activity more BLANK.`
+
+## --blanks--
+
+`monitor`
+
+### --feedback--
+
+This word means to watch or check something carefully.
+
+---
+
+`closely`
+
+### --feedback--
+
+This word means in a careful or detailed way.
+
+# --explanation--
+
+The verb `monitor` means to watch or check something, especially in a business or technical setting. For example:
+
+`Managers monitor employee productivity to meet project deadlines.` - This means they check progress regularly to make sure work is on track.
+
+`Closely` means to do something in a careful or detailed way. For example:
+
+`The team is reviewing the security logs closely for any unusual activity.` - This means they are looking carefully at the logs for problems.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.72,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.22
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
new file mode 100644
index 0000000000..24b821538d
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632a419a12aa10b1e76954.md
@@ -0,0 +1,110 @@
+---
+id: 67632a419a12aa10b1e76954
+title: Task 132
+challengeType: 19
+dashedName: task-132
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What is going to be monitored?
+
+## --answers--
+
+The database activity
+
+---
+
+The server performance
+
+### --feedback--
+
+Jake does not mention monitoring the server performance.
+
+---
+
+The team's tasks
+
+### --feedback--
+
+Jake does not talk about monitoring the team's tasks.
+
+---
+
+The system logs
+
+### --feedback--
+
+Jake does not say anything about monitoring system logs.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+`Database` refers to a system where data is stored and organized.
+
+`Activity` refers to the actions or processes happening in the database.
+
+- `The database contains customer information and order details.` - This means the database stores important business data.
+
+- `There was unusual activity in the database last night.` - This means something unexpected happened in the database.
+
+Together, `database activity` means all the actions, changes, or processes happening within the database system.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.02,
+      "finishTimestamp": 41.84
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.82,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.32
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
new file mode 100644
index 0000000000..370fdcce77
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632cefda53f021ab6ecfb4.md
@@ -0,0 +1,100 @@
+---
+id: 67632cefda53f021ab6ecfb4
+title: Task 133
+challengeType: 22
+dashedName: task-133
+---
+
+<!-- (audio) This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`This will BLANK BLANK BLANK any suspicious patterns early.`
+
+## --blanks--
+
+`help`
+
+### --feedback--
+
+This word means to assist or make something easier.
+
+---
+
+`us`
+
+### --feedback--
+
+This word refers to the group or team being talked about.
+
+---
+
+`catch`
+
+### --feedback--
+
+This word means to find or notice something.
+
+# --explanation--
+
+`Help` means to make it easier to do something or to provide assistance.
+
+`Catch` means to find, notice, or identify something. For example:
+
+`The system is designed to catch errors in real-time.` - This means the system finds mistakes as they happen.
+
+`Help us catch` means to assist in identifying something.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 41.96,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 4.12,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.62
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
new file mode 100644
index 0000000000..00d7873654
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632e1b477101295cf2fc77.md
@@ -0,0 +1,119 @@
+---
+id: 67632e1b477101295cf2fc77
+title: Task 134
+challengeType: 19
+dashedName: task-134
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why is Jake planning to monitor the database activity more closely?
+
+## --answers--
+
+To catch suspicious patterns early.
+
+---
+
+To improve the database structure.
+
+### --feedback--
+
+Jake does not mention improving the database structure.
+
+---
+
+To monitor the team's productivity.
+
+### --feedback--
+
+Jake is talking about monitoring database activity, not the team.
+
+---
+
+To track system performance over time.
+
+### --feedback--
+
+Jake does not mention tracking system performance over time.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Jake says, `This will help us catch any suspicious patterns early.` Let's break down what he means.
+
+`Help us catch` means to make it easier for the team to find or notice something.
+
+`Suspicious patterns` refers to activities or changes in the database that seem unusual or could signal potential problems, such as unauthorized access or errors in the data.
+
+`Early` means finding these patterns as soon as possible, before they can cause significant harm.
+
+Together, Jake's statement means that by monitoring the database closely, the team can quickly find and fix any unusual activity before it becomes a bigger issue.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
new file mode 100644
index 0000000000..05aaa1bfaf
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67632f1219de712fcf37d295.md
@@ -0,0 +1,99 @@
+---
+id: 67632f1219de712fcf37d295
+title: Task 135
+challengeType: 19
+dashedName: task-135
+---
+
+<!-- (audio) Jake: We're going to monitor the database activity more closely. This will help us catch any suspicious patterns early. -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Maria thinks Jake's plan is important and useful. Which option better reflects that?
+
+## --answers--
+
+`Do you really think this will work?`
+
+### --feedback--
+
+This question shows doubt, not agreement with Jake's plan.
+
+---
+
+`I think this is going to make a big difference in our security.`
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`I think this is going to make a big difference in our security.` shows that Maria agrees with Jake's plan and thinks it is valuable.
+
+`Do you really think this will work?` shows doubt.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 39.12,
+      "finishTimestamp": 45.08
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.62,
+      "dialogue": {
+        "text": "We're going to monitor the database activity more closely.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.84,
+      "finishTime": 6.96,
+      "dialogue": {
+        "text": "This will help us catch any suspicious patterns early.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 7.46
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
new file mode 100644
index 0000000000..d02747ff4c
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633077c55c0f38b9166323.md
@@ -0,0 +1,108 @@
+---
+id: 67633077c55c0f38b9166323
+title: Task 136
+challengeType: 22
+dashedName: task-136
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Great. I think this is going to BLANK BLANK BLANK BLANK in our security.`
+
+## --blanks--
+
+`make`
+
+### --feedback--
+
+This word means to create or cause something to happen.
+
+---
+
+`a`
+
+### --feedback--
+
+This is an article used before singular nouns.
+
+---
+
+`big`
+
+### --feedback--
+
+This word means large or significant.
+
+---
+
+`difference`
+
+### --feedback--
+
+This word means a change or effect on something.
+
+# --explanation--
+
+`Make` means to cause something to happen or exist.
+
+`A big difference` means a significant or noticeable change or improvement.
+
+Together, `make a big difference` means to cause something to improve or become better in an important way. For example:
+
+`Updating our software will make a big difference in system performance.` - This means the update will improve how the system works.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
new file mode 100644
index 0000000000..7352992b2d
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763322b77048c43b92f9c28.md
@@ -0,0 +1,102 @@
+---
+id: 6763322b77048c43b92f9c28
+title: Task 137
+challengeType: 19
+dashedName: task-137
+---
+
+<!-- (audio) Maria: Great. I think this is going to make a big difference in our security. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When does Maria think the changes will have an impact on security?
+
+## --answers--
+
+The changes already improved security.
+
+### --feedback--
+
+Maria does not say the changes have already happened. She is talking about the future.
+
+---
+
+The changes are currently improving security.
+
+### --feedback--
+
+Maria is not referring to something happening now. She is talking about what will happen later.
+
+---
+
+The changes might improve security someday.
+
+### --feedback--
+
+Maria is confident about the changes making an impact, not uncertain.
+
+---
+
+The changes will improve security in the future.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+Maria says, `I think this is going to make a big difference in our security.` The phrase `is going to` shows that Maria is talking about the future.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 45.58,
+      "finishTimestamp": 48.34
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.76,
+      "dialogue": {
+        "text": "Great. I think this is going to make a big difference in our security.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 4.26
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
new file mode 100644
index 0000000000..45580e5d90
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633424bfc56f4fec3edf3c.md
@@ -0,0 +1,98 @@
+---
+id: 67633424bfc56f4fec3edf3c
+title: Task 138
+challengeType: 22
+dashedName: task-138
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Are we going to BLANK BLANK BLANK with other departments?`
+
+## --blanks--
+
+`share`
+
+### --feedback--
+
+This is a verb that means to give something to others or use it together.
+
+---
+
+`this`
+
+### --feedback--
+
+This is a demonstrative pronoun that refers to something specific being talked about.
+
+---
+
+`information`
+
+### --feedback--
+
+This is a noun that means knowledge or facts that are communicated.
+
+# --explanation--
+
+`Share` means to give something to others or to use it together.
+
+`This` is a demonstrative pronoun that refers to something specific, in this case, the information.
+
+`Information` refers to knowledge, data, or facts that are communicated.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
new file mode 100644
index 0000000000..64366032e9
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676335dbbbe14c5acdafc970.md
@@ -0,0 +1,108 @@
+---
+id: 676335dbbbe14c5acdafc970
+title: Task 139
+challengeType: 19
+dashedName: task-139
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+What does Maria want to know?
+
+## --answers--
+
+If the information will be shared with other departments.
+
+---
+
+If the departments need more information.
+
+### --feedback--
+
+Maria does not mention needing more information in her question.
+
+---
+
+When the information will be shared.
+
+### --feedback--
+
+Maria does not ask about the timing of sharing the information.
+
+---
+
+Why the information is important.
+
+### --feedback--
+
+Maria is not asking about the importance of the information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+Focus on the verb `share`. It means to give or make something available to others. Maria is asking if the information will be shared.
+
+`Other departments` tells you who might receive the information. Maria's question is specifically about these departments.
+
+The structure `Are we going to...` shows that Maria is asking about a plan for the future.
+
+By identifying these parts of the sentence, you can understand that Maria is asking whether the information will be shared with other departments.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
new file mode 100644
index 0000000000..6d267335bc
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676338a796ace16be009e9d6.md
@@ -0,0 +1,89 @@
+---
+id: 676338a796ace16be009e9d6
+title: Task 140
+challengeType: 19
+dashedName: task-140
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? -->
+
+<!-- SPEAKING -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Jake is still deciding what to do. What's the most appropriate answer to Maria's question?
+
+## --answers--
+
+`We'll probably do that after we've completed the training.`
+
+---
+
+`I think sharing this information is unnecessary.`
+
+### --feedback--
+
+This response contradicts the idea of considering sharing information.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The correct answer is `We'll probably do that after we've completed the training.` This response is appropriate because it aligns with Maria's question while emphasizing the need to complete the training first.
+
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 51.02
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.78
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
new file mode 100644
index 0000000000..0d67d478c4
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676339b7a8460f7302b2d966.md
@@ -0,0 +1,98 @@
+---
+id: 676339b7a8460f7302b2d966
+title: Task 141
+challengeType: 22
+dashedName: task-141
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`We'll probably BLANK BLANK BLANK we've completed the training.`
+
+## --blanks--
+
+`do`
+
+### --feedback--
+
+This is a verb that means to perform or carry out an action.
+
+---
+
+`that`
+
+### --feedback--
+
+This is a demonstrative pronoun referring to something already mentioned.
+
+---
+
+`after`
+
+### --feedback--
+
+This is a conjunction that shows the sequence of events.
+
+# --explanation--
+
+`Do` means to perform or carry out an action.
+
+`That` is a demonstrative pronoun that refers to something already mentioned or understood. In this case, it refers to an action previously discussed.
+
+`After` is a conjunction that indicates the sequence of events.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 3.7
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
new file mode 100644
index 0000000000..feafb7ba43
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633a6ff2f2ef78701975c9.md
@@ -0,0 +1,136 @@
+---
+id: 67633a6ff2f2ef78701975c9
+title: Task 142
+challengeType: 19
+dashedName: task-142
+---
+
+<!-- (audio) Maria: Are we going to share this information with other departments? Jake: We'll probably do that after we've completed the training. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+When is Jake planning to share the information with other departments?
+
+## --answers--
+
+Before they start the training.
+
+### --feedback--
+
+Jake mentions sharing the information after the training, not before.
+
+---
+
+After they've completed the training.
+
+---
+
+While the training is happening.
+
+### --feedback--
+
+Jake does not say they will share the information during the training.
+
+---
+
+He is not planning to share the information.
+
+### --feedback--
+
+Jake does mention sharing the information but plans to do so after the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+`After we've completed` indicates that Jake is planning to share the information once the training is finished. Let's break it down:
+
+`After` shows the sequence of events, meaning the information will be shared following the training.
+
+`Completed the training` means finishing the training sessions or program.
+
+Together, this means Jake's plan is to share the information only once the training is fully done.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Maria",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.5
+        },
+        "opacity": 0
+      },
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 48.74,
+      "finishTimestamp": 53.6
+    }
+  },
+  "commands": [
+    {
+      "character": "Maria",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Maria",
+      "startTime": 1,
+      "finishTime": 3.28,
+      "dialogue": {
+        "text": "Are we going to share this information with other departments?",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Maria",
+      "opacity": 0,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 3.47
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.66,
+      "finishTime": 5.86,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.36
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
new file mode 100644
index 0000000000..46676e6f22
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b012085337c52b93096.md
@@ -0,0 +1,92 @@
+---
+id: 67633b012085337c52b93096
+title: Task 143
+challengeType: 22
+dashedName: task-143
+---
+
+<!-- (audio) Jake: It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and complete the sentence below.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`It's better to ensure our team is BLANK BLANK first.`
+
+## --blanks--
+
+`fully`
+
+### --feedback--
+
+This is an adverb meaning completely or entirely.
+
+---
+
+`prepared`
+
+### --feedback--
+
+This is an adjective meaning ready or equipped to do something.
+
+# --explanation--
+
+`Fully` means completely or entirely. It shows that no part of the task or readiness is incomplete. For example:
+
+`The project was fully reviewed before the deadline.` - This means the review was completed entirely.
+
+`Prepared` means ready or equipped to do something. For example:
+
+`The team is prepared to present their findings.` - This means the team is ready to give the presentation.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 53.6,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.84,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 4.34
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
new file mode 100644
index 0000000000..11dbacc17f
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633b85c9f913803fd8591c.md
@@ -0,0 +1,111 @@
+---
+id: 67633b85c9f913803fd8591c
+title: Task 144
+challengeType: 19
+dashedName: task-144
+---
+
+<!-- (audio) Jake: We'll probably do that after we've completed the training. It's better to ensure our team is fully prepared first. -->
+
+# --instructions--
+
+Listen to the audio and answer the question below.
+
+# --questions--
+
+## --text--
+
+Why doesn't Jake want to inform other departments before the training?
+
+## --answers--
+
+Because the team is already prepared.
+
+### --feedback--
+
+Jake does not say the team is already prepared. He talks about the need to prepare them first.
+
+---
+
+Because the other departments don't need the information.
+
+### --feedback--
+
+Jake does not mention that the other departments don't need the information.
+
+---
+
+Because the team needs to be fully prepared first.
+
+---
+
+Because the training is not important.
+
+### --feedback--
+
+Jake does not imply that the training is unimportant. In fact, he emphasizes its importance.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+`Fully prepared` means completely ready. Jake wants the team to be ready before sharing the information.
+
+# --scene--
+
+```json
+{
+  "setup": {
+    "background": "company2-center.png",
+    "characters": [
+      {
+        "character": "Jake",
+        "position": {
+          "x": 50,
+          "y": 0,
+          "z": 1.4
+        },
+        "opacity": 0
+      }
+    ],
+    "audio": {
+      "filename": "B1_5-3.mp3",
+      "startTime": 1,
+      "startTimestamp": 51.4,
+      "finishTimestamp": 56.44
+    }
+  },
+  "commands": [
+    {
+      "character": "Jake",
+      "opacity": 1,
+      "startTime": 0
+    },
+    {
+      "character": "Jake",
+      "startTime": 1,
+      "finishTime": 3.2,
+      "dialogue": {
+        "text": "We'll probably do that after we've completed the training.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "startTime": 3.2,
+      "finishTime": 6.04,
+      "dialogue": {
+        "text": "It's better to ensure our team is fully prepared first.",
+        "align": "center"
+      }
+    },
+    {
+      "character": "Jake",
+      "opacity": 0,
+      "startTime": 6.54
+    }
+  ]
+}
+```
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
new file mode 100644
index 0000000000..94d9f6467b
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67633d331eeb858a9803794f.md
@@ -0,0 +1,97 @@
+---
+id: 67633d331eeb858a9803794f
+title: Task 145
+challengeType: 22
+dashedName: task-145
+---
+
+<!-- REVIEW -->
+
+# --description--
+
+This is a review of the entire dialogue you just studied.
+
+# --instructions--
+
+Place the following phrases in the correct spot:
+
+`going to hold`, `going to need`, `monitor`, `do that after`, `require`, `implement`, and `are you going to`.
+
+# --fillInTheBlank--
+
+## --sentence--
+
+`Jake: I've been looking into our database security, and I think we're BLANK some additional measures to prevent SQL injection attacks.`
+
+`Maria: I agree. We've been noticing some unusual queries in the logs. What BLANK recommend to improve security?`
+
+`Jake: We're going to BLANK parameterized queries to minimize the risk. This should reduce the chances of unauthorized access to our data.`
+
+`Maria: That sounds like a solid plan. Are we going to BLANK additional training for our developers?`
+
+`Jake: Yes, we're BLANK a session next week to ensure everyone knows how to implement these changes. It's crucial that we all follow best practices.`
+
+`Maria: I'm going to inform the team about the upcoming training. Is there anything else we need to do?`
+
+`Jake: We're going to BLANK the database activity more closely. This will help us catch any suspicious patterns early.`
+
+`Maria: Great. I think this is going to make a big difference in our security. Are we going to share this information with other departments?`
+
+`Jake: We'll probably BLANK we've completed the training. It's better to ensure our team is fully prepared first.`
+
+## --blanks--
+
+`going to need`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense and indicates something necessary in the future.
+
+---
+
+`are you going to`
+
+### --feedback--
+
+This question uses the `Future Simple` tense to ask about plans or intentions.
+
+---
+
+`implement`
+
+### --feedback--
+
+This verb means to put something into practice or carry out a plan.
+
+---
+
+`require`
+
+### --feedback--
+
+This verb means to need or make something necessary.
+
+---
+
+`going to hold`
+
+### --feedback--
+
+This phrase uses the `Future Simple` tense to talk about scheduling or planning an event.
+
+---
+
+`monitor`
+
+### --feedback--
+
+This verb means to watch or check something carefully.
+
+---
+
+`do that after`
+
+### --feedback--
+
+This phrase combines a verb and a preposition to indicate completing one action following another.
+
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
new file mode 100644
index 0000000000..421bf93f13
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67634107b478caa17f37c628.md
@@ -0,0 +1,72 @@
+---
+id: 67634107b478caa17f37c628
+title: Task 146
+challengeType: 19
+dashedName: task-146
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What is the purpose of the training mentioned in the text?
+
+## --answers--
+
+To improve the team's skills and reduce security risks.
+
+---
+
+To teach the team about project deadlines.
+
+### --feedback--
+
+The text does not mention anything about project deadlines.
+
+---
+
+To explain how to share updates with other departments.
+
+### --feedback--
+
+Sharing updates is mentioned at the end of the training but is not the main purpose of the training.
+
+---
+
+To monitor every department's activity.
+
+### --feedback--
+
+The text focuses on monitoring database activity, not department activity.
+
+## --video-solution--
+
+1
+
+# --explanation--
+
+The purpose of the training is to improve the team's skills and reduce security risks. Let's break it down:
+
+The text begins with, `To protect our databases from threats like SQL injection attacks`. The preposition `to` introduces the purpose of the entire training. It shows that the main goal is to protect the database from threats.
+
+The next part, `we are going to focus on improving the team's skills`, explains how this purpose will be achieved. By improving their skills, the team will learn methods to address these threats effectively.
+
+The training is described as teaching developers `how to use parameterized queries and follow best practices`. These specific actions connect directly to reducing security risks, which ties back to the purpose stated at the beginning.
+
+By following this structure, you can conclude that the training is focused on improving skills to protect the database, making this the primary purpose of the session.
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
new file mode 100644
index 0000000000..2ed677a913
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/67634294671bb8ac40e2cc85.md
@@ -0,0 +1,64 @@
+---
+id: 67634294671bb8ac40e2cc85
+title: Task 147
+challengeType: 19
+dashedName: task-147
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What actions are planned to reduce the risk of SQL injection attacks?
+
+## --answers--
+
+Running full system scans for hidden malware.
+
+### --feedback--
+
+The text does not mention running system scans to prevent SQL injection attacks.
+
+---
+
+Improving database structure with advanced tools.
+
+### --feedback--
+
+The text does not discuss changing the database structure as a preventive measure.
+
+---
+
+Teaching developers to use parameterized queries and follow best practices.
+
+---
+
+Monitoring network activity instead of database activity.
+
+### --feedback--
+
+The text emphasizes monitoring database activity, not network activity.
+
+## --video-solution--
+
+3
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These two actions are specifically mentioned as ways to reduce the risk of SQL injection attacks. 
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
new file mode 100644
index 0000000000..2edbd8fa0a
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/676342de292eafae91acee29.md
@@ -0,0 +1,64 @@
+---
+id: 676342de292eafae91acee29
+title: Task 148
+challengeType: 19
+dashedName: task-148
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+Who is going to participate in the training?
+
+## --answers--
+
+The project managers
+
+### --feedback--
+
+The text does not mention project managers as participants in the training.
+
+---
+
+The developers
+
+---
+
+The IT support team
+
+### --feedback--
+
+The IT support team is not mentioned as part of the training.
+
+---
+
+The clients
+
+### --feedback--
+
+The text does not mention clients participating in the training.
+
+## --video-solution--
+
+2
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` This shows that developers are the ones participating in the training.  
diff --git a/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
new file mode 100644
index 0000000000..b2fdce00f2
--- /dev/null
+++ b/curriculum/challenges/swahili/24-b1-english-for-developers/learn-how-to-plan-future-events/6763432a8c2ae1b0de0e1fc0.md
@@ -0,0 +1,64 @@
+---
+id: 6763432a8c2ae1b0de0e1fc0
+title: Task 149
+challengeType: 19
+dashedName: task-149
+---
+
+<!-- READING -->
+
+# --instructions--
+
+Read the text and answer the question below.
+
+# --questions--
+
+## --text--
+
+This is a message talking about the future training.
+
+`The Importance of Training for Database Security`
+
+`To protect our databases from threats like SQL injection attacks, we are going to focus on improving the team's skills. The training will teach developers how to use parameterized queries and follow best practices. These methods will help reduce the risk of unauthorized access to sensitive data.`
+
+`We are also going to discuss how to monitor database activity more closely. This will help the team find suspicious patterns early and respond quickly.`
+
+`At the end of the training, the team will be fully prepared to deal with new challenges and share important updates with other departments.`
+
+What will the training teach the team?
+
+## --answers--
+
+How to improve database performance.
+
+### --feedback--
+
+The text does not mention improving database performance as part of the training.
+
+---
+
+How to design new database structures.
+
+### --feedback--
+
+The training does not focus on creating new database structures.
+
+---
+
+How to secure network communications.
+
+### --feedback--
+
+The training focuses on database security, not network communications.
+
+---
+
+How to use parameterized queries and follow best practices.
+
+## --video-solution--
+
+4
+
+# --explanation--
+
+The text states, `The training will teach developers how to use parameterized queries and follow best practices.` These are the two specific skills that the training will focus on. 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md b/curriculum/challenges/swahili/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
index 7e4c1e8d1d..63b2b0bb14 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-date-conversion/66f686b8ebdb982fa8e14330.md
@@ -63,7 +63,7 @@ You should have a function `formatDateMMDDYYYY`
 assert.isFunction(formatDateMMDDYYYY);
 ```
 
-The function`formatDateMMDDYYYY` should take a single parameter.
+The function `formatDateMMDDYYYY` should take a single parameter.
 
 ```js
 assert.lengthOf(formatDateMMDDYYYY, 1);
@@ -91,7 +91,7 @@ You should have a function `formatDateLong`
 assert.isFunction(formatDateLong);
 ```
 
-The function`formatDateLong` should take a single a parameter.
+The function `formatDateLong` should take a single a parameter.
 
 ```js
 assert.lengthOf(formatDateLong, 1);
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md b/curriculum/challenges/swahili/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
new file mode 100644
index 0000000000..a3dfa325d2
--- /dev/null
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-drum-machine/6762ec275cef87635acc4fe3.md
@@ -0,0 +1,543 @@
+---
+id: 6762ec275cef87635acc4fe3
+title: Build a Drum Machine
+challengeType: 25
+dashedName: build-drum-machine
+demoType: onClick
+---
+
+# --description--
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+1. You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+2. Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+3. Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+4. Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`, a unique `id` that describes the audio clip the drum pad will be set up to trigger, and an inner text that corresponds to one of the following keys on the keyboard: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`. The drum pads MUST be in this order.
+
+5. Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+6. When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+7. When you press the trigger key associated with each `.drum-pad`, the audio clip contained in its child audio element should be triggered (e.g. pressing the `Q` key should trigger the drum pad which contains the string `Q`, pressing the `W` key should trigger the drum pad which contains the string `W`, etc.).
+
+8. When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+Some audio samples you can use for your drum machine can be found at `https://cdn.freecodecamp.org/curriculum/drum/<fileName>`, where `<fileName>` is as follows:
+
+| drum name   | `fileName`       |
+| ----------- | ---------------- |
+| Heater 1    | `Heater-1.mp3`   |
+| Heater 2    | `Heater-2.mp3`   |
+| Heater 3    | `Heater-3.mp3`   |
+| Heater 4    | `Heater-4_1.mp3` |
+| Clap        | `Heater-6.mp3`   |
+| Open-HH     | `Dsc_Oh.mp3`     |
+| Kick-n'-Hat | `Kick_n_Hat.mp3` |
+| Kick        | `RP4_KICK_1.mp3` |
+| Closed-HH   | `Cev_H2.mp3`     |
+
+# --hints--
+
+You should have a `div` element with an `id` of `drum-machine` that contains all other elements.
+
+```js
+assert.isNotNull(document.querySelector('div#drum-machine'));
+```
+
+Inside the `#drum-machine` element you should have another `div` with an `id` of `pad-bank`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine div#pad-bank'));
+```
+
+Inside the `#drum-machine` element you should have a `p` element with an `id` of `display`.
+
+```js
+assert.isNotNull(document.querySelector('#drum-machine p#display'));
+```
+
+Inside your `#pad-bank` element you should have nine clickable drum pad elements each with a class of `drum-pad`.
+
+```js
+assert.lengthOf(document.querySelectorAll('#pad-bank .drum-pad'), 9);
+```
+
+Each `.drum-pad` should have one of the following letters as `innerText`, in order: `Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+for (let i = 0; i < 9; i++) {
+  assert.equal(pads[i].innerText.trim(), letters[i]);
+}
+```
+
+Each `.drum-pad` should have an `audio` element which has a class of `clip`, a `src` attribute that points to an audio clip, and an `id` corresponding to the inner text of its parent `.drum-pad` element (e.g. `id="Q"`, `id="W"`, `id="E"` etc.).
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  assert.equal(audios[i].id, letters[i]);
+  assert.isTrue(audios[i].classList.contains('clip'));
+  assert.isTrue(audios[i].hasAttribute('src'));
+}
+```
+
+When you click on a `.drum-pad` element, the audio clip contained in its child audio element should be triggered.
+
+```js
+const pads = document.querySelectorAll('.drum-pad');
+assert.isNotEmpty(pads);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  assert.isFalse(audio.paused);
+  audio.pause();
+});
+```
+
+When you press one of the keys Q, W, E, A, S, D, Z, X, C on your keyboard, the corresponding `audio` element should play the corresponding sound.
+
+```js
+const letters = [`Q`, `W`, `E`, `A`, `S`, `D`, `Z`, `X`, `C`];
+const audios = document.querySelectorAll('#drum-machine .drum-pad audio');
+
+for (let i = 0; i < 9; i++) {
+  const audio = audios[i];
+  document.dispatchEvent(
+    new KeyboardEvent('keydown', { key: letters[i].toLowerCase() })
+  );
+  assert.isFalse(audio.paused);
+  audio.pause();
+}
+```
+
+When a `.drum-pad` is triggered, you should display a string describing the associated audio clip as the inner text of the `#display` element (each string must be unique).
+
+```js
+const collection = new Set();
+const disp = document.querySelector('#display');
+const pads = document.querySelectorAll('.drum-pad');
+assert.lengthOf(pads, 9);
+pads.forEach(el => {
+  const audio = el.querySelector('audio');
+  el.click();
+  collection.add(disp.innerText.trim());
+  audio.pause();
+});
+assert.lengthOf(collection, 9);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Drum Machine</title>
+  </head>
+  <body></body>
+</html>
+```
+
+```css
+
+```
+
+```js
+
+```
+
+# --solutions--
+
+```html
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Drum Machine</title>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+
+  <body>
+    <div class="inner-container" id="drum-machine">
+      <div id="pad-bank"></div>
+
+      <div class="controls-container">
+        <div class="control power-control">
+          <p>Power: <span id="power-status">On</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+
+        <!-- Display for Drum Pad Name and Volume -->
+        <p id="display"></p>
+
+        <div class="volume-slider">
+          <input type="range" min="0" max="1" step="0.01" value="0.3" />
+        </div>
+
+        <div class="control bank-control">
+          <p>Bank: <span id="current-bank">Heater Kit</span></p>
+          <div class="select">
+            <div class="inner"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <script src="script.js"></script>
+  </body>
+</html>
+```
+
+```css
+/* General Reset */
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: 'Arial', sans-serif;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 100vh;
+  background-color: #282c34;
+  color: white;
+}
+
+.inner-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: #3b3b5f;
+  border-radius: 8px;
+  padding: 20px;
+  width: 300px;
+}
+
+/* Drum Pad Styles */
+#pad-bank {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 10px;
+  margin-bottom: 15px;
+}
+
+.drum-pad {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 70px;
+  height: 70px;
+  background: #444;
+  border-radius: 5px;
+  font-size: 1.2em;
+  cursor: pointer;
+}
+
+.drum-pad.active {
+  background: #ffaa33;
+}
+
+.controls-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: 100%;
+}
+
+.control {
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  margin: 10px 0;
+}
+
+.select {
+  width: 50px;
+  height: 20px;
+  background: #555;
+  border-radius: 10px;
+  cursor: pointer;
+  position: relative;
+}
+
+.select .inner {
+  position: absolute;
+  width: 18px;
+  height: 18px;
+  background: #ffaa33;
+  border-radius: 50%;
+  top: 1px;
+  left: calc(100% - 18px);
+}
+
+#display {
+  margin: 15px 0;
+  text-align: center;
+  font-size: 1em;
+  padding: 20px;
+  background: #444;
+  border-radius: 5px;
+  width: 100%;
+}
+
+.volume-slider input[type='range'] {
+  width: 100%;
+  -webkit-appearance: none;
+  appearance: none;
+  height: 4px;
+  background: #ffaa33;
+  border-radius: 2px;
+  margin-bottom: 10px;
+}
+
+.volume-slider input[type='range']::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  width: 12px;
+  height: 12px;
+  background: #fff;
+  border-radius: 50%;
+  cursor: pointer;
+}
+```
+
+```js
+const projectName = 'drum-machine';
+
+const bankOne = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Heater-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Heater-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Heater-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Heater-4',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-4_1.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Clap',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Heater-6.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dsc_Oh.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: "Kick-n'-Hat",
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Kick_n_Hat.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/RP4_KICK_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Cev_H2.mp3'
+  }
+];
+
+const bankTwo = [
+  {
+    keyCode: 81,
+    keyTrigger: 'Q',
+    id: 'Chord-1',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_1.mp3'
+  },
+  {
+    keyCode: 87,
+    keyTrigger: 'W',
+    id: 'Chord-2',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_2.mp3'
+  },
+  {
+    keyCode: 69,
+    keyTrigger: 'E',
+    id: 'Chord-3',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Chord_3.mp3'
+  },
+  {
+    keyCode: 65,
+    keyTrigger: 'A',
+    id: 'Shaker',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Give_us_a_light.mp3'
+  },
+  {
+    keyCode: 83,
+    keyTrigger: 'S',
+    id: 'Open-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Dry_Ohh.mp3'
+  },
+  {
+    keyCode: 68,
+    keyTrigger: 'D',
+    id: 'Closed-HH',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Bld_H1.mp3'
+  },
+  {
+    keyCode: 90,
+    keyTrigger: 'Z',
+    id: 'Punchy-Kick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/punchy_kick_1.mp3'
+  },
+  {
+    keyCode: 88,
+    keyTrigger: 'X',
+    id: 'Side-Stick',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/side_stick_1.mp3'
+  },
+  {
+    keyCode: 67,
+    keyTrigger: 'C',
+    id: 'Snare',
+    url: 'https://cdn.freecodecamp.org/curriculum/drum/Brk_Snr.mp3'
+  }
+];
+
+const state = {
+  power: true,
+  display: ' ',
+  currentPadBank: bankOne,
+  currentPadBankId: 'Heater Kit',
+  sliderVal: 0.3
+};
+
+const display = document.getElementById('display');
+
+const setDisplay = text => {
+  state.display = text;
+  display.innerText = text;
+};
+
+const adjustVolume = e => {
+  if (state.power) {
+    state.sliderVal = e.target.value;
+    setDisplay(`Volume: ${Math.round(e.target.value * 100)}`);
+    setTimeout(() => setDisplay(' '), 1000);
+    document.querySelectorAll('.clip').forEach(sound => {
+      sound.volume = state.sliderVal;
+    });
+  }
+};
+
+const activatePad = pad => {
+  pad.classList.add('active');
+  setTimeout(() => pad.classList.remove('active'), 100);
+};
+
+const playSound = (id, name) => {
+  if (!state.power) return;
+
+  const sound = document.getElementById(id);
+  sound.currentTime = 0;
+  sound.play();
+  activatePad(sound.parentNode);
+  setDisplay(name);
+};
+
+const renderPadBank = () => {
+  const padBank = document.querySelector('#pad-bank');
+  padBank.innerHTML = '';
+
+  state.currentPadBank.forEach(drum => {
+    const pad = document.createElement('div');
+    pad.classList.add('drum-pad');
+    pad.id = drum.id;
+    pad.innerText = drum.keyTrigger;
+
+    const audio = document.createElement('audio');
+    audio.classList.add('clip');
+    audio.id = drum.keyTrigger;
+    audio.src = drum.url;
+    pad.appendChild(audio);
+
+    pad.addEventListener('click', () =>
+      playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '))
+    );
+    document.addEventListener('keydown', e => {
+      if (e.key === drum.keyTrigger.toLowerCase())
+        playSound(drum.keyTrigger, drum.id.replace(/-/g, ' '));
+    });
+
+    padBank.appendChild(pad);
+  });
+};
+
+const powerControl = () => {
+  state.power = !state.power;
+  document.getElementById('power-status').textContent = state.power
+    ? 'On'
+    : 'Off';
+
+  setDisplay('');
+
+  const powerSlider = document.querySelector('.power-control .select .inner');
+  powerSlider.style.left = state.power ? 'calc(100% - 18px)' : '0';
+};
+
+const selectBank = () => {
+  if (!state.power) return;
+  setDisplay(' ');
+  state.currentPadBank =
+    state.currentPadBankId === 'Heater Kit' ? bankTwo : bankOne;
+  state.currentPadBankId =
+    state.currentPadBankId === 'Heater Kit' ? 'Smooth Piano Kit' : 'Heater Kit';
+
+  renderPadBank();
+  document.getElementById('current-bank').textContent =
+    state.currentPadBankId === 'Heater Kit' ? 'Heater Kit' : 'Smooth Piano Kit';
+  const bankControl = document.querySelector('.bank-control .select .inner');
+  bankControl.style.left =
+    state.currentPadBankId === 'Heater Kit' ? 'calc(100% - 18px)' : '0';
+};
+
+document
+  .querySelector('.power-control')
+  .addEventListener('click', powerControl);
+document.querySelector('.bank-control').addEventListener('click', selectBank);
+document
+  .querySelector('.volume-slider input')
+  .addEventListener('input', adjustVolume);
+
+renderPadBank();
+```
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md b/curriculum/challenges/swahili/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
index fa20fc9afe..d9028214d5 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-factorial-calculator/66c07238b01053abaf812065.md
@@ -71,12 +71,6 @@ The factorial of `7` should return `5040`.
 assert.strictEqual(factorialCalculator(7), 5040);
 ```
 
-For `5`, the `resultMsg` should contain `Factorial of 5 is 120`.
-
-```js
-assert.strictEqual(resultMsg, 'Factorial of 5 is 120');
-```
-
 You should call your `factorialCalculator` function with the `num` variable as the argument.
 
 ```js
@@ -98,6 +92,13 @@ assert.strictEqual(factorialCalculator(9), 362880);
 assert.strictEqual(factorialCalculator(11), 39916800);
 ```
 
+Your `resultMsg` should contain a string in a format `Factorial of [num] is [factorial]`.
+
+```js
+assert.strictEqual(resultMsg, `Factorial of ${num} is ${factorialCalculator(num)}`);
+assert.notMatch(__helpers.removeJSComments(code), /Factorial of \d{1,2} is \d+/);
+```
+
 You should output the value of `resultMsg` to the console.
 
 ```js
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md b/curriculum/challenges/swahili/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
index bcee8d5814..4d809d6a10 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-inventory-management-program/66d75dd0aa65a71600dc669b.md
@@ -23,6 +23,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. If the quantity after the subtraction is zero, `removeProduct` should remove the product object from the inventory. If the quantity in the inventory is not enough to perform the subtraction, the `removeProduct` function should log the string `Not enough <product-name> available, remaining pieces: <product-quantity>` to the console.
 1. If the product to remove is not present in the inventory, the `removeProduct` function should log `<product-name> not found` to the console.
 
+**Note:** To prevent conflicts, keep only the logging mentioned in the user stories when running tests.
+
 # --hints--
 
 You should declare an empty array named `inventory`.
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md b/curriculum/challenges/swahili/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
index 332c23a7dd..fba79087f2 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-leap-year-calculator/66c06fad3475cd92421b9ac2.md
@@ -19,8 +19,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 4. To check if the year is a leap year, fulfill the following conditions:
 
    - If the year is divisible by `4`, then it is a leap year.
-   - If the year is divisible by `100`, then it is not a leap year.
-   - If the year is divisible by `400`, then it is a leap year.
+   - Unless the year is also divisible by `100`, then it is not a leap year.
+   - Unless the year is also divisible by `400`, then it is a leap year.
 
 5. If the year is a leap year, return `[year] is a leap year.`. Otherwise, return `[year] is not a leap year.`. You will replace `[year]` with the parameter defined in the `isLeapYear` function.
 6. You should call the `isLeapYear` function with `year` as the argument and assign the result to a variable named `result`.
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md b/curriculum/challenges/swahili/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
new file mode 100644
index 0000000000..76e6b39645
--- /dev/null
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
@@ -0,0 +1,263 @@
+---
+id: 6735a7370e0ae93a4577c689
+title: Design a Magazine Layout
+challengeType: 25
+dashedName: design-a-magazine-layout
+demoType: onClick
+---
+
+# --description--
+
+In this lab, you will design a magazine layout using CSS Grid, including concepts like grid rows and grid columns.
+
+**Objective:** Fulfill the user stories below and get all the tests to pass to complete the lab.
+
+**User Stories:**
+
+1. You should have a `main` element with the class `magazine-cover`.
+
+2. Your `.magazine-cover` should contain a `header` element for the title with the class `title`.
+
+3. You should have four `section` elements in your page. The first three sections for magazine articles and a fourth `section` element for a cover image.
+
+4. The four `section` elements should have a `class` attribute of `feature-article`, `small-article1`, `small-article2`, and `cover-image`, respectively.
+
+5. You should set the `display` property of `.magazine-cover` to `grid.`
+
+6. The `.magazine-cover` should have a `grid-template-areas` property that defines the layout of the grid:
+
+   - The title spanning the top row.
+   - A feature article spanning two columns and a cover image in the second row.
+   - Two small articles and the cover image in the third row.
+
+7. The `.magazine-cover` should have a `grid-template-columns` property that divides the space into three equal parts.
+
+8. The `.magazine-cover` should have a `grid-template-rows` property. It should be set to `auto` for the first row, and divide equally the space occupied by the remaining two rows.
+
+9. You should add a gap between grid items and set the width of the `.magazine-cover` to occupy most of the viewport width.
+
+**Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
+
+# --hints--
+
+You should have a `main` element.
+
+```js
+assert.exists(document.querySelector('main'));
+```
+
+Your `main` element should have a `class` of `magazine-cover`.
+
+```js
+assert.exists(document.querySelector('main.magazine-cover'));
+```
+
+You should have a `header` element within your `main` element.
+
+```js
+assert.exists(document.querySelector("main > header"));
+```
+
+Your `header` element should have a `class` of `title` and should contain some text.
+
+```js
+const header = document.querySelector("header.title");
+assert.exists(header);
+assert.isAbove(header.innerText.length, 0);
+```
+
+You should have a `section` element for each article and the cover image, with classes `feature-article`, `small-article1`, `small-article2`, and `cover-image` respectively.
+
+```js
+const featureArticle = document.querySelector('section.feature-article');
+const smallArticle1 = document.querySelector('section.small-article1');
+const smallArticle2 = document.querySelector('section.small-article2');
+const coverImage = document.querySelector('section.cover-image');
+
+assert.exists(featureArticle);
+assert.exists(smallArticle1);
+assert.exists(smallArticle2);
+assert.exists(coverImage);
+```
+
+The `display` property of the `.magazine-cover` should be set to `grid`.
+
+```js
+assert.equal(getComputedStyle(document.querySelector('.magazine-cover')).display, 'grid');
+```
+
+Your `.magazine-cover` should have a `grid-template-areas` property with `title` spanning all three columns of the first row.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /^("|')title title title\1/);
+```
+
+The second row of the grid template should contain a `feature article` spanning two columns and a `cover image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /.("|')feature-article feature-article cover-image\1./);
+```
+
+The third row of the grid template should contain `small-article1`, `small-article2`, and `cover-image`.
+
+```js
+const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-cover'));
+assert.match(magazineCoverStyle.gridTemplateAreas, /("|')small-article1 small-article2 cover-image\1$/);
+```
+
+Your `.magazine-cover` class should have a `grid-template-columns` property set to `1fr 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateColumns, '1fr 1fr 1fr');
+```
+
+Your `.magazine-cover` class should have a `grid-template-rows` property set to `auto 1fr 1fr`.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateRows, 'auto 1fr 1fr');
+```
+
+You should add a gap of `10px` between grid items.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gap, '10px');
+```
+
+The `.title` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.title')?.gridArea, 'title');
+```
+
+The `.feature-article` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.feature-article')?.gridArea, 'feature-article');
+```
+
+The `.cover-image` class should have a grid area of the same name.
+
+```js
+assert.equal(new __helpers.CSSHelp(document).getStyle('.cover-image')?.gridArea, 'cover-image');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+<meta charset="utf-8">
+<title>Magazine Layout</title>
+</head>
+
+<body>
+
+</body>
+
+</html>
+```
+
+```css
+
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Adventure Magazine</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <main class="magazine-cover">
+      <header class="title">
+          <h1>Adventure Awaits</h1>
+      </header>
+      <section class="feature-article">
+          <h2>Top 10 Exotic Destinations for 2024</h2>
+          <p>Discover the most breathtaking places to visit this year, from hidden beaches to mountain retreats. Our guide takes you through the best spots for your next adventure.</p>
+      </section>
+      <section class="small-article1">
+          <h3>Gear Up: Must-Have Gadgets</h3>
+          <p>Check out the latest tech and gear to make your travels more exciting and comfortable.</p>
+      </section>
+      <section class="small-article2">
+          <h3>Meet the Explorers</h3>
+          <p>Get to know the modern adventurers who are pushing the boundaries of exploration.</p>
+      </section>
+      <section class="cover-image">
+          <img src="https://cdn.freecodecamp.org/curriculum/labs/magazine-cover.png" alt="Adventure Cover Image">
+      </section>
+  </main>
+</body>
+</html>
+```
+
+```css
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100vh;
+  background-color: #f0f0f0;
+}
+
+.magazine-cover {
+  display: grid;
+  grid-template-areas: 
+      "title title title"
+      "feature-article feature-article cover-image"
+      "small-article1 small-article2 cover-image";
+  grid-template-columns: 1fr 1fr 1fr;
+  grid-template-rows: auto 1fr 1fr;
+  gap: 10px;
+  width: 80%;
+  background-color: #fff;
+}
+
+.title {
+  grid-area: title;
+  background-color: #1B1B32;
+  color: white;
+  padding: 10px;
+  text-align: center;
+}
+
+.feature-article {
+  grid-area: feature-article;
+  background-color: #f9f9f9;
+  padding: 10px;
+}
+
+.small-article1, .small-article2 {
+  background-color: #e9e9e9;
+  padding: 10px;
+}
+
+.cover-image {
+  grid-area: cover-image;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background-color: #ddd;
+  padding: 10px;
+}
+
+.cover-image img {
+  max-width: 100%;
+  height: auto;
+} 
+```
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md b/curriculum/challenges/swahili/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
index d5e93675f7..99d14778b0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-password-generator/66f53dc2c5bd6a11d6c3282f.md
@@ -13,7 +13,7 @@ In this lab, you'll practice using functions by building a random password gener
 
 **User Stories:**
 
-1. You should create a function called `generatePassword` that takes a parameter. You can name the parameter whatever you like.
+1. You should create a function called `generatePassword` that takes a parameter, indicating the length of generated password. You can name the parameter whatever you like.
 2. Your function should return a string which represents a randomly generated password. You should use the following string and different `Math` methods to help you return a new string with random characters in it: `ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()`.
 3. You should define a variable called `password` and assign it the result of calling the `generatePassword` function with a numeric argument that represents the desired password length.
 4. You should have a `console.log` that logs the message `"Generated password:"` followed by the `password` variable.
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md b/curriculum/challenges/swahili/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
index 938bb3c944..6c564cc70e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-personal-portfolio/bd7158d8c242eddfaeb5bd13.md
@@ -31,8 +31,8 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 Your portfolio should have a "Welcome" section with an `id` of `welcome-section`.
 
 ```js
-const el = document.getElementById('welcome-section')
-assert(!!el);
+const el = document.getElementById('welcome-section');
+assert.isNotNull(el);
 ```
 
 Your `#welcome-section` element should contain an `h1` element.
@@ -51,16 +51,15 @@ You should not have any empty `h1` elements within `#welcome-section` element.
 assert.isAbove(
   document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
   0,
-  'h1 element in welcome section should contain your name or camper ' +
-    'name '
+  'h1 element in welcome section should contain your name or camper ' + 'name '
 );
 ```
 
 You should have a "Projects" section with an `id` of `project-section`.
 
 ```js
-const el = document.getElementById('project-section')
-assert(!!el);
+const el = document.getElementById('project-section');
+assert.isNotNull(el);
 ```
 
 Your portfolio should contain at least one element with a class of `project-tile`.
@@ -82,35 +81,33 @@ Your portfolio should have a navbar with an `id` of `navbar`.
 
 ```js
 const el = document.getElementById('navbar');
-assert(!!el);
+assert.isNotNull(el);
 ```
 
 Your `#navbar` element should contain at least one `a` element whose `href` attribute starts with `#`.
 
 ```js
 const links = [...document.querySelectorAll('#navbar a')].filter(
-  (nav) => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
+  nav => (nav?.getAttribute('href') || '').substring(0, 1) === '#'
 );
 
-assert.isAbove(
-  links.length,
-  0,
-  'Navbar should contain an anchor link '
-);
+assert.isAbove(links.length, 0, 'Navbar should contain an anchor link ');
 ```
 
 Your portfolio should have an `a` element with an `id` of `profile-link`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.tagName === 'A')
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Your `#profile-link` element should have a `target` attribute of `_blank`.
 
 ```js
 const el = document.getElementById('profile-link');
-assert(!!el && el.target === '_blank')
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Your portfolio should use at least one media query.
@@ -118,14 +115,15 @@ Your portfolio should use at least one media query.
 ```js
 const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
 const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 Your `#navbar` element should always be at the top of the viewport.
 
 ```js
 (async () => {
-  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+  const timeout = milliseconds =>
+    new Promise(resolve => setTimeout(resolve, milliseconds));
 
   const navbar = document.getElementById('navbar');
   assert.approximately(
@@ -133,7 +131,7 @@ Your `#navbar` element should always be at the top of the viewport.
     0,
     15,
     "Navbar's parent should be body and it should be at the top of " +
-    'the viewport '
+      'the viewport '
   );
 
   window.scroll(0, 500);
@@ -144,8 +142,7 @@ Your `#navbar` element should always be at the top of the viewport.
     navbar?.getBoundingClientRect().top,
     0,
     15,
-    'Navbar should be at the top of the viewport even after ' +
-    'scrolling '
+    'Navbar should be at the top of the viewport even after ' + 'scrolling '
   );
   window.scroll(0, 0);
 })();
@@ -156,16 +153,13 @@ Your `#navbar` element should always be at the top of the viewport.
 ## --seed-contents--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Personal Portfolio</title>
-</head>
-<body>
-
-</body>
-
+  </head>
+  <body></body>
 </html>
 ```
 
@@ -176,31 +170,41 @@ Your `#navbar` element should always be at the top of the viewport.
 # --solutions--
 
 ```html
-<!DOCTYPE html>
+<!doctype html>
 <html>
-
-<head>
+  <head>
     <link rel="stylesheet" href="styles.css" />
-  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous"/>
-    <link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap" rel="stylesheet" />
-</head>
-
-<body>
+    <link
+      rel="stylesheet"
+      href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"
+      integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm"
+      crossorigin="anonymous"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Poppins:200i,300,400&display=swap"
+      rel="stylesheet"
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Raleway:700&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+
+  <body>
     <!-- START NAV -->
 
     <nav id="navbar" class="nav">
-        <ul class="nav-list">
-            <li>
-                <a href="#welcome-section">About</a>
-            </li>
-            <li>
-                <a href="#project-section">Work</a>
-            </li>
-            <li>
-                <a href="#contact">Contact</a>
-            </li>
-        </ul>
+      <ul class="nav-list">
+        <li>
+          <a href="#welcome-section">About</a>
+        </li>
+        <li>
+          <a href="#project-section">Work</a>
+        </li>
+        <li>
+          <a href="#contact">Contact</a>
+        </li>
+      </ul>
     </nav>
 
     <!-- END NAV -->
@@ -208,8 +212,8 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START WELCOME SECTION -->
 
     <section id="welcome-section" class="welcome-section">
-        <h1>Hey I am Mimic</h1>
-        <p>a web developer</p>
+      <h1>Hey I am Mimic</h1>
+      <p>a web developer</p>
     </section>
 
     <!-- END WELCOME SECTION -->
@@ -217,68 +221,113 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START PROJECTS SECTION -->
 
     <section id="project-section" class="projects-section">
-        <h2 class="projects-section-header">These are some of my projects</h2>
-
-        <div class="projects-grid">
-            <a href="https://codepen.io/freeCodeCamp/full/zNqgVx" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tribute Page
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/qRZeGZ" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Random Quote Machine
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wgGVVX" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    JavaScript Calculator
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/mVEJag" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Map Data Across the Globe
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/wGqEga" target="_blank" class="project project-tile">
-                <img class="project-image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
-                    alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Wikipedia Viewer
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-            <a href="https://codepen.io/freeCodeCamp/full/KzXQgy" target="_blank" class="project project-tile">
-                <img class="project-image"
-                    src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png" alt="project" />
-                <p class="project-title">
-                    <span class="code">&lt;</span>
-                    Tic Tac Toe Game
-                    <span class="code">&#47;&gt;</span>
-                </p>
-            </a>
-        </div>
-
-        <a href="https://codepen.io/FreeCodeCamp/" class="btn btn-show-all" target="_blank">Show all<i
-                class="fas fa-chevron-right"></i></a>
+      <h2 class="projects-section-header">These are some of my projects</h2>
+
+      <div class="projects-grid">
+        <a
+          href="https://codepen.io/freeCodeCamp/full/zNqgVx"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tribute Page
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/qRZeGZ"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/random-quote-machine.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Random Quote Machine
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wgGVVX"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/calc.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            JavaScript Calculator
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/mVEJag"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/map.jpg"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Map Data Across the Globe
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/wGqEga"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/wiki.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Wikipedia Viewer
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+        <a
+          href="https://codepen.io/freeCodeCamp/full/KzXQgy"
+          target="_blank"
+          class="project project-tile"
+        >
+          <img
+            class="project-image"
+            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tic-tac-toe.png"
+            alt="project"
+          />
+          <p class="project-title">
+            <span class="code">&lt;</span>
+            Tic Tac Toe Game
+            <span class="code">&#47;&gt;</span>
+          </p>
+        </a>
+      </div>
+
+      <a
+        href="https://codepen.io/FreeCodeCamp/"
+        class="btn btn-show-all"
+        target="_blank"
+        >Show all<i class="fas fa-chevron-right"></i
+      ></a>
     </section>
 
     <!-- END PROJECTS SECTION -->
@@ -286,20 +335,37 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START CONTACT SECTION -->
 
     <section id="contact" class="contact-section">
-        <div class="contact-section-header">
-            <h2>Let's work together...</h2>
-            <p>How do you take your coffee?</p>
-        </div>
-        <div class="contact-links">
-            <a href="https://facebook.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-facebook-square"></i> Facebook</a>
-            <a id="profile-link" href="https://github.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-github"></i> GitHub</a>
-            <a href="https://twitter.com/freecodecamp" target="_blank" class="btn contact-details"><i
-                    class="fab fa-twitter"></i> Twitter</a>
-            <a href="mailto:example@example.com" class="btn contact-details"><i class="fas fa-at"></i> Send a mail</a>
-            <a href="tel:555-555-5555" class="btn contact-details"><i class="fas fa-mobile-alt"></i> Call me</a>
-        </div>
+      <div class="contact-section-header">
+        <h2>Let's work together...</h2>
+        <p>How do you take your coffee?</p>
+      </div>
+      <div class="contact-links">
+        <a
+          href="https://facebook.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-facebook-square"></i> Facebook</a
+        >
+        <a
+          id="profile-link"
+          href="https://github.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-github"></i> GitHub</a
+        >
+        <a
+          href="https://twitter.com/freecodecamp"
+          target="_blank"
+          class="btn contact-details"
+          ><i class="fab fa-twitter"></i> Twitter</a
+        >
+        <a href="mailto:example@example.com" class="btn contact-details"
+          ><i class="fas fa-at"></i> Send a mail</a
+        >
+        <a href="tel:555-555-5555" class="btn contact-details"
+          ><i class="fas fa-mobile-alt"></i> Call me</a
+        >
+      </div>
     </section>
 
     <!-- END CONTACT SECTION -->
@@ -307,54 +373,58 @@ Your `#navbar` element should always be at the top of the viewport.
     <!-- START FOOTER SECTION -->
 
     <footer>
-        <p>
-            **This is just a fake portfolio. All the projects and contact details
-            given are not real.
-        </p>
-        <p>
-            &copy; Created for
-            <a href="https://www.freecodecamp.org/" target="_blank">freeCodeCamp <i
-                    class="fab fa-free-code-camp"></i></a>
-        </p>
+      <p>
+        **This is just a fake portfolio. All the projects and contact details
+        given are not real.
+      </p>
+      <p>
+        &copy; Created for
+        <a href="https://www.freecodecamp.org/" target="_blank"
+          >freeCodeCamp <i class="fab fa-free-code-camp"></i
+        ></a>
+      </p>
     </footer>
 
     <!-- END FOOTER SECTION -->
+</body>
 </body>
 
+  </body>
+
 </html>
 ```
 
 ```css
 /* Custom properties/variables  */
 :root {
-    --main-white: #f0f0f0;
-    --main-red: #be3144;
-    --main-blue: #45567d;
-    --main-gray: #303841;
+  --main-white: #f0f0f0;
+  --main-red: #be3144;
+  --main-blue: #45567d;
+  --main-gray: #303841;
 }
 
 /* Base reset */
 * {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 /* box-sizing and font sizing */
 *,
 *::before,
 *::after {
-    box-sizing: inherit;
+  box-sizing: inherit;
 }
 
 html {
-    box-sizing: border-box;
+  box-sizing: border-box;
 
-    /* Set font size for easy rem calculations
+  /* Set font size for easy rem calculations
    * default document font size = 16px, 1rem = 16px, 100% = 16px
    * (100% / 16px) * 10 = 62.5%, 1rem = 10px, 62.5% = 10px
   */
-    font-size: 62.5%;
-    scroll-behavior: smooth;
+  font-size: 62.5%;
+  scroll-behavior: smooth;
 }
 
 /* A few media query to set some font sizes at different screen sizes.
@@ -374,287 +444,287 @@ html {
 
 /* 1200px / 16px = 75em */
 @media (max-width: 75em) {
-    html {
-        font-size: 60%;
-    }
+  html {
+    font-size: 60%;
+  }
 }
 
 /* 980px / 16px = 61.25em */
 @media (max-width: 61.25em) {
-    html {
-        font-size: 58%;
-    }
+  html {
+    font-size: 58%;
+  }
 }
 
 /* 460px / 16px = 28.75em */
 @media (max-width: 28.75em) {
-    html {
-        font-size: 55%;
-    }
+  html {
+    font-size: 55%;
+  }
 }
 
 /* Base styles */
 
 body {
-    font-family: 'Poppins', sans-serif;
-    font-size: 1.8rem;
-    /* 18px */
-    font-weight: 400;
-    line-height: 1.4;
-    color: var(--main-white);
+  font-family: 'Poppins', sans-serif;
+  font-size: 1.8rem;
+  /* 18px */
+  font-weight: 400;
+  line-height: 1.4;
+  color: var(--main-white);
 }
 
 h1,
 h2 {
-    font-family: 'Raleway', sans-serif;
-    font-weight: 700;
-    text-align: center;
+  font-family: 'Raleway', sans-serif;
+  font-weight: 700;
+  text-align: center;
 }
 
 h1 {
-    font-size: 6rem;
+  font-size: 6rem;
 }
 
 h2 {
-    font-size: 4.2rem;
+  font-size: 4.2rem;
 }
 
 ul {
-    list-style: none;
+  list-style: none;
 }
 
 a {
-    text-decoration: none;
-    color: var(--main-white);
+  text-decoration: none;
+  color: var(--main-white);
 }
 
 img {
-    display: block;
-    width: 100%;
+  display: block;
+  width: 100%;
 }
 
 /* nav */
 
 .nav {
-    display: flex;
-    justify-content: flex-end;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    background: var(--main-red);
-    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
-    z-index: 10;
+  display: flex;
+  justify-content: flex-end;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: var(--main-red);
+  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.4);
+  z-index: 10;
 }
 
 .nav-list {
-    display: flex;
-    margin-right: 2rem;
+  display: flex;
+  margin-right: 2rem;
 }
 
 @media (max-width: 28.75em) {
-    .nav {
-        justify-content: center;
-    }
+  .nav {
+    justify-content: center;
+  }
 
-    .nav-list {
-        margin: 0 1rem;
-    }
+  .nav-list {
+    margin: 0 1rem;
+  }
 }
 
 .nav-list a {
-    display: block;
-    font-size: 2.2rem;
-    padding: 2rem;
+  display: block;
+  font-size: 2.2rem;
+  padding: 2rem;
 }
 
 .nav-list a:hover {
-    background: var(--main-blue);
+  background: var(--main-blue);
 }
 
 /* Welcome section */
 
 .welcome-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    height: 100vh;
-    background-color: #000;
-    background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100vh;
+  background-color: #000;
+  background-image: linear-gradient(62deg, #3a3d40 0%, #181719 100%);
 }
 
-.welcome-section>p {
-    font-size: 3rem;
-    font-weight: 200;
-    font-style: italic;
-    color: var(--main-red);
+.welcome-section > p {
+  font-size: 3rem;
+  font-weight: 200;
+  font-style: italic;
+  color: var(--main-red);
 }
 
 /* Projects section */
 
 .projects-section {
-    text-align: center;
-    padding: 10rem 2rem;
-    background: var(--main-blue);
+  text-align: center;
+  padding: 10rem 2rem;
+  background: var(--main-blue);
 }
 
 .projects-section-header {
-    max-width: 640px;
-    margin: 0 auto 6rem auto;
-    border-bottom: 0.2rem solid var(--main-white);
+  max-width: 640px;
+  margin: 0 auto 6rem auto;
+  border-bottom: 0.2rem solid var(--main-white);
 }
 
 @media (max-width: 28.75em) {
-    .projects-section-header {
-        font-size: 4rem;
-    }
+  .projects-section-header {
+    font-size: 4rem;
+  }
 }
 
 /* "Automagic" image grid using no media queries */
 .projects-grid {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
-    grid-gap: 4rem;
-    width: 100%;
-    max-width: 1280px;
-    margin: 0 auto;
-    margin-bottom: 6rem;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+  grid-gap: 4rem;
+  width: 100%;
+  max-width: 1280px;
+  margin: 0 auto;
+  margin-bottom: 6rem;
 }
 
 @media (max-width: 30.625em) {
-    .projects-section {
-        padding: 6rem 1rem;
-    }
+  .projects-section {
+    padding: 6rem 1rem;
+  }
 
-    .projects-grid {
-        grid-template-columns: 1fr;
-    }
+  .projects-grid {
+    grid-template-columns: 1fr;
+  }
 }
 
 .project {
-    background: var(--main-gray);
-    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
-    border-radius: 2px;
+  background: var(--main-gray);
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+  border-radius: 2px;
 }
 
 .code {
-    color: var(--main-gray);
-    transition: color 0.3s ease-out;
+  color: var(--main-gray);
+  transition: color 0.3s ease-out;
 }
 
 .project:hover .code {
-    color: #ff7f50;
+  color: #ff7f50;
 }
 
 .project-image {
-    height: calc(100% - 6.8rem);
-    width: 100%;
-    object-fit: cover;
+  height: calc(100% - 6.8rem);
+  width: 100%;
+  object-fit: cover;
 }
 
 .project-title {
-    font-size: 2rem;
-    padding: 2rem 0.5rem;
+  font-size: 2rem;
+  padding: 2rem 0.5rem;
 }
 
 .btn {
-    display: inline-block;
-    padding: 1rem 2rem;
-    border-radius: 2px;
+  display: inline-block;
+  padding: 1rem 2rem;
+  border-radius: 2px;
 }
 
 .btn-show-all {
-    font-size: 2rem;
-    background: var(--main-gray);
-    transition: background 0.3s ease-out;
+  font-size: 2rem;
+  background: var(--main-gray);
+  transition: background 0.3s ease-out;
 }
 
 .btn-show-all:hover {
-    background: var(--main-red);
+  background: var(--main-red);
 }
 
-.btn-show-all:hover>i {
-    transform: translateX(2px);
+.btn-show-all:hover > i {
+  transform: translateX(2px);
 }
 
-.btn-show-all>i {
-    margin-left: 10px;
-    transform: translateX(0);
-    transition: transform 0.3s ease-out;
+.btn-show-all > i {
+  margin-left: 10px;
+  transform: translateX(0);
+  transition: transform 0.3s ease-out;
 }
 
 /* Contact section */
 
 .contact-section {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    text-align: center;
-    width: 100%;
-    height: 80vh;
-    padding: 0 2rem;
-    background: var(--main-gray);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  width: 100%;
+  height: 80vh;
+  padding: 0 2rem;
+  background: var(--main-gray);
 }
 
-.contact-section-header>h2 {
-    font-size: 6rem;
+.contact-section-header > h2 {
+  font-size: 6rem;
 }
 
 @media (max-width: 28.75em) {
-    .contact-section-header>h2 {
-        font-size: 4rem;
-    }
+  .contact-section-header > h2 {
+    font-size: 4rem;
+  }
 }
 
-.contact-section-header>p {
-    font-style: italic;
+.contact-section-header > p {
+  font-style: italic;
 }
 
 .contact-links {
-    display: flex;
-    justify-content: center;
-    width: 100%;
-    max-width: 980px;
-    margin-top: 4rem;
-    flex-wrap: wrap;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  max-width: 980px;
+  margin-top: 4rem;
+  flex-wrap: wrap;
 }
 
 .contact-details {
-    font-size: 2.4rem;
-    text-shadow: 2px 2px 1px #1f1f1f;
-    transition: transform 0.3s ease-out;
+  font-size: 2.4rem;
+  text-shadow: 2px 2px 1px #1f1f1f;
+  transition: transform 0.3s ease-out;
 }
 
 .contact-details:hover {
-    transform: translateY(8px);
+  transform: translateY(8px);
 }
 
 /* Footer */
 
 footer {
-    font-weight: 300;
-    display: flex;
-    justify-content: space-evenly;
-    padding: 2rem;
-    background: var(--main-gray);
-    border-top: 4px solid var(--main-red);
+  font-weight: 300;
+  display: flex;
+  justify-content: space-evenly;
+  padding: 2rem;
+  background: var(--main-gray);
+  border-top: 4px solid var(--main-red);
 }
 
-footer>p {
-    margin: 2rem;
+footer > p {
+  margin: 2rem;
 }
 
 footer i {
-    vertical-align: middle;
+  vertical-align: middle;
 }
 
 @media (max-width: 28.75em) {
-    footer {
-        flex-direction: column;
-        text-align: center;
-    }
+  footer {
+    flex-direction: column;
+    text-align: center;
+  }
 }
 ```
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md b/curriculum/challenges/swahili/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
index f53daafe1c..9e07719c7a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-quiz-game/66f17db06803d11a1bd19a20.md
@@ -43,12 +43,14 @@ questions.forEach(question => {
 The `category` key should have the value of a string representing a question category.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({category}) => assert.isString(category));
 ```
 
 The `question` key should have the value of a string representing a question.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({question}) => {
     assert.isString(question);
     assert.include(question, '?');
@@ -58,6 +60,7 @@ questions.forEach(({question}) => {
 The `choices` key should have the value of an array containing three strings.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({choices}) => {
     assert.isArray(choices);
     assert.lengthOf(choices, 3);
@@ -68,12 +71,14 @@ questions.forEach(({choices}) => {
 The `answer` key should have the value of a string.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer}) => assert.isString(answer));
 ```
 
 The value of `answer` should be included in the `choices` array.
 
 ```js
+assert.isNotEmpty(questions);
 questions.forEach(({answer, choices}) => assert.oneOf(answer, choices));
 ```
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md b/curriculum/challenges/swahili/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
index 93220c7534..d876f2e316 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-sorting-visualizer/6716249b5405164036fd0b0d.md
@@ -26,7 +26,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 1. The `swapElements` function should modify the array in place by swapping the element at the passed index and the following element if `isOrdered` returns `false`.
 1. You should have a function named `highlightCurrentEls` that takes an HTML element and a numeric index.
 1. The `highlightCurrentEls` function should set the `border` of the given element's child at the given index, and the child immediately after the index, to have a `dashed` style, a `red` color, and a width of your choice.
-1. When you click `#generate-btn` you should use the `fillArrContainer` function to fill `#starting-array` with five `span` elements, each with a random number as its text.
+1. When you click `#generate-btn` you should use the `fillArrContainer` function to fill `#starting-array` with five `span` elements, each with a random number as its text. If present, other elements should be removed from `#array-container`.
 1. You should implement the Bubble Sort algorithm so that after you click `#sort-btn`, `#array-container` contains a `div` element for each of the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array. The functions you have created so far can be useful here.
 1. Each `div` should contain five `span` elements, representing the array in its current state of being sorted.
 1. After you click `#sort-btn`, `#starting-array` should represent the starting step with the initial array and the first two integers highlighted.
@@ -207,6 +207,25 @@ Array.from(children).forEach(el => {
 })
 ```
 
+When `#starting-array` already contains a generated array, or `#array-container` contains the sorted array, clicking the `#generate-btn` should remove other elements in the `#array-container`, leaving only `#starting-array` with newly generated numbers.
+
+```js
+const genBtn = document.querySelector("#generate-btn");
+const sortBtn = document.querySelector("#sort-btn");
+genBtn.dispatchEvent(new Event("click"));
+
+const prevNumbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+
+sortBtn.dispatchEvent(new Event("click"));
+genBtn.dispatchEvent(new Event("click"));
+
+const container = document.querySelector("#array-container");
+assert.lengthOf(container.children, 1);
+const numbers = Array.from(document.querySelector("#starting-array").querySelectorAll("span")).map(el => Number(el.innerText));
+assert.lengthOf(numbers, 5);
+assert.isTrue(prevNumbers.some((num, index) => num !== numbers[index]))
+```
+
 After you click `#sort-btn`, `#array-container` should contain as many `div` elements as the steps required by the Bubble Sort algorithm to sort the starting array, including the `div` representing the starting array and a `div` representing the sorted array.
 
 ```js
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md b/curriculum/challenges/swahili/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
index aaf4a74eb7..9234b5b70d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-stylized-to-do-list/66c051d13a6a20255a963695.md
@@ -28,7 +28,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 6. You should set the text color of the links to a color of your choice.
 7. When your links are visited, the color should change to another color of your choice.
 8. When your links are hovered over, the color should change to another color of your choice.
-9.  When your links are focused, there should be a colored outline around the link.
+9. When your links are focused, there should be a colored outline around the link.
 10. When your links are clicked, the color should change to another color of your choice.
 
 **Note:** Be sure to link your stylesheet in your HTML and apply your CSS.
@@ -44,30 +44,37 @@ assert.exists(document.querySelector('.todo-list'));
 You should remove the default list style from your `.todo-list`.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType === 'none' || new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none');
+const isListStyleTypeNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyleType ===
+  'none';
+const isListStyleNone =
+  new __helpers.CSSHelp(document).getStyle('.todo-list')?.listStyle === 'none';
+assert.isTrue(isListStyleTypeNone || isListStyleNone);
 ```
 
 You should have four list items inside the unordered list.
 
 ```js
 const li = document.querySelectorAll('.todo-list li');
-assert.strictEqual(li.length, 8);
+assert.lengthOf(li, 8);
 ```
 
 Each list item should contain an `input` element with the type `checkbox`.
 
 ```js
-const checkboxes = document.querySelectorAll('.todo-list li input[type="checkbox"]');
-assert.strictEqual(checkboxes.length, 4);
+const checkboxes = document.querySelectorAll(
+  '.todo-list li input[type="checkbox"]'
+);
+assert.lengthOf(checkboxes, 4);
 ```
 
 All of the `input` elements should have an `id`.
 
 ```js
 const inputs = document.querySelectorAll('input');
-assert(!!inputs.length);
+assert.isAbove(inputs.length, 0);
 for (let input of inputs) {
-    assert.isAbove(input?.id.length, 0);
+  assert.isAbove(input?.id.length, 0);
 }
 ```
 
@@ -75,23 +82,25 @@ After the `label` elements, there should be an unordered list with the class `su
 
 ```js
 const labelSbItems = document.querySelectorAll('label+ul.sub-item');
-assert.equal(labelSbItems.length, 4);
+assert.lengthOf(labelSbItems, 4);
 ```
 
 The `li` inside the `ul` with the class `sub-item` should have an anchor element with the class `sub-item-link`.
 
 ```js
-const allItems = document.querySelectorAll('label + ul.sub-item li a.sub-item-link');
-assert.equal(allItems.length, 4);
+const allItems = document.querySelectorAll(
+  'label + ul.sub-item li a.sub-item-link'
+);
+assert.lengthOf(allItems, 4);
 ```
 
 All of the anchor elements should have a valid `href`.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.href.length, 0);
+  assert.isAbove(link.href.length, 0);
 }
 ```
 
@@ -99,9 +108,9 @@ All of the `anchor` elements should have a text.
 
 ```js
 const links = document.querySelectorAll('a');
-assert(!!links.length);
+assert.isAbove(links.length, 0);
 for (let link of links) {
-    assert.isAbove(link.innerText.length, 0);
+  assert.isAbove(link.innerText.length, 0);
 }
 ```
 
@@ -109,9 +118,9 @@ All of the `label` elements should have a `for` attribute.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.htmlFor.length, 0);
+  assert.isAbove(label.htmlFor.length, 0);
 }
 ```
 
@@ -119,9 +128,9 @@ All of the `label` elements should have some text.
 
 ```js
 const labels = document.querySelectorAll('label');
-assert(!!labels.length);
+assert.isAbove(labels.length, 0);
 for (let label of labels) {
-    assert.isAbove(label.innerText.length, 0);
+  assert.isAbove(label.innerText.length, 0);
 }
 ```
 
@@ -129,43 +138,62 @@ Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
 const anchors = document.querySelectorAll('a');
-assert(!!anchors.length);
+assert.isAbove(anchors.length, 0);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
 The links on the page should have no underline by default.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('a.sub-item-link')?.textDecoration === 'none' || new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||  new __helpers.CSSHelp(document).getStyle('.sub-item-link')?.textDecoration === 'none' );
-
+assert.isTrue(
+  new __helpers.CSSHelp(document).getStyle('a.sub-item-link')
+    ?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('a')?.textDecoration === 'none' ||
+    new __helpers.CSSHelp(document).getStyle('.sub-item-link')
+      ?.textDecoration === 'none'
+);
 ```
 
 The links should change color when hovered over.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color || new __helpers.CSSHelp(document).getStyle('a:hover')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:hover')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:hover')?.color
+);
 ```
 
 The links should change color when they are being clicked.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color || new __helpers.CSSHelp(document).getStyle('a:active')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color);
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:active')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:active')?.color
+);
 ```
 
 The links should have an outline when focused.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a:focus')?.outline || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a:focus')?.outline ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:focus')?.outline
+);
 ```
 
 The links should change color once visited.
 
 ```js
-assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color || new __helpers.CSSHelp(document).getStyle('a:visited')?.color || new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color);
-
+assert.exists(
+  new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a:visited')?.color ||
+    new __helpers.CSSHelp(document).getStyle('a.sub-item-link:visited')?.color
+);
 ```
 
 # --seed--
@@ -197,130 +225,131 @@ assert(new __helpers.CSSHelp(document).getStyle('.sub-item-link:visited')?.color
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Styled To-Do List</title>
-    <link rel="stylesheet" href="styles.css">
-</head>
+    <link rel="stylesheet" href="styles.css" />
+  </head>
 
-<body>
+  <body>
     <div class="container">
-        <h1>My To-Do List</h1>
-        <ul class="todo-list">
+      <h1>My To-Do List</h1>
+      <ul class="todo-list">
+        <li>
+          <input type="checkbox" id="task1" />
+          <label for="task1">Explore gaming keyboards</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task1">
-                <label for="task1">Explore gaming keyboards</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Store link</a>
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link">Store link</a>
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task2" />
+          <label for="task2">Finish the report</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task2">
-                <label for="task2">Finish the report</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">Request Access</a>
-                    </li>
-                </ul>
-
+              <a href="#" target="_blank" class="sub-item-link"
+                >Request Access</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task3" />
+          <label for="task3">View Phone's Warranty</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task3">
-                <label for="task3">View Phone's Warranty</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Receipts</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Receipts</a
+              >
             </li>
+          </ul>
+        </li>
 
+        <li>
+          <input type="checkbox" id="task4" />
+          <label for="task4">Check Processor Specs</label>
+          <ul class="sub-item">
             <li>
-                <input type="checkbox" id="task4">
-                <label for="task4">Check Processor Specs</label>
-                <ul class="sub-item">
-                    <li>
-                        <a href="#" target="_blank" class="sub-item-link">View Model Number</a>
-
-                    </li>
-                </ul>
+              <a href="#" target="_blank" class="sub-item-link"
+                >View Model Number</a
+              >
             </li>
-        </ul>
+          </ul>
+        </li>
+      </ul>
     </div>
 </body>
-
 </html>
 ```
 
 ```css
 body {
-    font-family: Arial, sans-serif;
-    background-color: #f0f0f0;
-    margin: 0;
-    padding: 20px;
+  font-family: Arial, sans-serif;
+  background-color: #f0f0f0;
+  margin: 0;
+  padding: 20px;
 }
 
 .container {
-    max-width: 400px;
-    margin: 0 auto;
-    background-color: #fff;
-    padding: 20px;
-    border-radius: 10px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+  max-width: 400px;
+  margin: 0 auto;
+  background-color: #fff;
+  padding: 20px;
+  border-radius: 10px;
+  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }
 
 h1 {
-    text-align: center;
-    color: #333;
+  text-align: center;
+  color: #333;
 }
 
 .todo-list {
-    list-style-type: none;
-    padding: 0;
+  list-style-type: none;
+  padding: 0;
 }
 
 .todo-list li {
-    margin-bottom: 15px;
-    line-height: 1.6;
-    padding: 10px;
-    background-color: #e5f1e5;
-    border-radius: 10px;
-    position: relative;
+  margin-bottom: 15px;
+  line-height: 1.6;
+  padding: 10px;
+  background-color: #e5f1e5;
+  border-radius: 10px;
+  position: relative;
 }
 
 a.sub-item-link {
-    margin-left: 10px;
-    text-decoration: none;
+  margin-left: 10px;
+  text-decoration: none;
 }
 
 .sub-item-link:link {
-    color: blue;
+  color: blue;
 }
 
 .sub-item-link:visited {
-    color: purple;
+  color: purple;
 }
 
 .sub-item-link:hover {
-    color: red;
+  color: red;
 }
 
 .sub-item-link:focus {
-    outline: 2px solid blue;
-    outline-offset: 2px;
+  outline: 2px solid blue;
+  outline-offset: 2px;
 }
 
 .sub-item-link:active {
-    color: green;
+  color: green;
 }
 
 .sub-item {
-    list-style-type: square;
+  list-style-type: square;
 }
 ```
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md b/curriculum/challenges/swahili/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
index ca835eabb9..df077abd86 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-technical-documentation-page/587d78b0367417b2b2512b05.md
@@ -35,141 +35,147 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main-doc`.
 
 ```js
-const el = document.getElementById('main-doc')
-assert(!!el)
+const el = document.getElementById('main-doc');
+assert.isNotNull(el);
 ```
 
 You should have at least five `section` elements with a class of `main-section`.
 
 ```js
-const els = document.querySelectorAll('#main-doc section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc section');
+assert.isAtLeast(els.length, 5);
 ```
 
 All of your `.main-section` elements should be `section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (el.tagName !== 'SECTION') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'SECTION') {
+    assert.fail();
+  }
+});
+assert.isAbove(els.length, 0);
 ```
 
 You should have at least five `.main-section` elements that are descendants of `#main-doc`.
 
 ```js
-const els = document.querySelectorAll('#main-doc .main-section')
-assert(els.length >= 5)
+const els = document.querySelectorAll('#main-doc .main-section');
+assert.isAtLeast(els.length, 5);
 ```
 
 The first child of each `.main-section` should be a `header` element.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
-})
-assert(els.length > 0)
+  if (el.firstElementChild?.tagName !== 'HEADER') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 None of your `header` elements should be empty.
 
 ```js
-const els = document.querySelectorAll('header')
+const els = document.querySelectorAll('header');
 els.forEach(el => {
-  if (el.innerText?.length <= 0) assert(false)
-})
-assert(els.length > 0)
+  if (el.innerText?.length <= 0) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.main-section` elements should have an `id`.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  if (!el.id || el.id === '') assert(false)
-})
-assert(els.length > 0)
+  if (!el.id || el.id === '') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 Each `.main-section` should have an `id` that matches the text of its first child, having any spaces in the child's text replaced with underscores (`_`) for the id's.
 
 ```js
-const els = document.querySelectorAll('.main-section')
+const els = document.querySelectorAll('.main-section');
 els.forEach(el => {
-  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
-  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
-})
-assert(els.length > 0)
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_');
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 You should have at least 10 `p` elements (total) within your `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section p')
-assert(els.length >= 10)
+const els = document.querySelectorAll('.main-section p');
+assert.isAtLeast(els.length, 10);
 ```
 
 You should have at least five `code` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section code')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section code');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have at least five `li` elements that are descendants of `.main-section` elements.
 
 ```js
-const els = document.querySelectorAll('.main-section li')
-assert(els.length >= 5)
+const els = document.querySelectorAll('.main-section li');
+assert.isAtLeast(els.length, 5);
 ```
 
 You should have a `nav` element with an `id` of `navbar`.
 
 ```js
-const el = document.getElementById('navbar')
-assert(!!el && el.tagName === 'NAV')
+const el = document.getElementById('navbar');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'NAV');
 ```
 
 Your `#navbar` should have exactly one `header` element within it.
 
 ```js
-const els = document.querySelectorAll('#navbar header')
-assert(els.length === 1)
+const els = document.querySelectorAll('#navbar header');
+assert.lengthOf(els, 1);
 ```
 
 You should have at least one `a` element with a class of `nav-link`.
 
 ```js
-const els = document.querySelectorAll('a.nav-link')
-assert(els.length >= 1)
+const els = document.querySelectorAll('a.nav-link');
+assert.isAtLeast(els.length, 1);
 ```
 
 All of your `.nav-link` elements should be anchor (`a`) elements.
 
 ```js
-const els = document.querySelectorAll('.nav-link')
+const els = document.querySelectorAll('.nav-link');
 els.forEach(el => {
-  if (el.tagName !== 'A') assert(false)
-})
-assert(els.length > 0)
+  if (el.tagName !== 'A') assert.fail();
+});
+assert.isNotEmpty(els);
 ```
 
 All of your `.nav-link` elements should be in the `#navbar`.
 
 ```js
-const els1 = document.querySelectorAll('.nav-link')
-const els2 = document.querySelectorAll('#navbar .nav-link')
-assert(els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.nav-link');
+const els2 = document.querySelectorAll('#navbar .nav-link');
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 You should have the same number of `.nav-link` and `.main-section` elements.
 
 ```js
-const els1 = document.querySelectorAll('.main-section')
-const els2 = document.querySelectorAll('.nav-link')
-assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+const els1 = document.querySelectorAll('.main-section');
+const els2 = document.querySelectorAll('.nav-link');
+assert.isNotEmpty(els1);
+assert.isNotEmpty(els2);
+assert.strictEqual(els1.length, els2.length);
 ```
 
 The `header` element in the `#navbar` should come before any link (`a`) elements also in the `#navbar`.
@@ -177,54 +183,66 @@ The `header` element in the `#navbar` should come before any link (`a`) elements
 ```js
 const navLinks = document.querySelectorAll('#navbar a.nav-link');
 const header = document.querySelector('#navbar header');
-navLinks.forEach((navLink) => {
+navLinks.forEach(navLink => {
   if (
-    (
-      header.compareDocumentPosition(navLink) &
-      Node.DOCUMENT_POSITION_PRECEDING
-    ) 
-  ) assert(false)
+    header.compareDocumentPosition(navLink) & Node.DOCUMENT_POSITION_PRECEDING
+  )
+    assert.fail();
 });
-assert(!!header)
+assert.isNotNull(header);
 ```
 
 Each `.nav-link` should have text that corresponds to the `header` text of its related `section` (e.g. if you have a "Hello world" section/header, your `#navbar` should have a `.nav-link` which has the text "Hello world").
 
 ```js
-const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
-  el.firstElementChild?.innerText?.trim().toUpperCase()
-)
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(
+  el => el.firstElementChild?.innerText?.trim().toUpperCase()
+);
 const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
   el.innerText?.trim().toUpperCase()
-)
-const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
-assert(headerText.length > 0 && linkText.length > 0 && remainder.length === 0)
+);
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1);
+
+assert.isNotEmpty(headerText);
+assert.isNotEmpty(linkText);
+assert.isEmpty(remainder);
 ```
 
 Each `.nav-link` should have an `href` attribute that links to its corresponding `.main-section` (e.g. If you click on a `.nav-link` element that contains the text "Hello world", the page navigates to a `section` element with that id).
 
 ```js
-const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
-const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
-const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
-assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.getAttribute('href')
+);
+const mainSectionIDs = Array.from(
+  document.querySelectorAll('.main-section')
+).map(el => el.id);
+const missingHrefValues = mainSectionIDs.filter(
+  str => hrefValues.indexOf('#' + str) === -1
+);
+assert.isNotEmpty(hrefValues);
+assert.isNotEmpty(mainSectionIDs);
+assert.isEmpty(missingHrefValues, 0);
 ```
 
 Your `#navbar` should always be on the left edge of the window.
 
 ```js
-const el = document.getElementById('navbar')
-const left1 = el?.offsetLeft
-const left2 = el?.offsetLeft
-assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+const el = document.getElementById('navbar');
+const left1 = el?.offsetLeft;
+assert.isNotNull(el);
+assert.isAtLeast(left1, -15);
+assert.isAtMost(left1, 15);
 ```
 
 Your Technical Documentation project should use at least one media query.
 
 ```js
-const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
-const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
-assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el =>
+  el.getAttribute('media')
+);
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media');
+assert.isTrue(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```
 
 # --seed--
@@ -234,17 +252,15 @@ assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Technical Documentation Page</title>
-</head>
-
-<body>
+  </head>
 
-</body>
+  <body>
 
-</html> 
+  </body>
+</html>
 ```
 
 ```css
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md b/curriculum/challenges/swahili/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
index 237a95d2b2..3164c38fe0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-travel-agency-page/669e2f60e83c011754f711f9.md
@@ -42,7 +42,10 @@ assert.match(code, /<html\s+lang\s*=\s*('|")en\1\s*>[\s\S]*<\/\s*html\s*>/i);
 You should have a `head` element within the `html` element.
 
 ```js
-assert.match(code, /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i);
+assert.match(
+  code,
+  /<html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have a `meta` element within your `head` element.
@@ -60,7 +63,10 @@ assert.match(code, /<\s*meta[\s\S]+?charset\s*=\s*('|")UTF-8\1/i);
 You should have `title` element within your `head` element.
 
 ```js
-assert.match(code, /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i);
+assert.match(
+  code,
+  /<\s*head\s*>[\s\S]*<\s*title\s*>[\s\S]*<\/\s*title\s*>[\s\S]*<\/\s*head\s*>/i
+);
 ```
 
 Your `title` element should have your travel agency name.
@@ -72,25 +78,30 @@ assert.isAbove(document.querySelector('title')?.innerText.trim().length, 0);
 You should have a `body` element within your `html` element.
 
 ```js
-assert(code.match(/<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i));
+assert.match(
+  code,
+  /<\s*html[\s\S]*>[\s\S]*<\s*head\s*>[\s\S]*<\/\s*head\s*>[\s\S]*<\s*body\s*>[\s\S]*<\/\s*body\s*>[\s\S]*<\/\s*html\s*>/i
+);
 ```
 
 You should have an `h1` element to present your travel destinations.
 
 ```js
-assert.isAbove(document.querySelector('h1')?.innerText.length, 0)
+assert.isAbove(document.querySelector('h1')?.innerText.length, 0);
 ```
 
 You should only have one `h1` element.
 
 ```js
-assert.lengthOf(document.querySelectorAll('h1'), 1)
+assert.lengthOf(document.querySelectorAll('h1'), 1);
 ```
 
 You should have a `p` element below the `h1` element.
 
 ```js
-assert.strictEqual(document.querySelector('h1')?.nextElementSibling, document.querySelector('p'))
+assert.strictEqual(
+  document.querySelector('h1')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your first `p` element should introduce the travel opportunities.
@@ -108,34 +119,40 @@ assert.equal(document.querySelectorAll('h2')[0]?.innerText, 'Packages');
 You should have a `p` element below your first `h2` element.
 
 ```js
-assert.strictEqual(document.querySelector('h2')?.nextElementSibling, document.querySelectorAll('p')?.[1])
+assert.strictEqual(
+    document.querySelector('h2')?.nextElementSibling.tagName, 'P'
+);
 ```
 
 Your second `p` element should introduce briefly the various packages.
 
 ```js
-assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim())
+assert.isNotEmpty(document.querySelectorAll('p')?.[1]?.textContent?.trim());
 ```
 
 You should have an unordered list element below your second `p` element.
 
 ```js
-assert.strictEqual(document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName, 'UL');
+assert.strictEqual(
+  document.querySelectorAll('p')?.[1]?.nextElementSibling?.tagName,
+  'UL'
+);
 ```
 
 You should have two items in your unordered list.
 
 ```js
-assert.equal(document.querySelectorAll('li').length,  2);
+assert.lengthOf(document.querySelectorAll('li'), 2);
 ```
 
 Both your list items should contain an anchor element.
 
 ```js
-const listItems = $('li');
-assert(!!listItems.length);
+const listItems = document.querySelectorAll('li');
+assert.isNotEmpty(listItems);
 for (let e of listItems) {
-  assert(e.children[0].tagName === 'A' && e.children.length === 1);
+  assert.strictEqual(e.children[0].tagName, 'A');
+  assert.lengthOf(e.children, 1);
 }
 ```
 
@@ -154,36 +171,39 @@ assert.equal(document.querySelectorAll('a')[1]?.innerText, 'Private Tours');
 You should have an `h2` element after your unordered list.
 
 ```js
-assert($('h2')[1]?.previousElementSibling.tagName === 'UL');
+assert.strictEqual(
+  document.querySelectorAll('h2')[1]?.previousElementSibling.tagName,
+  'UL'
+);
 ```
 
 Your second `h2` element should have the text `Top Itineraries`.
 
 ```js
-assert.equal($('h2')[1]?.innerText, 'Top Itineraries');
+assert.equal(document.querySelectorAll('h2')[1]?.innerText, 'Top Itineraries');
 ```
 
 You should have at least three `figure` elements.
 
 ```js
-assert.isAtLeast(document.querySelectorAll('figure').length, 3)
+assert.isAtLeast(document.querySelectorAll('figure').length, 3);
 ```
 
 Each `figure` element should contain an anchor element as its first child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
-  assert.equal(figure.children[0].tagName,'A');
+  assert.equal(figure.children[0].tagName, 'A');
 }
 ```
 
 Each `figure` element should contain a `figcaption` element as its second child.
 
 ```js
-const figures = $('figure');
-assert(!!figures.length);
+const figures = document.querySelectorAll('figure');
+assert.isNotEmpty(figures);
 for (let figure of figures) {
   assert.equal(figure.children[1].tagName, 'FIGCAPTION');
 }
@@ -192,8 +212,8 @@ for (let figure of figures) {
 Each of the `a` elements that are children of your `figure` elements should contain an image.
 
 ```js
-const anchors = $('figure > a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('figure > a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
   assert.equal(anchor.children[0].tagName, 'IMG');
 }
@@ -202,40 +222,40 @@ for (let anchor of anchors) {
 Each `img` element should have a valid `src` attribute.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.src.length, 0);
+  assert.isAbove(image.src.length, 0);
 }
 ```
 
 Each `img` element should have an `alt` attribute with an appropriate value.
 
 ```js
-const images = $('img');
-assert(!!images.length);
+const images = document.querySelectorAll('img');
+assert.isNotEmpty(images);
 for (let image of images) {
-    assert.isAbove(image.alt.length, 0);
+  assert.isAbove(image.alt.length, 0);
 }
 ```
 
 Each `a` element should have an `href` attribute with the value of `https://www.freecodecamp.org/learn`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
+  assert.equal(anchor.href, 'https://www.freecodecamp.org/learn');
 }
 ```
 
 Each `a` element should have a `target` attribute with the value of `_blank`.
 
 ```js
-const anchors = $('a');
-assert(!!anchors.length);
+const anchors = document.querySelectorAll('a');
+assert.isNotEmpty(anchors);
 for (let anchor of anchors) {
-    assert.equal(anchor.target, '_blank');
+  assert.equal(anchor.target, '_blank');
 }
 ```
 
@@ -252,38 +272,64 @@ for (let anchor of anchors) {
 ```html
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8">
-        <title>Travel Agency Page</title>
-    </head>
-    <body>
-        <h1>Discover Italy</h1>
-        <p>Art, folklore, food, nature, and more. Choose among our wide selection of guided tours and excursions, and live an unforgettable experience exploring Italy.</p>
-        <h2>Packages</h2>
-        <p>We offer an extensive range of holiday solutions to accommodate the needs of all our clients. From daily excursions in the most beautiful cities, to thorough tours of hidden villages and medieval towns to discover Italy's lesser-known sides.</p>
-        <ul>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Group Travels</a></li>
-            <li><a href="https://www.freecodecamp.org/learn" target="_blank">Private Tours</a></li>
-        </ul>
-        <h2>Top Itineraries</h2>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg" alt="colosseum view" >                
-            </a>
-            <figcaption>Rome and Center Italy</figcaption>
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg" alt="dolomites mountain view" >                
-            </a>
-            <figcaption>Nature and National Parks</figcaption>            
-        </figure>
-        <figure>
-            <a href="https://www.freecodecamp.org/learn" target="_blank">
-                <img src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg" alt="sea view" >                
-            </a>
-            <figcaption>South Italy and Islands</figcaption>
-        </figure>                
-    </body>
+  <head>
+    <meta charset="utf-8" />
+    <title>Travel Agency Page</title>
+  </head>
+  <body>
+    <h1>Discover Italy</h1>
+    <p>
+      Art, folklore, food, nature, and more. Choose among our wide selection of
+      guided tours and excursions, and live an unforgettable experience
+      exploring Italy.
+    </p>
+    <h2>Packages</h2>
+    <p>
+      We offer an extensive range of holiday solutions to accommodate the needs
+      of all our clients. From daily excursions in the most beautiful cities, to
+      thorough tours of hidden villages and medieval towns to discover Italy's
+      lesser-known sides.
+    </p>
+    <ul>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Group Travels</a
+        >
+      </li>
+      <li>
+        <a href="https://www.freecodecamp.org/learn" target="_blank"
+          >Private Tours</a
+        >
+      </li>
+    </ul>
+    <h2>Top Itineraries</h2>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/colosseo.jpg"
+          alt="colosseum view"
+        />
+      </a>
+      <figcaption>Rome and Center Italy</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/alps.jpg"
+          alt="dolomites mountain view"
+        />
+      </a>
+      <figcaption>Nature and National Parks</figcaption>
+    </figure>
+    <figure>
+      <a href="https://www.freecodecamp.org/learn" target="_blank">
+        <img
+          src="https://cdn.freecodecamp.org/curriculum/labs/sea.jpg"
+          alt="sea view"
+        />
+      </a>
+      <figcaption>South Italy and Islands</figcaption>
+    </figure>
+  </body>
 </html>
 ```
diff --git a/curriculum/challenges/swahili/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md b/curriculum/challenges/swahili/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
index dba720dcfb..a08411ef31 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lab-tribute-page/bd7158d8c442eddfaeb5bd18.md
@@ -29,111 +29,125 @@ Fulfill the user stories below and get all the tests to pass to complete the lab
 You should have a `main` element with an `id` of `main`.
 
 ```js
-const el = document.getElementById('main')
-assert(!!el && el.tagName === 'MAIN')
+const el = document.getElementById('main');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'MAIN');
 ```
 
 Your `#img-div`, `#image`, `#img-caption`, `#tribute-info`, and `#tribute-link` should all be descendants of `#main`.
 
 ```js
-const el1 = document.querySelector('#main #img-div')
-const el2 = document.querySelector('#main #image')
-const el3 = document.querySelector('#main #img-caption')
-const el4 = document.querySelector('#main #tribute-info')
-const el5 = document.querySelector('#main #tribute-link')
-assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+const el1 = document.querySelector('#main #img-div');
+const el2 = document.querySelector('#main #image');
+const el3 = document.querySelector('#main #img-caption');
+const el4 = document.querySelector('#main #tribute-info');
+const el5 = document.querySelector('#main #tribute-link');
+assert.isNotNull(el1);
+assert.isNotNull(el2);
+assert.isNotNull(el3);
+assert.isNotNull(el4);
+assert.isNotNull(el5);
 ```
 
 You should have an element with an `id` of `title`.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el)
+const el = document.getElementById('title');
+assert.isNotNull(el);
 ```
 
 Your `#title` should not be empty.
 
 ```js
-const el = document.getElementById('title')
-assert(!!el && el.innerText.length > 0)
-
+const el = document.getElementById('title');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText, 0);
 ```
 
 You should have a `figure` or `div` element with an `id` of `img-div`.
 
 ```js
-const el = document.getElementById('img-div')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+const el = document.getElementById('img-div');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGURE');
 ```
 
 You should have an `img` element with an `id` of `image`.
 
 ```js
-const el = document.getElementById('image')
-assert(!!el && el.tagName === 'IMG')
+const el = document.getElementById('image');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'IMG');
 ```
 
 Your `#image` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #image')
-assert(!!el)
+const el = document.querySelector('#img-div #image');
+assert.isNotNull(el);
 ```
 
 You should have a `figcaption` or `div` element with an `id` of `img-caption`.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isTrue(el.tagName === 'DIV' || el.tagName === 'FIGCAPTION');
 ```
 
 Your `#img-caption` should be a descendant of `#img-div`.
 
 ```js
-const el = document.querySelector('#img-div #img-caption')
-assert(!!el)
+const el = document.querySelector('#img-div #img-caption');
+assert.isNotNull(el);
 ```
 
 Your `#img-caption` should not be empty.
 
 ```js
-const el = document.getElementById('img-caption')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('img-caption');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an element with an `id` of `tribute-info`.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
 ```
 
 Your `#tribute-info` should not be empty.
 
 ```js
-const el = document.getElementById('tribute-info')
-assert(!!el && el.innerText.length > 0)
+const el = document.getElementById('tribute-info');
+assert.isNotNull(el);
+assert.isNotEmpty(el.innerText);
 ```
 
 You should have an `a` element with an `id` of `tribute-link`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.tagName === 'A')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.tagName, 'A');
 ```
 
 Your `#tribute-link` should have an `href` attribute and value.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && !!el.href && el.href.length > 0)
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.isNotNull(el.href);
+assert.isNotEmpty(el.href);
 ```
 
 Your `#tribute-link` should have a `target` attribute set to `_blank`.
 
 ```js
-const el = document.getElementById('tribute-link')
-assert(!!el && el.target === '_blank')
+const el = document.getElementById('tribute-link');
+assert.isNotNull(el);
+assert.strictEqual(el.target, '_blank');
 ```
 
 Your `img` element should have a `display` of `block`.
@@ -141,8 +155,8 @@ Your `img` element should have a `display` of `block`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('display')
-assert(style === 'block')
+const style = imgStyle?.getPropertyValue('display');
+assert.strictEqual(style, 'block');
 ```
 
 Your `#image` should have a `max-width` of `100%`.
@@ -150,8 +164,8 @@ Your `#image` should have a `max-width` of `100%`.
 ```js
 const img = document.getElementById('image');
 const imgStyle = window.getComputedStyle(img);
-const style = imgStyle?.getPropertyValue('max-width')
-assert(style === '100%')
+const style = imgStyle?.getPropertyValue('max-width');
+assert.strictEqual(style, '100%');
 ```
 
 Your `#image` should have a `height` of `auto`.
@@ -163,9 +177,9 @@ const imgStyle = window.getComputedStyle(img);
 const oldDisplayValue = imgStyle.getPropertyValue('display');
 const oldDisplayPriority = imgStyle.getPropertyPriority('display');
 img?.style.setProperty('display', 'none', 'important');
-const heightValue = imgStyle?.getPropertyValue('height')
+const heightValue = imgStyle?.getPropertyValue('height');
 img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
-assert(heightValue === 'auto')
+assert.strictEqual(heightValue, 'auto');
 ```
 
 Your `#image` should be centered within its parent.
@@ -180,7 +194,8 @@ const img = document.getElementById('image'),
   parentRight = imgParent?.getBoundingClientRect().right,
   leftMargin = imgLeft - parentLeft,
   rightMargin = parentRight - imgRight;
-assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+assert.isBelow(leftMargin - rightMargin, 6);
+assert.isBelow(rightMargin - leftMargin, 6);
 ```
 
 # --seed--
@@ -190,16 +205,12 @@ assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
 ```html
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
+  <head>
+    <meta charset="UTF-8" />
     <title>Tribute Page</title>
-</head>
-
-<body>
-
-</body>
+  </head>
 
+  <body></body>
 </html>
 ```
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md b/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
index 69365f03d5..dade1e5cbe 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672aa8d65995be62ef1c7515.md
@@ -2,7 +2,7 @@
 id: 672aa8d65995be62ef1c7515
 title: What Are CSS Animations, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dryjwjTQllk
 dashedName: what-are-css-animations
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md b/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
index ed4b6d0586..7aed75cda6 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-animations-and-accessibility/672cf764cf55a70433590def.md
@@ -2,7 +2,7 @@
 id: 672cf764cf55a70433590def
 title: What Are Accessibility Concerns Around Using Animations, and How Can prefers-reduced-motion Help?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bKM3ZhO5Sns
 dashedName: what-are-accessibility-concerns-around-using-animations
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
index 267796bc59..562e010a29 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672aa82768e00d600305afc0.md
@@ -2,7 +2,7 @@
 id: 672aa82768e00d600305afc0
 title: What Are Some Tools to Check for Good Color Contrast on Sites?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2qj6LcJ4wSk
 dashedName: what-are-some-tools-to-check-for-good-color-contrast-on-sites
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
index 17f41fe05f..b72ed7b123 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-accessibility-and-css/672c35a79fa53e00de9f2a49.md
@@ -2,7 +2,7 @@
 id: 672c35a79fa53e00de9f2a49
 title: "What Are Best Practices for Hiding Content So It Doesn't Become Inaccessible?"
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ycYVairxSdQ
 dashedName: what-are-best-practices-for-hiding-content-so-it-doesnt-become-inaccessible
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
index 173f6f75f9..0753e48d5b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672aa8873d4e25618870764f.md
@@ -2,7 +2,7 @@
 id: 672aa8873d4e25618870764f
 title: What Is Responsive Web Design, and What Is Its Relationship to Tools Like CSS Grid and Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ISOf41vPNJY
 dashedName: what-is-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
index 0ec7c2c62c..f33675391c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf05c3ad533eabe1e8197.md
@@ -2,7 +2,7 @@
 id: 672cf05c3ad533eabe1e8197
 title: How Do Media Queries Work, and What Are Some Common Media Types and Features?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1h0QErJG8DE
 dashedName: how-do-media-queries-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
index 8b78e23cc7..8c41d92a3b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf06c8f46f9eb04db9832.md
@@ -2,7 +2,7 @@
 id: 672cf06c8f46f9eb04db9832
 title: What Is the Mobile First Approach in Responsive Web Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BuCdyShUzKQ
 dashedName: what-is-the-mobile-first-approach-in-responsive-web-design
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
index 8f39dba92b..bd51cfa98d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-best-practices-for-responsive-web-design/672cf07a2b9796eb49719e03.md
@@ -2,7 +2,7 @@
 id: 672cf07a2b9796eb49719e03
 title: What Are Media Breakpoints, and What Are Common Breakpoints in Modern Design?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: R0hiJEAXGIk
 dashedName: what-are-media-breakpoints
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md b/curriculum/challenges/swahili/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
index 8195e78587..135ed5b519 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-browsing-the-web-effectively/672ac9705b07a64439b73b59.md
@@ -62,7 +62,7 @@ Remember the example given for searching for freeCodeCamp content while excludin
 
 ---
 
-`
+`` ` ``
 
 ### --feedback--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
index 97f2f84848..b17cee5c3f 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733aa9b006d29f4d11307a5.md
@@ -2,7 +2,7 @@
 id: 6733aa9b006d29f4d11307a5
 title: What Are Some Examples of Common JavaScript Errors?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: e5P8nJkOSMQ
 dashedName: what-are-some-examples-of-common-javascript-errors
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
index bafabd33d8..2118071aa6 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bec70d86e13522e98a4f.md
@@ -2,7 +2,7 @@
 id: 6733bec70d86e13522e98a4f
 title: How Does the Throw Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vNlPchT8nr8
 dashedName: how-does-the-throw-statement-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
index 2623a2c2a9..191090dd59 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733becf4b0c353553b9bfa4.md
@@ -2,7 +2,7 @@
 id: 6733becf4b0c353553b9bfa4
 title: How Does the Debugger Statement Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gn0q7gXiMRo
 dashedName: how-does-the-debugger-statement-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
index f5c68460bd..cc678b1164 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733bee844600f35c05b8264.md
@@ -2,7 +2,7 @@
 id: 6733bee844600f35c05b8264
 title: How Does try...catch...finally Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _3whfUfxGYI
 dashedName: how-does-try-catch-finally-work
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-Which of the following is a common use case for `try…catch…finally` in JavaScript?
+What best describes the `try` block?
 
 ## --answers--
 
-Creating new HTML elements.
+It’s for running code again automatically after an error occurs.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Styling a webpage using CSS.
+It’s for handling errors.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Declaring variables.
+It’s for setup before an error is thrown.
 
 ### --feedback--
 
-Think about error handling when interacting with external data sources.
+Think about the order of blocks in `try…catch…finally` statements, and the types of tasks each block handles.
 
 ---
 
-Handling API requests.
+It’s a safe wrapper for code that might throw an error.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
index 49e7be346e..a6d2d7a98d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-debugging-techniques/6733befb703ca6361da3755b.md
@@ -2,7 +2,7 @@
 id: 6733befb703ca6361da3755b
 title: What Are Some Examples of Using Advanced JavaScript Debugging Techniques?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: hHWAQYXRvxs
 dashedName: what-are-some-examples-of-using-advanced-javascript-debugging-techniques
 ---
 
@@ -86,35 +86,35 @@ Think about tracking variables across different parts of the code.
 
 ## --text--
 
-What statement works like a breakpoint in JavaScript, pausing execution for inspection?
+What method can you use to see an interactive list of properties for the JavaScript object you pass in?
 
 ## --answers--
 
-`throw`
+`console.log()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`return`
+`console.table()`
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ---
 
-`debugger`
+`console.dir()`
 
 ---
 
-`console.log`
+Finding the object in the Network tab and double clicking on it.
 
 ### --feedback--
 
-This statement allows you to stop code execution to examine variables.
+You can use this method directly in your code, and it doesn’t just log data or a table to the console.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
index 22c5a4e439..3fb860e6fd 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708382cf088b216580a9ff1.md
@@ -2,7 +2,7 @@
 id: 6708382cf088b216580a9ff1
 title: What Are IDs and Classes, and When Should You Use Them?
 challengeType: 11
-videoId: yTuzVH6THdg
+videoId: gM7Tngm3QXo
 dashedName: what-are-ids-and-classes
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
index a75ddd24b2..95b16c7bd7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083868d5fdcb17bf8c14bd.md
@@ -2,7 +2,7 @@
 id: 67083868d5fdcb17bf8c14bd
 title: What Are HTML Entities, and What Are Some Common Examples?
 challengeType: 11
-videoId: VJmx-XzTqg8
+videoId: mVdIq0H_B4E
 dashedName: what-are-html-entities
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
index c80bdb5d87..7ce09ce185 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838977810401844af6fe0.md
@@ -2,7 +2,7 @@
 id: 670838977810401844af6fe0
 title: What Is the Role of the Link Element in HTML, and How Can It Be Used to Link to External Stylesheets?
 challengeType: 11
-videoId: qeGlYqpFRZA
+videoId: Xdyig5C-oSU
 dashedName: what-is-the-role-of-the-link-element-in-html
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
index 2f13df7865..02192951fb 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838b10ee87a18e5faff62.md
@@ -2,7 +2,7 @@
 id: 670838b10ee87a18e5faff62
 title: What Is the Role of the Script Element in HTML, and How Can It Be Used to Link to External JavaScript Files?
 challengeType: 11
-videoId: ZxpITCgbc5Y
+videoId: nNCwy4QUh8Q
 dashedName: what-is-the-role-of-the-script-element-in-html
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
index c039ba2262..e114141bd0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670838e914096b194b0c51aa.md
@@ -2,7 +2,7 @@
 id: 670838e914096b194b0c51aa
 title: What Is an HTML Boilerplate, and Why Is It Important?
 challengeType: 11
-videoId: UKxDoI54eLE
+videoId: IlJEEVOc9o0
 dashedName: what-is-an-html-boilerplate
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
index e49edd740a..102a2cbe50 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/670839051794aa19fcef6dc8.md
@@ -2,7 +2,7 @@
 id: 670839051794aa19fcef6dc8
 title: What Is UTF-8 Character Encoding, and Why Is It Needed?
 challengeType: 11
-videoId: SuTPQkOpa10
+videoId: T0VimOMROr8
 dashedName: what-is-utf-8-character-encoding
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
index 88345cd681..a8bb5e2f88 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/67083952f800051a8a21fcfd.md
@@ -2,7 +2,7 @@
 id: 67083952f800051a8a21fcfd
 title: What Is the Role of the Meta Description, and How Does It Affect SEO?
 challengeType: 11
-videoId: aLy7C2fGDQw
+videoId: G-g2KBE05to
 dashedName: what-is-the-role-of-the-meta-description
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
index c1d55001a7..3e836638ed 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-html-fundamentals/6708396caa00e11b597b3365.md
@@ -2,7 +2,7 @@
 id: 6708396caa00e11b597b3365
 title: What Is the Role of Open Graph Tags, and How Do They Affect SEO?
 challengeType: 11
-videoId: wQhsL9NjiuA
+videoId: 94IAhyEfO8I
 dashedName: what-is-the-role-of-open-graph-tags
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
index 4935c3f182..aa50bc64b9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a51e9e4fd8b8552eeb758.md
@@ -2,7 +2,7 @@
 id: 672a51e9e4fd8b8552eeb758
 title: What Is Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i2d9G5g8WxM
 dashedName: what-is-accessibility
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
index 8bd8e80692..daa434c8ab 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5310d7e46b8a34d48dfd.md
@@ -2,7 +2,7 @@
 id: 672a5310d7e46b8a34d48dfd
 title: What Are Screen Readers, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aowIBtwkwyE
 dashedName: what-are-screen-readers
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
index db18fbb9a4..81c861daed 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5326a7606a8a766cbedb.md
@@ -2,7 +2,7 @@
 id: 672a5326a7606a8a766cbedb
 title: What Are Large Text or Braille Keyboards, and Who Uses Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kg-R09kIDiY
 dashedName: what-are-large-text-or-braille-keyboards
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
index 3b5e58c4a5..b9973911ef 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a533e6041c28ad680eb8f.md
@@ -2,7 +2,7 @@
 id: 672a533e6041c28ad680eb8f
 title: What Are Alternative Pointing Devices Such as Trackballs, Joysticks, and Touchpads Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: vN7C2gexLu0
 dashedName: what-are-alternative-pointing-devices
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
index 745d4d8839..915bac68a2 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5361ef88158b25fbfba7.md
@@ -2,7 +2,7 @@
 id: 672a5361ef88158b25fbfba7
 title: What Are Screen Magnifiers Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Voiysxr-Df4
 dashedName: what-are-screen-magnifiers
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
index 45fc8e9a14..fb7b4cc0fc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a536f8386288b9ed0a154.md
@@ -2,7 +2,7 @@
 id: 672a536f8386288b9ed0a154
 title: What Is Voice Recognition Software Used For?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _qT4ce85TLg
 dashedName: what-is-voice-recognition-software
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
index 43b4c9643c..398853f05b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a537f05f3798bd4f57d2d.md
@@ -2,7 +2,7 @@
 id: 672a537f05f3798bd4f57d2d
 title: What Are Some Common Accessibility Auditing Tools to Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BZ37IV7eNeo
 dashedName: what-are-some-common-accessibility-auditing-tools
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
index 5f8450f7ab..9a3dc51b4b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a538c029f9e8c1687460e.md
@@ -2,7 +2,7 @@
 id: 672a538c029f9e8c1687460e
 title: How Does Proper Heading Level Structure Affect Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FqBrK9IAvhI
 dashedName: how-does-proper-heading-level-structure-affect-accessibility
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
index f360bcc4c8..7645015c63 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a539b887ec68c593cdc4b.md
@@ -2,7 +2,7 @@
 id: 672a539b887ec68c593cdc4b
 title: What Are Best Practices for Tables and Accessibility?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aaip_wiDgEw
 dashedName: what-are-best-practices-for-tables-and-accessibility
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
index 988d190b70..889b66fbc2 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53ae8f1ad28c8a1ed0f0.md
@@ -2,7 +2,7 @@
 id: 672a53ae8f1ad28c8a1ed0f0
 title: Why Is It Important for Inputs to Have an Associated Label?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _FWK8pqUUXo
 dashedName: why-is-it-important-for-inputs-to-have-an-associated-label
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
index af986253d7..259c75b9a7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a53cf67140d8cd85d4b0f.md
@@ -2,7 +2,7 @@
 id: 672a53cf67140d8cd85d4b0f
 title: What Is the Purpose of WAI-ARIA, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LNv_JZogKy0
 dashedName: what-is-the-purpose-of-wai-aria
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
index 45f2f251ba..63ce2beb24 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a549231b8728f7171ed9d.md
@@ -2,7 +2,7 @@
 id: 672a549231b8728f7171ed9d
 title: What Are ARIA Roles?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9rEXBdjn5ZQ
 dashedName: what-are-aria-roles
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
index a465acef27..8d209caedb 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54a6675c168faa84252d.md
@@ -2,7 +2,7 @@
 id: 672a54a6675c168faa84252d
 title: What Are the Roles of the aria-label and aria-labelledby Attributes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WLb6vAfd_eE
 dashedName: what-are-the-roles-of-the-aria-label-and-aria-labelledby-attributes
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
index 74efdaa36a..26eeeac4db 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54bc58319c8fe6f78ad4.md
@@ -2,7 +2,7 @@
 id: 672a54bc58319c8fe6f78ad4
 title: What Is the aria-hidden Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QedOQkZOBYc
 dashedName: what-is-the-aria-hidden-attribute
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
index 8a57914143..5f53ca98e3 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54ce90c19e9038f481d7.md
@@ -2,7 +2,7 @@
 id: 672a54ce90c19e9038f481d7
 title: What Is the aria-expanded Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EhZHqC1ZE_Q
 dashedName: what-is-the-aria-expanded-attribute
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
index 63fecb64ec..efbf028f5b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54dff9dc439089f1a219.md
@@ -2,7 +2,7 @@
 id: 672a54dff9dc439089f1a219
 title: What Is the aria-live Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LGkl102m2-s
 dashedName: what-is-the-aria-live-attribute
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
index 58a4119ada..89dc093f3e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a54f29d783890d1f94740.md
@@ -2,7 +2,7 @@
 id: 672a54f29d783890d1f94740
 title: What Are Some Common ARIA States Used on Custom Control Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: tzoL0L63V5g
 dashedName: what-are-some-common-aria-states-used-on-custom-control-elements
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
index 227f474939..4fc6b1b677 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a5507d857a891139abc7f.md
@@ -2,7 +2,7 @@
 id: 672a5507d857a891139abc7f
 title: What Is the aria-controls Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: CIjzHpQHKFo
 dashedName: what-is-the-aria-controls-attribute
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
index cfe559fe6e..8789f5eae6 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a551975938a916c74802c.md
@@ -2,7 +2,7 @@
 id: 672a551975938a916c74802c
 title: What Is the aria-describedby Attribute, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IuYRdE-f28M
 dashedName: what-is-the-aria-describedby-attribute
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
index bcc9fc059b..502b85460a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55b5c0c14493328fe36e.md
@@ -2,7 +2,7 @@
 id: 672a55b5c0c14493328fe36e
 title: When Is the alt Attribute Needed, and What Are Some Examples of Good Alt Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _yKzvDikHOI
 dashedName: when-is-the-alt-attribute-needed
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
index c63035cee6..0afc2ea879 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55dd1d86bc939606e204.md
@@ -2,7 +2,7 @@
 id: 672a55dd1d86bc939606e204
 title: What Are the Accessibility Benefits for Good Link Text, and What Are Examples of Good Link Text?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JI_yg4ZivfM
 dashedName: what-are-the-accessibility-benefits-for-good-link-text
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
index 6485aff4a6..0768efbb52 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55eb7791559421ff0cd3.md
@@ -2,7 +2,7 @@
 id: 672a55eb7791559421ff0cd3
 title: What Are Good Ways to Make Audio and Video Content Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KIuKBpihUPg
 dashedName: what-are-good-ways-to-make-audio-and-video-content-accessible
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
index b4e5b4b0c0..69fcc2743c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-accessibility-and-good-html-structure/672a55fbc2d95a9453151caf.md
@@ -2,7 +2,7 @@
 id: 672a55fbc2d95a9453151caf
 title: What Are Some Ways to Make Web Applications Keyboard Accessible?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UE7rKhSKfHs
 dashedName: what-are-some-ways-to-make-web-applications-keyboard-accessible
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
index 173c1708ee..e9ee54a2a9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/6729959bf9c8e835f46b3f78.md
@@ -50,35 +50,35 @@ Think about an element that primarily affects text style to highlight when part
 
 ## --text--
 
-Which HTML element is used to emphasize important text?
+When should you use CSS instead of the `i` or `em` elements?
 
 ## --answers--
 
-`em`
+When the text has a special purpose or meaning in the paragraph.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`strong`
+When you want to display text in italics for presentational purposes only.
 
 ---
 
-`i`
+When the text is an idiomatic expression.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ---
 
-`mark`
+When the text needs to be emphasized for importance.
 
 ### --feedback--
 
-Think about a semantic HTML element that highlights important content.
+Consider the scenario where the styling is purely visual without any semantic meaning.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
index c70034f3ea..f8501e6312 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995c9e6f69436dbcccc79.md
@@ -50,39 +50,39 @@ Analyze the two types of quotation elements. Think about which one displays the
 
 ## --text--
 
-Which HTML element is used for displaying inline quotations?
+What is the purpose of the `cite` element in HTML?
 
 ## --answers--
 
-`q`
-
----
-
-`blockquote`
+To display inline quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`cite`
+To specify the source URL of a quotation.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ---
 
-`p`
+To mark up the title of a referenced creative work.
+
+---
+
+To display extended quotations.
 
 ### --feedback--
 
-Think about the two types of quotation elements. Think about which one is perfect for short quotations from other sources.
+Consider how the `cite` element is used in relation to creative works like books, articles, or films.
 
 ## --video-solution--
 
-1
+3
 
 ## --text--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
index 6ca38d68c8..671eaa7226 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-importance-of-semantic-html/672995d673bd3237200b9e7c.md
@@ -50,7 +50,7 @@ Think about an element that is specifically designed for shortened words.
 
 ## --text--
 
-What is the primary purpose of the ``abbr` element?
+What is the primary purpose of the `abbr` element?
 
 ## --answers--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
index 540aa9a2dd..ce54c281bb 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d26385dbe73203c4dac81.md
@@ -2,7 +2,7 @@
 id: 672d26385dbe73203c4dac81
 title: What Is JavaScript, and How Does It Work with HTML and CSS?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G7lc_Yt2fqY
 dashedName: what-is-javascript
 ---
 
@@ -70,7 +70,7 @@ Think about how JavaScript can change the webpage's content or styles without ne
 
 ---
 
-JavaScript interacts with the DOM to change content and styles dynamically.
+JavaScript interacts with the page to change content and styles dynamically.
 
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
index 9c8fdba12f..af13e8e3bb 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d496eca926b5df8176a67.md
@@ -2,7 +2,7 @@
 id: 672d496eca926b5df8176a67
 title: What Is a Data Type, and What Are the Different Data Types in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DQgf3RxOiQg
 dashedName: what-is-a-data-type
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
index 1020c4b8d3..ec58dd387d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d497cb1a1675e47bf7ea1.md
@@ -2,7 +2,7 @@
 id: 672d497cb1a1675e47bf7ea1
 title: What Are Variables, and What Are Guidelines for Naming JavaScript Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: h6ytd29mrrg
 dashedName: what-are-variables
 ---
 
@@ -74,7 +74,7 @@ Remember the rules for starting a variable name and avoiding special characters
 
 ---
 
-`return`
+`const`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
index 889b2fe97d..887da5e0df 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49959621885e9d3e672c.md
@@ -2,7 +2,7 @@
 id: 672d49959621885e9d3e672c
 title: How Do let and const Work Differently When It Comes to Variable Declaration, Assignment, and Reassignment?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ax8XbAiG4Ek
 dashedName: how-do-let-and-const-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
index 57696daf94..b6d894df10 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49a5cf43945ee09e5fba.md
@@ -2,7 +2,7 @@
 id: 672d49a5cf43945ee09e5fba
 title: What Is a String in JavaScript, and What Is String Immutability?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AXinCYvj7h8
 dashedName: what-is-a-string
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
index 6d90d8cd24..f021fff99e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49b2fb76df5f1d6117af.md
@@ -2,7 +2,7 @@
 id: 672d49b2fb76df5f1d6117af
 title: What Is String Concatenation, and How Can You Concatenate Strings with Variables?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4bCDHakINH8
 dashedName: what-is-string-concatenation
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
index 38058dd76e..eb62c204cf 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49c4e899345f5b33c24c.md
@@ -2,7 +2,7 @@
 id: 672d49c4e899345f5b33c24c
 title: What Is console.log Used For, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J9CeRj7EBmM
 dashedName: what-is-console-log
 ---
 
@@ -50,7 +50,7 @@ Think about where you can see the results of the `console.log` method.
 
 ## --text--
 
-Which of the following examples correctly uses `console.log` to display the value of a variable?
+Which of the following examples correctly uses `console.log` to display the value of a string?
 
 ## --answers--
 
@@ -110,11 +110,11 @@ Think about the basic structure of `console.log` and where the variable should g
 
 ---
 
-`console.write(age);`
+`console.log("age");`
 
 ### --feedback--
 
-Think about the basic structure of `console.log` and where the variable should go.
+Think about the difference between a variable and a string.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
index db6be4b3f6..5b27976bf6 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49d93b54b85faa4dbad7.md
@@ -2,7 +2,7 @@
 id: 672d49d93b54b85faa4dbad7
 title: What Is the Role of Semicolons in JavaScript, and Programming in General?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: BgZYZV0_-UM
 dashedName: what-is-the-role-of-semicolons
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
index f86b39c3de..5dda4709d8 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-introduction-to-javascript/672d49e65a1c855fe7bb3fdb.md
@@ -2,7 +2,7 @@
 id: 672d49e65a1c855fe7bb3fdb
 title: What Are Comments in JavaScript, and When Should You Use Them?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HyYHnvP_EaM
 dashedName: what-are-comments-in-javascript
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md b/curriculum/challenges/swahili/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
index 9273138f57..34f6a8de44 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-styling-lists-and-links/672aa6441bcd3758e9f52ae0.md
@@ -86,42 +86,6 @@ This rule adds space below each list item, not above.
 
 ## --text--
 
-Given the CSS rule `li { margin-bottom: 15px; }`, what effect does this have on list items?
-
-## --answers--
-
-Adds `15px` of space inside each list item.
-
-### --feedback--
-
-This rule affects the space outside the list item, not inside.
-
----
-
-Adds `15px` of space between the content and `border` of each list item.
-
-### --feedback--
-
-This rule affects the space outside the `border` of each list item.
-
----
-
-Adds `15px` of space below each list item.
-
----
-
-Adds `15px` of space above each list item.
-
-### --feedback--
-
-This rule adds space below each list item, not above.
-
-## --video-solution--
-
-3
-
-## --text--
-
 What does the `line-height` property control in CSS?
 
 ## --answers--
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md b/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
index 0982d60a3e..5d1897b9df 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67329fbcfaf5ff5cdaa38a42.md
@@ -2,7 +2,7 @@
 id: 67329fbcfaf5ff5cdaa38a42
 title: What Is the var Keyword, and Why Is It No Longer Suggested to Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ae4bq5IcDfI
 dashedName: what-is-the-var-keyword-and-why-is-it-no-longer-suggested-to-use-it
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md b/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
index bc8a1a6b21..c4decaafbe 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-the-var-keyword-and-hoisting/67335f45489c5a11b71d0ed5.md
@@ -2,7 +2,7 @@
 id: 67335f45489c5a11b71d0ed5
 title: What Is Hoisting?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Aa1bLYTu5T8
 dashedName: what-is-hoisting
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
index 39fa9b1772..7e9ac93c18 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/6733b072bd8f5b06ccdbd9e2.md
@@ -2,7 +2,7 @@
 id: 6733b072bd8f5b06ccdbd9e2
 title: What Is Asynchronous JavaScript, and How Does It Differ from Synchronous JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ibxm8ApRm8A
 dashedName: what-is-asynchronous-javascript-and-how-does-it-differ-from-synchronous-javascript
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
index 95a85fa90e..6cb9d259b1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/67340798c2c1776709d8a5fe.md
@@ -2,7 +2,7 @@
 id: 67340798c2c1776709d8a5fe
 title: How Does the Async Attribute Work Inside Script Elements, and How Does It Differ from the Defer Attribute?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G0eRfrQzHdM
 dashedName: how-does-the-async-attribute-work-inside-script-elements-and-how-does-it-differ-from-the-defer-attribute
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
index 3a53b7a083..287bc520cc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407a223891b6734563c89.md
@@ -2,7 +2,7 @@
 id: 673407a223891b6734563c89
 title: What Is the Fetch API, and What Are Common Types of Resources That Are Fetched from the Network?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DVq2gXN12tQ
 dashedName: what-is-the-fetch-api-and-what-are-common-types-of-resources-that-are-fetched-from-the-network
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
index ffcc41b7e0..1b6e559cf9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407be6af21d6766ed4b96.md
@@ -2,7 +2,7 @@
 id: 673407be6af21d6766ed4b96
 title: How Does the Fetch API Work with Common HTTP Methods and res.json()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: igua3fllgXc
 dashedName: how-does-the-fetch-api-work-with-common-http-methods-and-res-json
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
index 140a6c6384..0269fc49b0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407ca21117a67cf9521ca.md
@@ -2,7 +2,7 @@
 id: 673407ca21117a67cf9521ca
 title: What Are Promises, and How Does Promise Chaining Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 7BclniIRnUs
 dashedName: what-are-promises-and-how-does-promise-chaining-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
index 963fc7e828..1cd296de72 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407d56c3dce67fa97969b.md
@@ -2,7 +2,7 @@
 id: 673407d56c3dce67fa97969b
 title: What Is Async/Await, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GYf6F2PTMEw
 dashedName: what-is-async-await-and-how-does-it-work
 ---
 
@@ -62,7 +62,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only at the top level of a module.
+At very beginning of your code.
 
 ### --feedback--
 
@@ -70,7 +70,7 @@ Consider the restrictions on where `await` can be placed.
 
 ---
 
-Only inside `async` functions.
+Inside `async` functions.
 
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
index e4d24c63fd..c98ac06414 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407e02bcf0d682b9a49a9.md
@@ -2,7 +2,7 @@
 id: 673407e02bcf0d682b9a49a9
 title: How Does the JavaScript Engine Work, and What Is a JavaScript Runtime?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ekNo7Ai_4Uo
 dashedName: how-does-the-javascript-engine-work-and-what-is-a-javascript-runtime
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
index e3a4b550e0..053796abee 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-asynchronous-programming/673407eb10ca9d68634e81d9.md
@@ -2,7 +2,7 @@
 id: 673407eb10ca9d68634e81d9
 title: What Is the Geolocation API, and How Does the getCurrentPosition Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Daytgop2tf0
 dashedName: what-is-the-geolocation-api-and-how-does-the-getcurrentposition-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
index e2d2d17228..e92ab03672 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/672d26917a8ab3220c038a42.md
@@ -2,7 +2,7 @@
 id: 672d26917a8ab3220c038a42
 title: How Do Comparisons Work with Null and Undefined Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: LFaWJYxUkds
 dashedName: how-do-comparisons-work-with-null-and-undefined-data-types
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
index efe7c82d19..6cab8f1804 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-comparisons-and-conditionals/673282bea35dbf129efb63d6.md
@@ -1,14 +1,109 @@
 ---
 id: 673282bea35dbf129efb63d6
 title: What Are Switch Statements and How Do They Differ from If/Else Chains?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-switch-statements-and-how-do-they-differ-from-if-else-chains
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+`Switch` statements and `if/else` chains are both control flow structures in programming that allow us to execute different code blocks based on certain conditions. However, they have distinct characteristics and use cases.
+
+A `switch` statement evaluates an expression and matches its value against a series of `case` clauses. When a match is found, the code block associated with that `case` is executed.
+
+Here's a basic structure of a `switch` statement:
+
+```js
+switch (expression) {
+  case value1:
+    // code to be executed if expression === value1
+    break;
+  case value2:
+    // code to be executed if expression === value2
+    break;
+  default:
+    // code to be executed if expression doesn't match any case
+}
+```
+
+The `break` statement at the end of each `case` is crucial. It tells the program to exit the `switch` block once a matching `case` has been executed. Without it, the program would continue executing subsequent cases, a behavior known as "fall-through".
+
+`Switch` statements are typically used when you're comparing a single variable against multiple possible values. They're especially useful when you have many potential conditions to check against a single variable.
+
+Here is an example using a `switch` statement for the days of the week:
+
+```js
+let dayOfWeek = 3;
+
+switch (dayOfWeek) {
+    case 1:
+        console.log("It's Monday! Time to start the week strong.");
+        break;
+    case 2:
+        console.log("It's Tuesday! Keep the momentum going.");
+        break;
+    case 3:
+        console.log("It's Wednesday! We're halfway there.");
+        break;
+    case 4:
+        console.log("It's Thursday! Almost the weekend.");
+        break;
+    case 5:
+        console.log("It's Friday! The weekend is near.");
+        break;
+    case 6:
+        console.log("It's Saturday! Enjoy your weekend.");
+        break;
+    case 7:
+        console.log("It's Sunday! Rest and recharge.");
+        break;
+    default:
+        console.log("Invalid day! Please enter a number between 1 and 7.");
+}
+```
+
+`Switch` statements can be more readable and concise when dealing with many possible values for a single variable.
+
+`If/else` statements on the other hand are more flexible. They can evaluate complex conditions and different variables in each clause. This makes them suitable for a wider range of scenarios.
+
+Here is an example of when you might use an `if/else` statement over a `switch` statement:
+
+```js
+let creditScore = 720;
+let annualIncome = 60000;
+let loanAmount = 200000;
+
+let eligibilityStatus;
+
+if (creditScore >= 750 && annualIncome >= 80000) {
+    eligibilityStatus = "Eligible for premium loan rates.";
+} else if (creditScore >= 700 && annualIncome >= 50000) {
+    eligibilityStatus = "Eligible for standard loan rates.";
+} else if (creditScore >= 650 && annualIncome >= 40000) {
+    eligibilityStatus = "Eligible for subprime loan rates.";
+} else if (creditScore < 650) {
+    eligibilityStatus = "Not eligible due to low credit score.";
+} else {
+    eligibilityStatus = "Not eligible due to insufficient income.";
+}
+
+console.log(eligibilityStatus);
+```
+
+In this example, we have a person’s annual income and credit score, and are checking what types of loan they would qualify for.
+
+Since we are dealing with more complex logical evaluations and multiple variables, it is better to use an `if/else` statement here versus a `switch` statement.
+
+It's worth noting that `switch` statements in JavaScript use strict comparison (`===`), which means they don't perform type coercion. This can be an advantage in terms of predictability and avoiding subtle bugs.
+
+In summary, while both `switch` statements and `if/else` chains allow for multiple-branch logic in your code, they have different strengths.
+
+`Switch` statements excel at handling multiple possible values for a single variable, while `if/else` chains offer more flexibility for complex conditions.
+
+The choice between them often comes down to the specific requirements of your code and personal or team coding style preferences.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
index 11fc342586..96d642737c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672aa578a2129554d4675049.md
@@ -2,7 +2,7 @@
 id: 672aa578a2129554d4675049
 title: What Are the Basic Parts of a Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: SJT6r_ejSqw
 dashedName: what-are-the-basic-parts-of-a-computer
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
index 99c7c12bda..91a1e84380 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab82c1a9bbd0e3aabc39d.md
@@ -2,7 +2,7 @@
 id: 672ab82c1a9bbd0e3aabc39d
 title: How Can You Effectively Work With Your Keyboard, Mouse, and Other Pointing Devices
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: AcTxNEVccxc
 dashedName: how-to-effectively-work-with-your-keyboard-mouse-and-other-pointing-devices
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
index 9105b060dc..515d189cc8 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab83c4297910eade53c2e.md
@@ -2,7 +2,7 @@
 id: 672ab83c4297910eade53c2e
 title: What Are the Different Types of Internet Service Providers?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pNR0QzFzSrg
 dashedName: what-are-the-different-types-of-internet-service-providers
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
index 0fcef9d4cc..8e1b267afd 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab849aa1ef70eefd29364.md
@@ -2,7 +2,7 @@
 id: 672ab849aa1ef70eefd29364
 title: What Are Safe Ways to Sign Into Your Computer?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pGoZFEMjC-g
 dashedName: what-are-safe-ways-to-sign-into-your-computer
 ---
 
@@ -78,7 +78,7 @@ Think about the extra layer of security.
 
 ---
 
-To ensure the person trying to access the account is the authorized user.
+It ensures the person trying to access the account is the authorized user.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
index 18c74684ad..0aba68160a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-computer-internet-and-tooling-basics/672ab8573f32480f192aaae1.md
@@ -2,7 +2,7 @@
 id: 672ab8573f32480f192aaae1
 title: What Are the Different Types of Tools Professional Developers Use?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: FHUfC8cm_AA
 dashedName: what-are-the-different-types-of-tools-professional-developers-use
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
index 1604f7ec9b..43fdc2091c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/67329f9e9eb84e5c6a5e4366.md
@@ -2,7 +2,7 @@
 id: 67329f9e9eb84e5c6a5e4366
 title: What Is a String Object, and How Does It Differ from String Primitive?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _-EJRG7vr-0
 dashedName: what-is-a-string-object-and-how-does-it-differ-from-string-primitive
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
index 772d1bf66e..b81371dcae 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c68f4520d160584a6fd2.md
@@ -2,7 +2,7 @@
 id: 6732c68f4520d160584a6fd2
 title: What Is the toString() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: OYOHw8Xmatw
 dashedName: what-is-the-tostring-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
index a2fe162e72..3bfd6c643e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c69d82814160951b1aa7.md
@@ -2,7 +2,7 @@
 id: 6732c69d82814160951b1aa7
 title: What Is the Number Constructor, and How Does It Work for Type Coercion?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZY_GdH7FbPI
 dashedName: what-is-the-number-constructor-and-how-does-it-work-for-type-coercion
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
index 9fe8fd7de9..aa9de6ca0f 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ab21031b60d2b0c999.md
@@ -2,7 +2,7 @@
 id: 6732c6ab21031b60d2b0c999
 title: What Are Some Common Practices for Naming Variables and Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: wheRZCpE724
 dashedName: what-are-some-common-practices-for-naming-variables-and-functions
 ---
 
@@ -86,35 +86,35 @@ Remember the prefix we typically use for getter functions.
 
 ## --text--
 
-Which of these is the best name for a constant representing the maximum number of login attempts?
+Which of the following should you do if you’re working in an established codebase and / or with a team?
 
 ## --answers--
 
-`max_attempts`
+Use your text editor's find-and-replace feature to update any function or variable names you come across that could be improved, even it's not related to the task you're working on.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`MAX_LOGIN_ATTEMPTS`
+Stick to the naming conventions for variables and functions that have already been established.
 
 ---
 
-`loginMaxAttempts`
+Come up with your own naming conventions for any new code you write.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ---
 
-`ATTEMPTS_MAX`
+Strictly use the naming conventions covered in this lecture.
 
 ### --feedback--
 
-Recall the convention for naming constants in JavaScript.
+Remember that this lecture covers some naming conventions, and each codebase could have its own established conventions.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
index 96a5d87762..627d73b2a3 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6ba2ea42b610b9f9ce1.md
@@ -2,7 +2,7 @@
 id: 6732c6ba2ea42b610b9f9ce1
 title: How Do You Get the Length for an Array, and How Can You Create an Empty Array of Fixed Length?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ezk1SIbBDqw
 dashedName: how-do-you-get-the-length-for-an-array-and-how-can-you-create-an-empty-array-of-fixed-length
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
index fb67a1c812..6aca9b93a9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6c72d3738614e1230a2.md
@@ -2,7 +2,7 @@
 id: 6732c6c72d3738614e1230a2
 title: What Are Linters and Formatters, and How Can They Help You with Code Consistency?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XDPvu4bk8IA
 dashedName: what-are-linters-and-formatters-and-how-can-they-help-you-with-code-consistency
 ---
 
@@ -106,7 +106,7 @@ Think about when it would be most beneficial to catch potential issues.
 
 ---
 
-As part of the continuous integration pipeline.
+As part of the build process, a plugin for your text editor or IDE, a pre-commit hook before code can be committed to a codebase, and so on.
 
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
index a7150859dc..781cc1c448 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6d4dec34c61850a1276.md
@@ -2,7 +2,7 @@
 id: 6732c6d4dec34c61850a1276
 title: What Is Memory Management, and How Does It Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: HJF89E-ODlw
 dashedName: what-is-memory-management-and-how-does-it-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
index b93d630963..a5f72166df 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-core-javascript-fundamentals/6732c6e281c14a61c4858361.md
@@ -2,7 +2,7 @@
 id: 6732c6e281c14a61c4858361
 title: What Are Closures, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: J4ZBwMbDAgE
 dashedName: what-are-closures-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
index 38797fe0ea..aafb368aab 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733aae9d25004f60d1e86f2.md
@@ -2,7 +2,7 @@
 id: 6733aae9d25004f60d1e86f2
 title: What Are Some Ways to Validate Forms Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: azh-Mh6dxyo
 dashedName: what-are-some-ways-to-validate-forms-using-javascript
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
index 614a257d86..ad0285c05d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3a33abdd27cd562bdf2.md
@@ -2,7 +2,7 @@
 id: 6733d3a33abdd27cd562bdf2
 title: What Is the Purpose of e.preventDefault?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gBUdCKcBJSg
 dashedName: what-is-the-purpose-of-e-preventdefault
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
index 74b2c72627..31b4d3e0b3 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-form-validation/6733d3ab69e94b7df7ee91b0.md
@@ -2,7 +2,7 @@
 id: 6733d3ab69e94b7df7ee91b0
 title: How Does the Submit Event Work with Forms?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EWGb5yFyQs4
 dashedName: how-does-the-submit-event-work-with-forms
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
index 10957f235f..4c8b910483 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6733b0451d6be0065430b418.md
@@ -1,14 +1,75 @@
 ---
 id: 6733b0451d6be0065430b418
 title: What Is Functional Programming?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-functional-programming
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functional programming is about writing code that is clean, predictable, and easier to test and debug. Two key concepts we'll explore today are pure functions and avoiding side effects.
+
+Let's start with pure functions.
+
+A pure function is a function that, given the same input, will always return the same output, and it doesn't modify anything outside of itself.
+
+Here's an example of a pure function:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+```
+
+This function is pure because it always returns the same result for the same inputs, and it doesn't change anything outside of itself. No matter how many times you call `add(2, 3)`, it will always return `5`, and it won't affect any other part of your program.
+
+Now, let's contrast this with an impure function:
+
+```js
+let total = 0;
+function addToTotal(value) {
+  total += value;
+  return total;
+}
+```
+
+This function is impure because it modifies a variable outside of itself (`total`). The result of `addToTotal(5)` will be different depending on what `total` was before the function was called. This unpredictability can make our code harder to understand and debug.
+
+This brings us to our next important concept and that is side effects.
+
+A side effect is any change that occurs in the state of the program when a function is called. This could include modifying a global variable, writing to a file, or making an API call.
+
+Pure functions have no side effects but impure functions have these.
+
+Avoiding side effects is a key principle of functional programming. When we minimize side effects, our code becomes more predictable and easier to test.
+
+While writing code, our main goal should be to make functions do one thing and they should do it very well without changing other parts of our program.
+
+Here's an example of a function with a side effect:
+
+```js
+function greet(name) {
+  console.log(`Hello, ${name}!`);
+}
+```
+
+This function has a side effect because it interacts with the outside world by logging to the console.
+
+In functional programming, we might rewrite this as:
+
+```js
+function greet(name) {
+  return `Hello, ${name}!`;
+}
+console.log(greet("Alice"));
+```
+
+Now `greet` is a pure function that simply returns a string, and we handle the side effect (logging to the console) separately.
+
+Functional programming encourages us to compose our programs using pure functions by breaking our code into small, predictable pieces. And thus, we can build programs that are easier to understand, test, and maintain.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
index 435dd0013d..39cae08a55 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-functional-programming/6734061fe116df617a564a37.md
@@ -1,14 +1,56 @@
 ---
 id: 6734061fe116df617a564a37
 title: What Is Currying, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-currying-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Currying is a technique where we transform a function that takes multiple arguments into a sequence of functions, each taking a single argument.
+
+Let's start with a basic example. Imagine we have a function that adds two numbers:
+
+```js
+function add(a, b) {
+  return a + b;
+}
+
+console.log(add(3, 4)); // Output: 7
+```
+
+This is a function that takes two arguments and returns their sum. Now, let's see how we can curry this function:
+
+```js
+function curriedAdd(a) {
+  return function(b) {
+    return a + b;
+  }
+}
+
+console.log(curriedAdd(3)(4)); // Output: 7
+```
+
+In this curry converted code, instead of taking two arguments at once, we have a function that takes the first argument and returns another function. This returned function then takes the second argument and performs the addition. We call it like `curriedAdd(3)(4)`, where each pair of parentheses represents a function call.
+
+But why would we want to do this?
+
+Currying allows us to create some special functions easily. For example, we could create a function that always adds five to any number:
+
+```js
+const addFive = curriedAdd(5);
+console.log(addFive(10)); // Output: 15
+console.log(addFive(20)); // Output: 25
+```
+
+Here, `addFive` is a function that's always ready to add five to whatever number we give it. This is a simple example of partial application, where we fix a certain number of arguments to a function, producing another function that takes fewer arguments.
+
+While our examples have focused on functions with two arguments, currying can be applied to functions with any number of arguments.
+
+As you continue your journey in JavaScript, you'll likely find many situations where currying can make your code cleaner and more expressive.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
index 4db556f700..77979f32f6 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/6733affc29df1304e2c97e88.md
@@ -2,7 +2,7 @@
 id: 6733affc29df1304e2c97e88
 title: What Are Classes, and How Do They Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ap99e6plM10
 dashedName: what-are-classes-and-how-do-they-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
index e2e7faaaf7..da3b669de0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403ca2bb16658309e3632.md
@@ -2,7 +2,7 @@
 id: 673403ca2bb16658309e3632
 title: How Does the This Keyword Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Tt1v6kLAdMo
 dashedName: how-does-the-this-keyword-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
index a59505a833..b83eb10e2e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403d2aa52d8586a14a269.md
@@ -2,7 +2,7 @@
 id: 673403d2aa52d8586a14a269
 title: What Is Class Inheritance, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DNO-xTd5D70
 dashedName: what-is-class-inheritance-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
index 84531b6dff..50e53a924d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-classes-in-javascript/673403dbf5c9835898632c84.md
@@ -2,7 +2,7 @@
 id: 673403dbf5c9835898632c84
 title: What Are Static Properties and Methods in Classes?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xDIqlqh6_EU
 dashedName: what-are-static-properties-and-methods-in-classes
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
index f4336f8d2d..0280a627cf 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672aa86da9937560d3dfe3d6.md
@@ -2,7 +2,7 @@
 id: 672aa86da9937560d3dfe3d6
 title: What Are Common Use Cases for Using Floats, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xUr2Oh1KE8I
 dashedName: what-are-common-use-cases-for-using-floats
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
index e145d64473..d9b6146d33 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a84fb8d4613776cc99e.md
@@ -2,7 +2,7 @@
 id: 672c3a84fb8d4613776cc99e
 title: What Is Relative Positioning, and How Does This Differ from the Default Static Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3BO43MUDd8Q
 dashedName: what-is-relative-positioning
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
index db49a6e67b..e81f1e77fc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a8fac7c5613b4bb75de.md
@@ -2,7 +2,7 @@
 id: 672c3a8fac7c5613b4bb75de
 title: What Is Absolute Positioning, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KaTb9CL9lMQ
 dashedName: what-is-absolute-positioning
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
index 180cf0866c..703bafa815 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3a9d32c56113fcaedf24.md
@@ -2,7 +2,7 @@
 id: 672c3a9d32c56113fcaedf24
 title: What Is Fixed and Sticky Positioning, and How Does It Differ from Absolute Positioning?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: H7sJoYv_zmA
 dashedName: what-is-fixed-and-sticky-positioning
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
index 1a25bd0249..b21819ecc3 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-how-to-work-with-floats-and-positioning-in-css/672c3aa9bc3a481425cb52b3.md
@@ -2,7 +2,7 @@
 id: 672c3aa9bc3a481425cb52b3
 title: What Is the Z-Index Property, and How Does It Work to Control the Stacking of Positioned Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IkEM5npJM5E
 dashedName: what-is-the-z-index-property
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
index cccaf8c884..46366eb342 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-modules-imports-and-exports/67329fd6ad99c75d4a4b74e4.md
@@ -2,7 +2,7 @@
 id: 67329fd6ad99c75d4a4b74e4
 title: What Is a Module in JavaScript, and How Can You Import and Export Modules in Your Program?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mGPyLJLTUpo
 dashedName: what-is-a-module-in-javascript-and-how-can-you-import-and-export-modules-in-your-program
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
index d9ca791db7..1406e683c1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-recursion-and-the-call-stack/6733b02d1e556005a544c5e3.md
@@ -1,14 +1,144 @@
 ---
 id: 6733b02d1e556005a544c5e3
 title: What Is Recursion, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-recursion-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let’s learn how recursion works in JavaScript.
+
+Recursion is a complicated feature that allows you to call a function repeatedly until a base-case is reached. Unlike a traditional loop, recursion allows you to handle something with an unknown depth, such as deeply nested objects/arrays, or a file tree. But you can also use it for more basic tasks, such as counting down from a given number.
+
+Let’s construct a function to do exactly that. We’ll call our function recursiveCountdown, and it needs to accept a number. We’ll have it print this number to the console:
+
+```js
+const recursiveCountdown = (number) => {
+  console.log(number);
+};
+```
+
+Now if we call this and pass the number 5, we’ll see the number print to our terminal. But nothing else happens – and the number 5 certainly isn’t a countdown.
+
+Before we start building the recursive portion of our function, we need to establish our base case first. If you don’t have a base case established, your code will run until it exceeds your memory allocation and crashes.
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+For our base case, we want the countdown to stop if the number is less than 1. When we hit that base-case, we can return to break out of the function execution.
+
+Now that we’ve safely prepared a base-case, we can set up the recursion. The key point that makes a function recursive is that it calls itself in its execution. In this case, we want to call the function after we print the number. But in order to count down, our new number needs to be one less:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    console.log(number);
+    recursiveCountdown(number - 1);
+  };
+
+recursiveCountdown(5); // 
+```
+
+This would log the numbers 5, 4, 3, 2, and 1 to the console.
+
+We do get our five numbers! But what if we wanted to count up instead? Rather than writing an entirely new function, we can swap the order of our log and our recursive call:
+
+```js
+const recursiveCountdown = (number) => {
+    if (number < 1) {
+        return;
+    }
+    recursiveCountdown(number - 1);
+    console.log(number);
+  };
+
+recursiveCountdown(5);
+```
+
+This would log the numbers 1, 2, 3, 4, and 5 to the console.
+
+But why does that work? Well, to understand this you need to understand the call stack. The call stack is how JavaScript tracks and resolves function calls. The stack functions as a last-in-first-out queue of sorts. To understand this better, let’s add some logging to our function:
+
+```js
+const recursiveCountdown = (number) => {
+    console.log(`Function execution started for number: ${number}`);
+    if (number < 1) {
+        console.log(`Base case reached, begin resolving stack`);
+        return;
+    }
+    console.log(`Calling recursiveCountdown with number: ${number - 1}`);
+    recursiveCountdown(number - 1);
+    console.log(`Function execution completed for number: ${number}`);
+  };
+
+recursiveCountdown(5);
+```
+
+We’ve added four key statements here. The first log runs when a function call begins executing. The third log runs just before the recursive function is called. And the fourth log runs when the function execution has ended. The result is:
+
+```md
+Function execution started for number: 5
+Calling recursiveCountdown with number: 4
+Function execution started for number: 4
+Calling recursiveCountdown with number: 3
+Function execution started for number: 3
+Calling recursiveCountdown with number: 2
+Function execution started for number: 2
+Calling recursiveCountdown with number: 1
+Function execution started for number: 1
+Calling recursiveCountdown with number: 0
+Function execution started for number: 0
+Base case reached, begin resolving stack
+Function execution completed for number: 1
+Function execution completed for number: 2
+Function execution completed for number: 3
+Function execution completed for number: 4
+Function execution completed for number: 5
+```
+
+But how does this happen? Well, this is where the call stack comes in to play. When we call `recursiveCountdown(5)`, that function call is added to the call stack.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(4)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(4)` gets added to the call stack, on top of the `recursiveCountdown(5)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(3)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(3)` gets added to the call stack, on top of the `recursiveCountdown(4)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(2)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(2)` gets added to the call stack, on top of the `recursiveCountdown(3)`.
+
+When that function call reaches the point where it needs to call `recursiveCountdown(1)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(1)` gets added to the call stack, on top of the `recursiveCountdown(2)`.
+
+And finally, when that function call reaches the point where it needs to call `recursiveCountdown(0)`, it has to stop and wait for that result. Meanwhile, our `recursiveCountdown(0)` gets added to the call stack, on top of the `recursiveCountdown(1)`.
+
+But `recursiveCountdown(0)` doesn’t call another function – it hits our base case, where it returns early. Because the execution of that function has ended, the function call can be considered “resolved”. When the call is resolved, it’s removed from the stack.
+
+Now our `recursiveCountdown(1)` is no longer waiting on that call – it’s at the top of the stack and can resume executing.
+
+`recursiveCountdown(1)` resolves, is removed from the stack, and allows `recursiveCountdown(2)` to resume execution.
+
+`recursiveCountdown(2)` resolves, is removed from the stack, and allows `recursiveCountdown(3)` to resume execution.
+
+`recursiveCountdown(3)` resolves, is removed from the stack, and allows `recursiveCountdown(4)` to resume execution.
+
+`recursiveCountdown(4)` resolves, is removed from the stack, and allows `recursiveCountdown(5)` to resume execution.
+
+And `recursiveCountdown(5)` resolves and is removed from the stack. Our call stack is now empty, so the recursion is complete!
+
+This is a basic overview of how recursion works in JavaScript. It’s a complicated concept, and you should play around with some code and log statements until you’re comfortable with the behavior of the call stack.
+
+For a little fun fact, we talked about how a lack of a base-case can cause your code to crash when it runs out of memory. This is because the recursion keeps piling more and more function calls into the call stack until the stack overflows. Just like the name of the popular programming community.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
index 7e2662b831..8b15a1fa60 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/6732a06aed1b095f57b0bb82.md
@@ -2,7 +2,7 @@
 id: 6732a06aed1b095f57b0bb82
 title: What Is the Change Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 87w0nfXZhss
 dashedName: what-is-the-change-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
index 5eb1995853..d5ef623ff0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-understanding-the-event-object-and-event-delegation/67338e93b75977a344cf6d40.md
@@ -2,7 +2,7 @@
 id: 67338e93b75977a344cf6d40
 title: How Do Event Bubbling, and Event Delegation Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9yeVpWaYwMU
 dashedName: how-do-event-bubbling-and-event-delegation-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md b/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
index 046c33cb15..a38b58bf7d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bafe4ef812b78696b0e27.md
@@ -50,7 +50,7 @@ The name of the feature is a clue to its purpose.
 
 ## --text--
 
-Why is not a good idea to use pure black backgrounds with white text in dark mode?
+Why is it not a good idea to use pure black backgrounds with white text in dark mode?
 
 ## --answers--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md b/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
index 96e9d87863..13bcc49923 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672baffc684be178dd02fa06.md
@@ -46,7 +46,7 @@ Think about the user experience
 
 ## --video-solution--
 
-3
+1
 
 ## --text--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md b/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
index 7bf2b03135..b3cc62f425 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-user-centered-design/672bb009952c7a7904a750cb.md
@@ -18,7 +18,7 @@ What is infinite scrolling?
 
 ## --answers--
 
-A design pattern to change the scrollbar on the page.
+A design pattern that changes the scrollbar on the page.
 
 ### --feedback--
 
@@ -26,7 +26,7 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern to change size of the page.
+A design pattern that changes the size of the page.
 
 ### --feedback--
 
@@ -42,15 +42,11 @@ Review the beginning of the video when this concept is introduced.
 
 ---
 
-A design pattern that breaks up content into pages.
-
-### --feedback--
-
-Review the beginning of the video when this concept is introduced.
+A design pattern that loads more content as the user scrolls down the page
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
index 501388fb55..6e3678f0a1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-user-interface-design-fundamentals/672baad7bbc4f86762ca173e.md
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What is alignment in design?
+What is the importance of balance in design when placing images?
 
 ## --answers--
 
-The distribution of visual weight in a design.
+To ensure images are the right size.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The order in which elements are viewed on a page.
+To make images accessible to all users
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ---
 
-The placement of elements in relation to each other.
+To create a harmonious design by distributing visual weight.
 
 ---
 
-The size of an image in relation to the space it occupies.
+To improve the resolution of images.
 
 ### --feedback--
 
-Think about how images are placed in the layout of a design.
+Think about how text and images work together in a design.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
index bed2785ba2..ad39683131 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734ddabad59e593a49afafe.md
@@ -2,7 +2,7 @@
 id: 6734ddabad59e593a49afafe
 title: Welcome Message from Quincy
 challengeType: 24
-videoId: nVAaxZ34khk
+videoId: KwZkXwDUc1o
 dashedName: welcome-message-from-quincy
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
index 50014e458c..cfa1be8adc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2c5780912abd874e79c.md
@@ -2,7 +2,7 @@
 id: 6734e2c5780912abd874e79c
 title: How Does the Certification Process Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: v27_UwsNiUE
 dashedName: how-does-the-certification-process-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
index 2bd0446801..339890c9ab 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6734e2dcb965e5ac0ea38e0f.md
@@ -1,9 +1,9 @@
 ---
 id: 6734e2dcb965e5ac0ea38e0f
-title: How to Develop Effective Learning Habits
+title: How Can You Build Effective Learning Habits and Work Smarter?
 challengeType: 11
-videoId: nVAaxZ34khk
-dashedName: how-to-develop-effective-learning-habits
+videoId: tnp3tOg9oBM
+dashedName: how-can-you-build-effective-learning-habits-and-work-smarter
 ---
 
 # --description--
@@ -14,20 +14,108 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How to Develop Effective Learning Habits question?
+What does the "Pace yourself" tip emphasize as key to making progress through the curriculum?
 
 ## --answers--
 
-Answer 1
+Learning as much as possible all in one day
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+---
+
+Completing the curriculum without breaks
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
 
 ---
 
-Answer 2
+Working a little bit each day
+
+---
+
+Stopping frequently whenever it feels hard
+
+### --feedback--
+
+It's about treating coding like a marathon rather than a sprint.
+
+## --video-solution--
+
+3
+
+## --text--
+
+What is the main benefit of establishing a coding routine?
+
+## --answers--
+
+It doubles the amount of learning in half the time
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It reduces the need for sleep
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+---
+
+It helps make coding a habit that requires less willpower
+
+---
+
+It eliminates the need for practice or repetition
+
+### --feedback--
+
+Think about what happens after you wake up 30 minutes earlier every day to code.
+
+## --video-solution--
+
+3
+
+## --text--
+
+How does the Pomodoro technique help with starting a coding session?
+
+## --answers--
+
+It guarantees you will code for hours without stopping
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It instantly makes you a faster coder by strictly timing every keystroke
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
+
+---
+
+It automatically determines which tasks you should work on, removing the need for planning
+
+### --feedback--
+
+You set a timer for a short, fixed amount of time to break the initial resistance.
 
 ---
 
-Answer 3
+It makes it easier to begin coding by committing to just 25 minutes
 
 ## --video-solution--
 
-1
+4
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
new file mode 100644
index 0000000000..60c6525ae0
--- /dev/null
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-welcome-to-freecodecamp/6763500bd5a85d5898cc21a9.md
@@ -0,0 +1,121 @@
+---
+id: 6763500bd5a85d5898cc21a9
+title: How do Most People Learn Effectively?
+challengeType: 11
+videoId: ybpwBqa56-s
+dashedName: how-do-most-people-learn-effectively
+---
+
+# --description--
+
+Watch the lecture video and answer the questions below.
+
+# --questions--
+
+## --text--
+
+What is the concept called where learning is spread out over time, allowing sleep to reinforce memory structures?
+
+## --answers--
+
+Spaced Repetition
+
+---
+
+Speed Reading
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Memorization
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+---
+
+Passive Review
+
+### --feedback--
+
+This concept emphasizes learning a bit each day rather than all at once.
+
+## --video-solution--
+
+1
+
+## --text--
+
+Which learning approach involves switching between different concepts or skills during a single study session to keep your thinking flexible?
+
+## --answers--
+
+Focused Immersion
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Interleaving Practice
+
+---
+
+Highlighting Notes
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+---
+
+Mental Mapping
+
+### --feedback--
+
+It’s the technique that mixes things up to prevent your brain from getting stuck on one track.
+
+## --video-solution--
+
+2
+
+## --text--
+
+What strategy helps you overcome the illusion of competence by actively testing your understanding through quizzes and exercises?
+
+## --answers--
+
+Passive Listening
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Rereading Notes
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+---
+
+Active Recall
+
+---
+
+Watching Tutorials Only
+
+### --feedback--
+
+It’s the method where you try to recall information without looking at the answers first.
+
+## --video-solution--
+
+3
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md b/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
index b10d5af014..cac2bfd8ad 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc03c257524d6a5151e8.md
@@ -92,30 +92,30 @@ Which of the following units can be used to set the `width` or `height` of an el
 
 `px`, `%`, and `em`.
 
-### --feedback--
-
-CSS allows various units to set dimensions.
-
 ---
 
-`px`, `vh`, and `vw`.
+`pxx`, `depth`, and `radius`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
-`cm`, `vh`, and `rem`.
+`%%`, `mb`, and `vel`.
 
 ### --feedback--
 
-CSS allows various units to set dimensions.
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
 
 ---
 
 All of the above
 
+### --feedback--
+
+Consider the different types of units available in CSS for setting dimensions, including absolute and relative units.
+
 ## --video-solution--
 
-4
+1
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
index c1a539a0ac..adebb0514c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc100d59d24da7b4e09c.md
@@ -120,13 +120,6 @@ Think about the combinator that targets elements that are direct children of a s
 
 Which CSS rule will style the first `p` element that immediately follows any `h1` element?
 
-```css
-h1 {
-  color: green;
-  font-size: 24px;
-}
-```
-
 ## --answers--
 
 ```css
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md b/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
index 64551994f4..4eed45a28e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-what-is-css/672acc3f6f3e3c4e31ec3e12.md
@@ -86,7 +86,7 @@ Consider how inline-block strikes a balance between inline flow and size control
 
 ## --text--
 
-In what situation would an element with d`isplay: inline-block;` behave differently than one with `display: block;`?
+In what situation would an element with `display: inline-block;` behave differently than one with `display: block;`?
 
 ## --answers--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
index cfbae628d8..81ec4e45e7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733ab12b60bd7f6b2b0b0c0.md
@@ -1,14 +1,26 @@
 ---
 id: 6733ab12b60bd7f6b2b0b0c0
 title: How Does the Audio Constructor Work, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-does-the-audio-constructor-work-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the Audio constructor and its common methods.
+
+The `Audio` constructor, like other constructors, is a special function called with the `new` keyword. It returns an HTMLAudioElement, which you can then use to play audio for the user, or append to the DOM for the user to control themselves.
+
+When you call the constructor, you can optionally pass a URL as the (only) argument. This URL should point to the source of the audio file you want to play. Or, if you need to change the source dynamically, you can assign the URL to the `src` property of the returned audio element.
+
+The returned audio element offers various methods for controlling the audio. You'll most likely use the `play()` method, which begins audio playback. There is also the `pause()` method, which pauses the audio playback but preserves the current location in the track allowing `play()` to resume playback from that point.
+
+You might expect there to be a `stop()` method, to pause audio playback and reset the track to the beginning. But instead, you should call `pause()` and set the `currentTime` property directly.
+
+Finally, the `canPlayType()` method can be used to determine if a browser is likely to be able to play your specific audio format. You will learn about audio and video formats in the next lecture.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
index 58373912a7..d967dd3b0d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8203da84a08a0f5eab4.md
@@ -1,14 +1,34 @@
 ---
 id: 6733d8203da84a08a0f5eab4
 title: What Are the Different Types of Video and Audio Formats?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-the-different-types-of-video-and-audio-formats
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about the different types of audio and video formats.
+
+You have probably heard of, or even used, a few common ones. If the terms MP3, MP4, MOV, or WebM are familiar to you, those are all different formats for video and audio. And there are quite a few more that are available.
+
+Before we dive in to file formats, we need to talk about MIME types. A MIME type, standing for Multipurpose Internet Mail Extensions, is a standardized way to programmatically indicate a file type.
+
+Nearly every file format has a MIME type. HTML, for example, has the type `text/html`. A JSON object has the type `application/json`. Even a Windows `.exe` installer has a MIME type: `application/vnd.microsoft.portable-executable`.
+
+The MIME type can tell an application, such as your browser, how to handle a specific file. In the case of audio and video, the MIME type indicates it is a multimedia format that can be embedded in the web page.
+
+An MP3 file has the MIME type `audio/mp3`. An MP4, however, can have the MIME type `audio/mp4` OR `video/mp4`, depending on whether it's a video file or audio-only. This distinction tells the browser how to handle the file.
+
+There are plenty of other file formats, such as the waveform format WAV, the multipurpose OGG, WMV for the Windows media player, the open source MKV, and many more.
+
+Knowing the differences between these file formats can help you ensure your users get the best experience, but sometimes you can't know what format a user's computer will support (or not support). Thankfully, `video` and `audio` elements both support the `source` element.
+
+With the `source` element, you can specify a file type and `source` and can include multiple different types by using multiple `source` elements. When you do this, the browser will determine the best format to use for the user's current environment.
+
+This takes away the guess work and allows you to focus on building engaging applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
index 48a10a8aea..5011bcafef 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d829d983c008d2db41a1.md
@@ -1,14 +1,28 @@
 ---
 id: 6733d829d983c008d2db41a1
 title: What Is Codecs and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-codecs-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about codecs and how they work.
+
+If you have worked with videos or audio before, you may have heard about codecs. A codec, short for “encoder/decoder", is an algorithm or software that can convert audio and video between analogue and digital formats.
+
+Codecs can be specified as part of the MIME type. The basic syntax to define a codec is to add a semi-colon after the media type, then `codecs=` and the codec.
+
+For example, an OGG audio file which uses the Vorbis codec might have a MIME type of `audio/ogg; codecs=vorbis`. Or, if a file supports multiple codecs, you can specify them as comma separated, but must surround them with quotes: `video/webm; codecs="vp8, vorbis"`.
+
+But some file types have a much more complicated syntax for codecs. For example, an MP4 might have a codec of `codecs="avc1.4d002a"`, indicating it was encoded with H.264.
+
+But when might you actually use these? Well, you can include them in the `type` attribute for a `source` element. This allows you to specify different codecs for the same format, giving the browser more granular options when determining which format to use for that user's environment.
+
+But you can also use them as part of the MIME type you pass to the global `MediaSource.isTypeSupported()` method. This method accepts a MIME-type, and returns `true` if the environment is likely to support it. Or rather, it returns `false` if it fails to instantiate a buffer for that file type. This approach allows you to programmatically select a source yourself, rather than relying on whatever the browser determines is “best".
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
index 25cc9e69db..ab8985556b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d83630e76f08ff49e6dc.md
@@ -1,14 +1,32 @@
 ---
 id: 6733d83630e76f08ff49e6dc
 title: What Is the HTMLMediaElement API and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-htmlmediaelement-api-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The HTMLMediaElement API is a powerful tool to control the behavior of audio and video elements on your page. It extends the base HTMLElement interface, so you have access to the base properties as well as these helpful methods.
+
+You've already explored some of the methods in a previous lecture about the Audio element, such as `play()` and `pause()`. These same methods are available on video elements as well.
+
+There are some other helpful methods, such as the `addTextTrack()` method. This method allows you to specify a text track to associate with the media element which is especially helpful for adding subtitles to a video.
+
+Or the `fastSeek()` method, which allows you to move the playback position to a specific time within the media.
+
+The HTMLMediaElement API also provides access to some new events that a standard element does not have.
+
+The `play` and `pause` events are fired when the media starts and stops playing. The `ended` event fires when the end of the media has been reached.
+
+The `waiting` event fires when playback is automatically paused due to data buffering.
+
+And the `canplay` and `canplaythrough` events fire when the media can be partially played, or played in totality.
+
+The HTMLMediaElement offers a great deal of control over your interactive media, and we've only scratched the surface. I encourage you to explore and experiment with the API to find the best ways to integrate it with your applications.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
index 9ad78c1c1a..7b30a960f7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d852175df50937f06061.md
@@ -1,14 +1,58 @@
 ---
 id: 6733d852175df50937f06061
 title: How Can You Work with the Media Streams to Capture Video and Audio from a Local Device?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-work-with-the-media-streams-getusermedia-to-capture-video-and-audio-from-a-local-device
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Instead of playing audio and video, you may sometimes want to capture audio or video. The Media Capture and Streams API, or the MediaStream API, allows you to do this.
+
+In order to use the API, however, you need to create the `MediaStream` object. You could do this with the constructor, but it would not be tied to the user's hardware. Instead, the `mediaDevices` property of the global `navigator` object has a `getUserMedia()` method for you to use.
+
+This method accepts a single `constraints` object which defines the type of media you want to receive. This object has an `audio` and `video` property, reflecting audio and video streams. These properties can be `false`, if you do not want to receive that type of stream, `true` if you do, or objects defining additional constraints.
+
+For example, you can require a specific resolution of video output:
+
+```js
+window.navigator.mediaDevices.getUserMedia({
+  audio: true,
+  video: {
+    width: {
+      min: 1280,
+      ideal: 1920,
+      max: 3840
+    },
+    height: {
+      min: 720,
+      ideal: 1080,
+      max: 2160
+    }
+  }
+});
+```
+
+This constraint object specifies minimum and maximum resolutions for the video feed. The `ideal` property specifies the resolution you'd most like to have – and the stream will provide the resolution closest to your ideal.
+
+Once you've created your MediaStream (assuming the user approves the automated request to access their hardware), you can use the stream data however you need.
+
+Note that `getUserMedia()` returns a Promise, which means you will either need a callback function to consume the stream, or use async/await syntax. You will learn more about Promises and asynchronous programming in future lectures.
+
+Here's a basic example which renders the user's webcam feed to the page.
+
+```js
+const video = document.querySelector("video");
+const stream =
+  await window.navigator.mediaDevices.getUserMedia({ video: true });
+video.srcObject = stream;
+await video.play();
+```
+
+It is worth noting that this API does not offer access to screen capture. You'll learn about that API in the next lecture.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
index 9a2ccc881f..33008c9aa9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-audio-and-video/6733d8606fb893099e3d0df3.md
@@ -1,14 +1,26 @@
 ---
 id: 6733d8606fb893099e3d0df3
 title: What Are Some Other Examples of Video and Audio APIs?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-other-examples-of-video-and-audio-apis
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+You've learned about the HTMLMediaElement and MediaStreams APIs, but there are a few more APIs that can be quite helpful in working with video and audio.
+
+The first is the Screen Capture API. As the name might suggest, this API allows you to record a user's screen. This API is exposed by calling the `getDisplayMedia()` method of the `mediaDevices` object and consuming the returned media stream.
+
+Then there is the MediaStream Recording API. This API works in tandem with the MediaStreams APIs, allowing you to record a MediaStream (or even an HTMLMediaElement directly). It then fires `dataavailable` events with Blob payloads you can write to the local file storage.
+
+Underlying all of this technology is the Media Source Extensions API. The Media Source Extensions API is what allows you to directly pass a user's webcam feed to a video element with the `srcObject` property, for example.
+
+And finally, the Web Audio API which powers everything audible on the web. This API includes important objects like an `AudioBuffer` (representing a Buffer specifically containing audio data) or the `AudioContext`.
+
+And that wraps up our lectures on audio and video!
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
index 7cb6ef94dc..17ccf4a3d7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ab64775d35f78f5238fe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ab64775d35f78f5238fe
 title: What Does CRUD Stand For, and How Do the Basic Operations Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-does-crud-stand-for-and-how-do-the-basic-operations-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+CRUD is an acronym that stands for Create, Read, Update, and Delete. These are the four operations of persistent storage.
+
+Persistent storage refers to saving data in a way that makes it available even after the power is turned off or the device is restarted.
+
+Understanding how the basic operation of CRUD works is crucial to web development because it forms the foundation for working with databases and building applications where users can add, view, modify, and delete data.
+
+Now, let’s take a look at each part of CRUD more closely
+
+- Create refers to the process of creating new data. For example, in a web app, this could be when a user adds a new post to a blog.
+
+- Read is the operation where data is retrieved from a database. For instance, when you visit a blog post or view your profile on a website, you’re performing a read operation to fetch and display data stored in the database.
+
+- Update involves modifying existing data in the database. An example would be editing a blog post or updating your profile information.
+
+- Delete is the operation that removes data from a database. For instance, when you delete a blog post or account, you’re performing a delete operation.
+
+CRUD is used when working with databases, the UI, and RESTful APIs. RESTful APIs are a set of conventions for building web services that allow the client to interact with a database or backend system by performing CRUD operations through standard HTTP methods.
+
+HTTP stands for Hypertext Transfer Protocol and it is the foundation for data communication on the web. There are HTTP methods which define the actions that can be performed on resources over the web. The common methods are `GET`, `POST`, `PUT`, `PATCH`, `DELETE`.
+
+You will learn more about RESTful APIs and HTTP in future videos, but here is a quick break down of how CRUD maps to the different HTTP methods.
+
+- `POST` is used to create a new resource.
+
+- `GET` is used to retrieve or read data.
+
+- `PUT` is used to update a resource by replacing it entirely.
+
+- `PATCH` is used to partially update a resource.
+
+- `DELETE` is used to remove a resource.
+
+Here’s an example of how CRUD operations might be represented in code using a simple array in JavaScript:
+
+```js
+let items = [];
+
+// Create
+function createItem(item) {
+  items.push(item);
+}
+
+// Read
+function readItems() {
+  return items;
+}
+
+// Update
+function updateItem(index, newItem) {
+  items[index] = newItem;
+}
+
+// Delete
+function deleteItem(index) {
+  items.splice(index, 1);
+}
+
+// Example Usage
+createItem('Book');
+console.log(readItems()); // ['Book']
+updateItem(0, 'Magazine');
+console.log(readItems()); // ['Magazine']
+deleteItem(0);
+console.log(readItems()); // []
+```
+
+In this example:
+
+- We create an item by pushing it into an array.
+
+- We read the items by returning the array.
+
+- We update an item by modifying the array element at a given index.
+
+- We delete an item by removing it from the array using splice().
+
+This is a basic representation of how CRUD operations work at a conceptual level.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
index dffd025eb2..c60ca2e42e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff4a9319c8486750886c.md
@@ -1,14 +1,80 @@
 ---
 id: 6733ff4a9319c8486750886c
 title: What Is localStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-localstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Web Storage API provides a mechanism for browsers to store key-value pairs right within the browser, allowing developers to store information that can be used across different page reloads and sessions.
+
+The two main components in the Web Storage API are `localStorage` and `sessionStorage`.
+
+`localStorage` is the part of the Web Storage API that allows data to persist even after the browser window is closed or the page is refreshed. This data remains available until it is explicitly removed by the application or the user.
+
+`sessionStorage` is another part of the Web Storage API that stores data for the duration of the page session, meaning the data is available as long as the browser tab or window is open. However, unlike `localStorage`, the data in `sessionStorage` is cleared when the tab or window is closed. You will learn more about `sessionStorage` in the next video.
+
+Common use cases for `localStorage` include storing user settings, such as themes or language preferences, remembering form data across browser sessions, and caching small pieces of information to improve the performance of web apps.
+
+Caching refers to storing frequently accessed data in a temporary storage location, known as a cache, so that subsequent requests for that data can be served more quickly without having to recompute or fetch it from a slower data source, such as a database or external server.
+
+Some common `localStorage` methods include the `setItem`, `getItem`, `removeItem` and `clear` methods.
+
+Here is an example of using the `setItem()` method which stores a key-value pair in `localStorage`.
+
+```js
+localStorage.setItem('username', 'JaneDoe');
+```
+
+Then if we want retrieve that value of a given key from `localStorage`, we can use the `getItem()` method.
+
+```js
+let username = localStorage.getItem('username');
+console.log(username); // JaneDoe
+```
+
+To remove an item from `localStorage` using its key, you can use the `removeItem()` method.
+
+```js
+localStorage.removeItem('username');
+```
+
+To clear all data in `localStorage`, you can use the `clear()` method.
+
+```js
+localStorage.clear();
+```
+
+Now, let’s take a look at an example where we use `localStorage` to store the preferred theme of a user.
+
+```js
+// Store the user's theme preference
+localStorage.setItem('theme', 'dark');
+
+// Retrieve the stored theme preference
+const userTheme = localStorage.getItem('theme');
+console.log(userTheme); // 'dark'
+
+// Remove the theme preference
+localStorage.removeItem('theme');
+
+// Clear all localStorage data
+localStorage.clear();
+```
+
+In this example:
+
+- We first store a theme choice (`dark`) for the user.
+
+- We then retrieve that theme and output it to the console.
+
+- Finally, we demonstrate how to remove a specific item or clear all stored data.
+
+`localStorage` is very useful for storing small pieces of data that need to persist between sessions, but it's important to note that `localStorage` should not be used to store sensitive information, such as passwords, because it can pose security risks.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
index b86ad69243..94f7696ea0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff5814129c48b4fca88e.md
@@ -1,14 +1,86 @@
 ---
 id: 6733ff5814129c48b4fca88e
 title: What Is sessionStorage, and What Are Some Common Methods?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-sessionstorage-and-what-are-some-common-methods
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture video, we learned about working with `localStorage` and were briefly introduced to `sessionStorage`.
+
+Recall, that `sessionStorage` is when the data is cleared as soon as the user closes the tab or window in which the web application is running. It’s ideal for situations where data only needs to persist for the length of a single session, such as maintaining form data during navigation or storing temporary state information during a checkout process.
+
+Much like `localStorage`, `sessionStorage` uses key-value pairs to store and retrieve data. The methods used with `sessionStorage` are also the same as `localStorage`, with the only real difference being how long the data is stored.
+
+Here are a few examples of working with the different methods:
+
+- `sessionStorage.setItem()`: Stores a key-value pair in `sessionStorage`.
+
+```js
+sessionStorage.setItem('cart', '3 items');
+```
+
+- `sessionStorage.getItem()`: Retrieves the value of a given key from `sessionStorage`.
+
+```js
+let cart = sessionStorage.getItem('cart');
+console.log(cart); // Outputs: '3 items'
+```
+
+- `sessionStorage.removeItem()`: Removes a specific item from `sessionStorage` using its key.
+
+```js
+sessionStorage.removeItem('cart');
+```
+
+- `sessionStorage.clear()`: Clears all data stored in `sessionStorage`.
+
+```js
+sessionStorage.clear();
+```
+
+Let’s look at an example where we store data in `sessionStorage` which only lasts as long as the browser tab or window is open:
+
+```js
+// Store data in sessionStorage
+sessionStorage.setItem('currentUser', 'JohnDoe');
+
+// Retrieve the stored data
+const user = sessionStorage.getItem('currentUser');
+console.log(user); // 'JohnDoe'
+
+// Remove a specific key from sessionStorage
+sessionStorage.removeItem('currentUser');
+
+// Clear all sessionStorage data
+sessionStorage.clear();
+```
+
+In this example, we:
+
+1. Store the current user’s name (`JohnDoe`) in `sessionStorage`.
+
+2. Retrieve and display it.
+
+3. Remove the item associated with the key `currentUser`.
+
+4. Clear all `sessionStorage` data.
+
+The key difference from `localStorage` is that as soon as the user closes the tab, all stored session data will be lost.
+
+`sessionStorage` is particularly useful in scenarios like:
+
+- Storing temporary data such as form entries during a multi-page form process.
+
+- Storing temporary selections or preferences that don’t need to persist across sessions.
+
+- Maintaining state on a single-page application that doesn’t need to be remembered once the tab is closed.
+
+`sessionStorage` ensures that once the user leaves the page, the session data is cleared, which is great for scenarios where you don’t want to hold onto information beyond the current session.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
index ebd5dca539..125dde804d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff6f02dde548ebe4a6d5.md
@@ -1,14 +1,70 @@
 ---
 id: 6733ff6f02dde548ebe4a6d5
 title: What Are Cookies, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cookies-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Cookies, also known as web cookies or browser cookies, are small pieces of data that a server sends to a user's web browser. These cookies are stored on the user's device and sent back to the server with subsequent requests.
+
+Cookies are essential in helping web applications maintain state and remember user information, which is especially important since HTTP is a stateless protocol.
+
+Cookies can store a variety of information such as user preferences, session data, or tracking information.
+
+Cookies are always stored as name-value pairs. This means each cookie has a name (key) and an associated value.
+
+For example, a cookie might store a user's session ID like this: `sessionId=abc123`. The key is `sessionId`, and the value is `abc123`. Each time the browser communicates with the server, the browser sends these cookies in the form of name-value pairs.
+
+When a user visits a website, the server can send one or more cookies to the user's browser by including a Set-Cookie header in the HTTP response. A header is a key-value pair that provides additional information about the HTTP request or response. You will learn more about HTTP requests and responses in future lectures.
+
+Once the cookies are set, the browser stores them and automatically includes them in the Cookie header with every subsequent request to the same domain. This allows the server to access the stored cookies and use them for things like maintaining user sessions or tracking preferences.
+
+Here’s an example of how a cookie is set in an HTTP response:
+
+```http
+Set-Cookie: sessionId=abc123; Expires=Wed, 21 Oct 2021 07:28:00 GMT; Secure; HttpOnly
+```
+
+The browser will store the cookie, and in future requests to the same server, it will include the cookie in the `Cookie` header:
+
+```http
+Cookie: sessionId=abc123
+```
+
+The server can then read the cookie and use the stored session ID to retrieve information about the user, such as whether they are logged in.
+
+Here is a breakdown of the different types of cookies.
+
+- Session Cookies only last for the duration of the user's session on the website. Once the user closes the browser or tab, the session cookie is deleted. These cookies are typically used for tasks like keeping a user logged in during their visit.
+
+- Persistent Cookies have an expiration date and remain stored on the user's device until that date is reached. Persistent cookies are often used for remembering user preferences or login details across sessions.
+
+- Secure Cookies are only sent over HTTPS, ensuring that they cannot be intercepted by an attacker in transit.
+
+- HttpOnly Cookies cannot be accessed or modified by JavaScript running in the browser, making them more secure against cross-site scripting (XSS) attacks. cross-site scripting (XSS) attacks happen when an attacker injects malicious scripts into a web page that is viewed by other users. These scripts can then execute in the context of the victim's browser, potentially stealing cookies, session data, or performing other malicious actions without the user's knowledge or consent. By marking cookies as HttpOnly, they are protected from being accessed via JavaScript, reducing the risk of such attacks.
+
+You can create cookies via server responses using the `Set-Cookie` header or through JavaScript using `document.cookie`.
+
+Here's an example of setting a cookie using JavaScript:
+
+```js
+document.cookie = "username=JohnDoe; expires=Fri, 31 Dec 2021 23:59:59 GMT; path=/";
+```
+
+This command sets a cookie named `username` with the value `"JohnDoe"` that will expire at the end of 2021. You can update an existing cookie by simply setting it again with a new value.
+
+To delete a cookie, you set its expiration date in the past:
+
+```js
+document.cookie = "username=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/";
+```
+
+This will remove the `username` cookie from the browser.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
index ca5ce5c517..dfb09c49e7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff8d06376149474a0c0d.md
@@ -1,14 +1,34 @@
 ---
 id: 6733ff8d06376149474a0c0d
 title: What Is the Cache API, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-cache-api-and-how-does-that-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The Cache API is used to store network requests and responses, making web applications work more efficiently and even function offline. It is part of the broader Service Worker API and is crucial for creating Progressive Web Apps (PWAs) that can work under unreliable or slow network conditions.
+
+Before we continue with the Cache API, we first need to understand how service workers, PWAs, and network requests work on a basic level.
+
+A Network request is a request made by a web browser or application to a server to retrieve data or resources over the internet. For example, when you visit a website, your browser sends a network request to the web server to get the files (such as HTML, images, or videos) needed to display the page.
+
+A service worker is a special type of JavaScript file that runs in the background of a web application, separate from the main browser thread. It acts as a middleman between the web page and the network, allowing developers to intercept network requests, cache resources, and handle things like push notifications or background sync.
+
+A PWA, or Progressive Web App, is a type of web application that uses modern web technologies to provide a native app-like experience on the web. PWAs are designed to work reliably on any device, regardless of network conditions, and can be accessed through a browser or installed on a user's device like a traditional app.
+
+Now that we have a better understanding of service workers, PWAs, and network requests, we can dive deeper into the Cache API.
+
+The Cache API is a storage mechanism that stores `Request` and `Response` objects. When a request is made to a server, the application can store the response and later retrieve it from the cache instead of making a new network request. This reduces load times, saves bandwidth, and improves the overall user experience.
+
+The browser provides a storage area known as Cache Storage, where developers can save key-value pairs of network requests and their corresponding responses.
+
+With the Cache-Control header, developers can specify how long a cached resource should remain stored, as well as whether it should be revalidated or served directly from the cache.
+
+By using the Cache API, developers can build offline-first web applications, allowing a PWA, for example, to serve cached assets when the user is disconnected from the network.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
index a6ec2d038a..88ab457a3e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ff9d2fb9c449af68ad99.md
@@ -1,14 +1,55 @@
 ---
 id: 6733ff9d2fb9c449af68ad99
 title: What Are Some Negative Patterns Associated with Client-Side Storage?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-some-negative-patterns-associated-with-client-side-storage
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Client-side storage allows websites to store data on a user's device. However, like many technologies, it can be misused.
+
+Let’s explore some negative patterns associated with client-side storage, focusing on cookies and their misuse for tracking and fingerprinting.
+
+Let's start with cookies.
+
+In an earlier lecture video, you learned that cookies are data stored on a user's device when they visit a web app. A common misuse of cookies is excessive tracking.
+
+Websites use cookies to track a user's interactions with a web app, creating a history of their digital activities. This is done for targeted advertising but can raise significant privacy concerns.
+
+For example, a shopping website might use a tracking cookie like this:
+
+```js
+document.cookie = "userID=123; path=/; expires=Thu, 18 Dec 2024 6:00:00 UTC";
+```
+
+This code sets a cookie named `userID` with a value of `123`. The cookie will be sent with every request to the website, allowing it to track the user's actions. While this might seem harmless, imagine hundreds of websites sharing this information – it could create a very detailed picture of your online life and choices.
+
+Another concerning practice is browser fingerprinting.
+
+This technique uses client-side information to create a unique "fingerprint" of a user's browser. Websites have the ability to gather information about your browser version, installed plugins, screen resolution, and other data to uniquely identify you.
+
+Here's a simple example of how a website can create a fingerprint of you:
+
+```js
+let fingerprintExample = navigator.userAgent + screen.width + screen.height;
+console.log(fingerprintExample);
+```
+
+This code combines your browser's user agent with your screen dimensions. While this is a basic example, real fingerprinting methods are much more complex and can be highly accurate in identifying users.
+
+Local Storage can also be misused as some websites use it to store sensitive information insecurely. For instance:
+
+```js
+localStorage.setItem('userPassword', 'someonesPasswordHere');
+```
+
+This code stores a user's password in Local Storage. This is a serious security risk as the data in Local Storage is not encrypted and can be accessed easily.
+
+In conclusion, while client-side storage offers many benefits, it's crucial to use it responsibly. As you continue your web development journey, always consider the privacy and security of your users' data on the client side.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
index 0cb2fd4f26..c4a0c18da7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffacd0ad1e49ec2af051.md
@@ -1,14 +1,46 @@
 ---
 id: 6733ffacd0ad1e49ec2af051
 title: How Can You Use Cookies to Store Arbitrary Data, Normally Controlled by HTTP Headers?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-use-cookies-to-store-arbitrary-data-normally-controlled-by-http-headers
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+As you learned in previous lectures, cookies are simple data that websites can store on a user's device.
+
+However, you can actually store more complex data structures in cookies. One common method is to use JSON to store objects or arrays. Here's an example:
+
+```js
+const userData = {
+  name: "John Doe",
+  age: 30,
+  role: "admin"
+};
+
+document.cookie = "userInfo=" + JSON.stringify(userData) + "; path=/";
+```
+
+In this example, we're creating an object with user data, converting it to a JSON string, and then storing it in a cookie. When we want to retrieve this data, we can parse the JSON string into an object using `JSON.parse()`.
+
+Now, you might be wondering about the “HTTP headers” aspect of our topic. Typically, cookies are set by the server using HTTP headers.
+
+For example, a server might send a header like this:
+
+```http
+Set-Cookie: username=John Doe; expires=Thu, 31 Dec 2024 6:00:00 IST; path=/
+```
+
+This header tells the browser to set a cookie.
+
+We can also set cookies directly in the browser using JavaScript. This is useful for storing data that doesn't need to be sent to the server immediately.
+
+Please note that cookies have a size limit of around 4KB, and storing too much data in them may slow down your web app.
+
+Storing large amounts of data in cookies can increase network traffic as cookies are sent with every HTTP request.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
index 5c8014fb7e..b9402a6abf 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffb59c62ee4a23522efe.md
@@ -1,14 +1,92 @@
 ---
 id: 6733ffb59c62ee4a23522efe
 title: What Is IndexedDB, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-indexeddb-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+IndexedDB is a tool for storing structured data in the browser. This is built into modern web browsers, allowing web apps to store and fetch JavaScript objects efficiently.
+
+Unlike other storage mechanisms like localStorage, which is limited to storing strings, IndexedDB can store JavaScript objects, files, and pretty much any other type of data. This makes it easy for web applications that need to work with large and complex data structures.
+
+Now, let's look at how IndexedDB works.
+
+The first step is to open a database. Here's an example:
+
+```js
+let request = indexedDB.open("Sample DB", 1);
+
+request.onerror = function(event) {
+  console.log("Error opening database");
+};
+
+request.onsuccess = function(event) {
+  let db = event.target.result;
+  console.log("Database opened successfully");
+};
+```
+
+In this code, we're opening a database named `"Sample DB"` with version 1. We provide two callback functions: one for handling errors, and another for when the database is successfully opened. The 'db' object we get in the success callback is what we'll use to interact with the database.
+
+If you check the browser dev tools application interface, you will see your `Sample DB` in the `IndexedDb` section has been opened. Once you have your database open, you can start working with object stores.
+
+Object stores in IndexedDB are similar to tables in traditional databases. They hold the actual data you want to store. Here's how to create an object store:
+
+```js
+request.onupgradeneeded = function(event) {
+  let db = event.target.result;
+  let objectStore = db.createObjectStore("customers", { keyPath: "id" });
+};
+```
+
+This code creates an object store named `"customers"` with `"id"` as its key path. The key path is like a primary key in a traditional database - it's used to uniquely identify each record.
+
+To add data to our object store, we'd do something like this. The `db` in this example represents the IndexedDB database instance.
+
+```js
+let transaction = db.transaction(["customers"], "readwrite");
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.add({ id: 1, name: "John Doe", email: "john@example.com" });
+
+request.onerror = function(event) {
+  console.log("Error adding data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Data added successfully");
+};
+```
+
+This code adds a new customer to our `"customers"` object store. We start a transaction (which is how we group database operations), get a reference to our object store, and then add our data.
+
+Retrieving data works in a similar way. We start a transaction, get our object store, and then use methods like `get` to retrieve data:
+
+```js
+let transaction = db.transaction(["customers"]);
+let objectStore = transaction.objectStore("customers");
+let request = objectStore.get(1);
+
+request.onerror = function(event) {
+  console.log("Error retrieving data");
+};
+
+request.onsuccess = function(event) {
+  console.log("Customer:", request.result);
+};
+```
+
+This code retrieves the customer with `id` `1` from our `"customers"` object store.
+
+One of the key features of IndexedDB is that it's asynchronous.
+
+This means that when you interact with IndexedDB, operations don't block the main thread of the web application. This ensures that your web application remains responsive even when dealing with large amounts of data.
+
+While IndexedDB provides powerful capabilities, it has a steeper learning curve compared to other simpler storage API options which can be challenging for beginners. However, for applications that need to handle large amounts of structured data on the client-side, IndexedDB offers unparalleled capabilities.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
index d2079aea91..5a307fc8bd 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-client-side-storage-and-crud-operations/6733ffc7353af34a61ed683a.md
@@ -1,14 +1,30 @@
 ---
 id: 6733ffc7353af34a61ed683a
 title: What Are Cache and Service Workers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-cache-service-workers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Caching is the process of storing copies of files in a temporary storage location so they can be accessed more quickly.
+
+When you visit a website, your browser can save certain files (such as images, CSS, and JavaScript) locally. This means that the next time you visit the same site, it can load these files from your device instead of fetching them again from a server, making the site load faster.
+
+A Service Worker is a script that runs in the background, separate from your web page. It can intercept network requests, access the cache, and enable the web app to work offline. It is a key component of Progressive Web Apps.
+
+So, how do Cache and Service Workers work together in Progressive Web Apps?
+
+PWAs are web apps that can offer an app-like experience. They can work offline, send push notifications, and even be installed on the home screen of a mobile device or computer.
+
+When a user first visits a PWA, the Service Worker can cache important files.
+
+Users can continue to use the app offline, and when they come back online, any upcoming changes can be synced with the server.
+
+The combination of caching and Service Workers enables web apps to provide a fast and reliable experience even in poor network conditions.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
index efbc82e4fd..1eb9879c22 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-code-editors-and-ides/672d45583fd75a504136fbbb.md
@@ -2,7 +2,7 @@
 id: 672d45583fd75a504136fbbb
 title: How to Install Visual Studio Code onto Your Computer
 challengeType: 11
-videoId: hWa_PgsNSw0
+videoId: JuxdN8OWllk
 dashedName: how-to-install-visual-studio-code-onto-your-computer
 ---
 
@@ -86,15 +86,15 @@ The lecture describes several ways to install VSCode on Mac, but one common meth
 
 ## --text--
 
-On Linux, what command would you use to install VSCode using the Arch Linux package manager?
+What command would you use to install VSCode using Homebrew?
 
 ## --answers--
 
-`sudo apt-get install code`
+`sudo brew -i code`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
@@ -102,19 +102,19 @@ The lecture provides a specific command for Arch Linux users.
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ---
 
-`sudo pacman -S code`
+`brew install --cask visual-studio-code`
 
 ---
 
-`sudo dnf install code`
+`homebrew install vscode`
 
 ### --feedback--
 
-The lecture provides a specific command for Arch Linux users.
+The lecture provides a specific command for Homebrew.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
index 556fcb7ff4..600de23b15 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/672d266034b5242126271995.md
@@ -2,7 +2,7 @@
 id: 672d266034b5242126271995
 title: What Is ASCII, and How Does It Work with charCodeAt() and fromCharCode()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMi4lKr0FRw
 dashedName: what-is-ascii-and-how-does-it-work-with-charcodeat-and-fromcharcode
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
index ec5398c2d2..20964ee3e9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c0d7bef01c539120766.md
@@ -2,7 +2,7 @@
 id: 67326c0d7bef01c539120766
 title: How Can You Test if a String Contains a Substring?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XBva3_87hWg
 dashedName: how-can-you-test-if-a-string-contains-a-substring
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
index 0c0fe33399..a63b7b0b65 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c15b3b2f0c5827927cc.md
@@ -2,7 +2,7 @@
 id: 67326c15b3b2f0c5827927cc
 title: How Can You Extract a Substring from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: xLKJvMJKYAU
 dashedName: how-can-you-extract-a-substring-from-a-string
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
index 8757b78eaf..27ac63c416 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c1fdaf9c0c5ad1a2589.md
@@ -2,7 +2,7 @@
 id: 67326c1fdaf9c0c5ad1a2589
 title: How Can You Change the Casing for a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KOaGZ2IXzV0
 dashedName: how-can-you-change-the-casing-for-a-string
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
index 82c13638cf..ca543e6e1f 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c29dcd98fc5ecc49779.md
@@ -2,7 +2,7 @@
 id: 67326c29dcd98fc5ecc49779
 title: How Can You Replace Parts of a String with Another?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: '-Ft7Whs9xRY'
 dashedName: how-can-you-replace-parts-of-a-string-with-another
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
index 77e5f3679d..72f62596d9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3392068ec6184a0c95.md
@@ -2,7 +2,7 @@
 id: 67326c3392068ec6184a0c95
 title: How Can You Repeat a String x Number of Times?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: G78i7JW70hE
 dashedName: how-can-you-repeat-a-string-x-number-of-times
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
index f18ca82e72..dfbebc9e65 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-common-string-methods/67326c3c3ab931c644cea05b.md
@@ -2,7 +2,7 @@
 id: 67326c3c3ab931c644cea05b
 title: How Can You Trim Whitespace from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: qVjDfh-K2SY
 dashedName: how-can-you-trim-whitespace-from-a-string
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
index 3d3eaaed93..58f8257052 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/672aa8ac4631d1623ec5cd86.md
@@ -2,7 +2,7 @@
 id: 672aa8ac4631d1623ec5cd86
 title: What Is CSS Grid, and How Does It Differ from Flexbox?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: uh0EzmmlpwQ
 dashedName: what-is-css-grid
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
index 2df523b761..6a3f64997f 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226732b19aa1cacd0a75c.md
@@ -2,7 +2,7 @@
 id: 673226732b19aa1cacd0a75c
 title: How Can You Create Flexible Grids with the fr Unit?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: frGW2L836GU
 dashedName: how-can-you-create-flexible-grids-with-the-fr-unit
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
index cb9240fab1..fa6512ecaa 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732267ecab2151ced471cd4.md
@@ -2,7 +2,7 @@
 id: 6732267ecab2151ced471cd4
 title: How Can You Create Gaps Between Tracks in a Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f8jbUFfvZ_Q
 dashedName: how-can-you-create-gaps-between-tracks-in-a-grid
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
index 2b14792c8f..0a5ab5c32a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732268d05c3661d32a0fee8.md
@@ -2,7 +2,7 @@
 id: 6732268d05c3661d32a0fee8
 title: How Can You Repeat Track Listings in a Grid Layout?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: d2wi5br6o0E
 dashedName: how-can-you-repeat-track-listings-in-a-grid-layout
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
index 55dead81ed..bcaf3ee8ef 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/6732269a7aa2ca1d6b6574fe.md
@@ -2,7 +2,7 @@
 id: 6732269a7aa2ca1d6b6574fe
 title: What Is the Difference Between an Implicit and Explicit Grid?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: QMqRqHE_t8k
 dashedName: what-is-the-difference-between-an-implicit-and-explicit-grid
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
index 73675c2b62..4f96da8225 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226a62eb2121da41a3d68.md
@@ -2,7 +2,7 @@
 id: 673226a62eb2121da41a3d68
 title: What Is the minmax() Function and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rpWiq2k2B_8
 dashedName: what-is-the-minmax-function-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
index afe98aad00..8f51dffeaa 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226afcd33991dd751937a.md
@@ -2,7 +2,7 @@
 id: 673226afcd33991dd751937a
 title: How Do the grid-column and grid-row Properties Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ZKlcAue2j_U
 dashedName: how-do-the-grid-column-and-grid-row-properties-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
index 06d6182cc8..02c9ce264a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-grid/673226b97d4a731e0577ae93.md
@@ -2,7 +2,7 @@
 id: 673226b97d4a731e0577ae93
 title: How Can You Position Items on the Grid Using the grid-template-areas Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PV83v-6vxKw
 dashedName: how-can-you-position-items-on-the-grid-using-the-grid-template-areas-property
 ---
 
@@ -14,35 +14,35 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What do the `grid-column` and `grid-row` properties specify in a grid layout?
+How do you design a grid layout with the `grid-template-areas` property?
 
 ## --answers--
 
-The size of the grid container.
+With comma separated values like `1 / 4` to represent the different rows and columns of the layout.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The alignment of the entire grid.
+With comma separated values like `header` and `footer`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ---
 
-The horizontal and vertical placement of grid items.
+With strings of space-separated values to represent the different rows and columns of the layout.
 
 ---
 
-The size of grid tracks.
+With space-separated values like `2fr 1fr 1fr`.
 
 ### --feedback--
 
-Focus on the property that assigns visual labels for the layout.
+Recall that this property uses separate strings, each with separate values, to represent the different rows and columns of the layout, respectively.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
index b7cf9657aa..5888765c6d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672aa7e03c2e365e906e5733.md
@@ -2,7 +2,7 @@
 id: 672aa7e03c2e365e906e5733
 title: What Is Overflow in CSS, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: iqnkHaVCLww
 dashedName: what-is-overflow-in-css
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
index d97065c696..c892ba2327 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc8ccc976fd791610f43.md
@@ -2,7 +2,7 @@
 id: 672bcc8ccc976fd791610f43
 title: What Is the CSS Transform Property, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pC59ipGpaDk
 dashedName: what-is-the-css-transform-property
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
index 8ac6e6e23d..7b4f0292ae 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bcc9c4a6dd6d7dd3e6357.md
@@ -2,7 +2,7 @@
 id: 672bcc9c4a6dd6d7dd3e6357
 title: What Is the CSS Box Model, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: oBIIFdfLGos
 dashedName: what-is-the-css-box-model
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
index 12c059731c..2892dd8fd7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccae6e556cd81cef6af2.md
@@ -2,7 +2,7 @@
 id: 672bccae6e556cd81cef6af2
 title: What Is Margin Collapsing, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: MMWBC8duT_0
 dashedName: what-is-margin-collapsing
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
index 80888cea82..d1ba6e030a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccc8ea33bad87abb3c56.md
@@ -2,7 +2,7 @@
 id: 672bccc8ea33bad87abb3c56
 title: What Is the Difference Between content-box and border-box?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eKqNs2XXG14
 dashedName: what-is-the-difference-between-content-box-and-border-box
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
index 0df4558a03..04b27c6b43 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccdb8f1823d8c60f914c.md
@@ -2,7 +2,7 @@
 id: 672bccdb8f1823d8c60f914c
 title: What Is a CSS Reset, and What Are Some Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2VPFQpukQV8
 dashedName: what-is-a-css-reset
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
index c5ee4a0846..0f5889f3cc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-transforms-overflow-and-filters/672bccebe1fc82d911c3f078.md
@@ -2,7 +2,7 @@
 id: 672bccebe1fc82d911c3f078
 title: What Is the CSS Filter Property, and What Are Common Examples?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 9ta8m4T9KYc
 dashedName: what-is-the-css-filter-property
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
index 692fca0f87..8a53a50148 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672aa8985acb7361e656f94c.md
@@ -2,7 +2,7 @@
 id: 672aa8985acb7361e656f94c
 title: What Are CSS Custom Properties, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: rG9-26gM3eU
 dashedName: what-are-css-custom-properties
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
index 3781b2687d..a97c67aeec 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-css-variables/672cf3ca326da9f63683e236.md
@@ -2,7 +2,7 @@
 id: 672cf3ca326da9f63683e236
 title: What Is the @property Rule, and How Does It Work with Fallbacks?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lFwXJzcJ9fg
 dashedName: what-is-the-at-property-rule
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
index 2dece399e2..f6409110e6 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/672d264645e289208e562f10.md
@@ -2,7 +2,7 @@
 id: 672d264645e289208e562f10
 title: What Is Dynamic Typing in JavaScript, and How Does It Differ from Statically Typed Languages?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: IOKsF08zioQ
 dashedName: what-is-dynamic-typing-in-javascript-and-how-does-it-differ-from-statically-typed-languages
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
index ad8edaae65..b3dd9cdb9c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-data-types/6732518a8627876f4fcd18a4.md
@@ -2,7 +2,7 @@
 id: 6732518a8627876f4fcd18a4
 title: How Does the typeof Operator Work, and What Is the typeof null Bug in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: DDHu5VDlkPM
 dashedName: how-does-the-typeof-operator-work-and-what-is-the-typeof-null-bug-in-javascript
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the `typeof` operator return when used on a `string` in JavaScript?
+What does the `typeof` operator return when used on a string in JavaScript?
 
 ## --answers--
 
@@ -86,7 +86,7 @@ Recall the unexpected behavior when checking the type of `null`.
 
 ## --text--
 
-How does `typeof` behave when checking the type of a `number`?
+How does `typeof` behave when checking the type of a number?
 
 ## --answers--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
index 92714c7a4e..57287c577f 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733aafb9c0802f66cc1e056.md
@@ -2,7 +2,7 @@
 id: 6733aafb9c0802f66cc1e056
 title: How Does the JavaScript Data Object Work, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: aFGXBwkmNqg
 dashedName: how-does-the-javascript-data-object-work-and-what-are-some-common-methods
 ---
 
@@ -54,11 +54,11 @@ If you use the `getMonth` method and it returns `4`, which month is being repres
 
 ## --answers--
 
-`April`
+`May`
 
 ---
 
-`May`
+`April`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
index d00bcaffc3..c803fed955 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-dates/6733d608654c17868e01c0a2.md
@@ -2,7 +2,7 @@
 id: 6733d608654c17868e01c0a2
 title: What Are the Different Ways to Format Dates?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 67I6H8Vce2E
 dashedName: what-are-the-different-ways-to-format-dates
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
index 8942cd8356..683f59ec45 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-file-systems/672ac37104dc2530a769e6a4.md
@@ -38,7 +38,7 @@ Think about the file name that looks complicated.
 
 ---
 
-products.html
+`products.html`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
index 28f4518c0d..5b9a32f397 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/672d269da46786225e3fe3fd.md
@@ -1,14 +1,117 @@
 ---
 id: 672d269da46786225e3fe3fd
 title: What Is the Purpose of Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-purpose-of-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the video lecture and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Functions are reusable pieces of code that perform a specific task or calculate a value. Think of functions as a machine that takes some input, does some operations on it, and then produces an output.
+
+Here is an example of declaring a function:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+```
+
+In this example, we have declared a function called `greet`.  Inside that function, we have a `console.log` that logs the message `"Hello, Jessica!"`.
+
+If we tried to run this code, we would not see the message appear in the console. This because we need to call the function.
+
+A function call, or or invocation, is when we actually use or execute the function. To call a function, you will need to reference the function name followed by a set of parentheses:
+
+```js
+function greet() {
+  console.log("Hello, Jessica!");
+}
+
+greet(); // "Hello, Jessica!"
+```
+
+Now the message of `"Hello, Jessica!"` will be logged to the console.
+
+But what if we wanted the message to say `"Hello, Nick!"` or `"Hello, Anna!"`?
+
+We don’t want to write a new function each time we greet a different user. Instead, we can create a reusable function that uses function parameters and arguments.
+
+Parameters act as placeholders for the values that will be passed to the function when it is called. They allow functions to accept input and work with that input.
+
+Arguments are the actual values passed to the function when it is called.
+
+Here is an updated version of the greet function that uses parameters and arguments:
+
+```js
+function greet(name) {
+  console.log("Hello, " + name + "!");
+}
+
+greet("Alice"); // Hello, Alice!
+greet("Nick"); // Hello, Nick!
+```
+
+The name serves as the parameter while the strings `"Alice"` and `"Nick"` serve as the arguments. Now we have a reusable function that can be used dozens of times throughout our code with different arguments.
+
+When a function finishes its execution, it will always return a value. By default, the return value will be `undefined`.
+
+Here is an example:
+
+```js
+function doSomething() {
+    console.log("Doing something...");
+}
+
+let result = doSomething();
+console.log(result); // undefined
+```
+
+If you need your function to return a specific value, then you will need to use the `return` statement.
+
+Here is an example of using a `return` statement to return the sum of two values:
+
+```js
+function calculateSum(num1, num2) {
+  return num1 + num2;
+}
+
+console.log(calculateSum(3, 4)); // 7
+```
+
+Often times you will be using the `return` statement, because you can use that value that was output from the function later on in your code.
+
+So far, we’ve been working with named functions, but you can also create what’s called an anonymous function.
+
+An anonymous function is a function without a name that can be assigned to a variable like this:
+
+```js
+const sum = function (num1, num2) {
+  return num1 + num2;
+};
+
+console.log(sum(3, 4)); // 7
+```
+
+In this example, we have a `const` variable called `sum` and we are assigning it an anonymous function that returns the sum of `num1` and `num2`.  We are then able to call `sum` and pass in the numbers `3` and `4` to get the result of `7`.
+
+Functions support default parameters, allowing you to set default values for parameters. These default values are used if the function is called without an argument for that parameter. Here’s an example:
+
+```js
+function greetings(name = "Guest") {
+  console.log("Hello, " + name + "!");
+}
+
+greetings(); // Hello, Guest!
+greetings("Anna"); // Hello, Anna!
+```
+
+In this example, if no argument is provided for name, it defaults to `Guest`.
+
+In summary, functions allow you to write reusable and organized code. They can take inputs (parameters), perform actions, and return outputs.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
index 2ac2ecd8ce..9aabaaa2f9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284d5e52ef81a2169b097.md
@@ -1,14 +1,112 @@
 ---
 id: 673284d5e52ef81a2169b097
 title: What Are Arrow Functions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-arrow-functions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+In the previous lecture, you learned how to work with functions, which are reusable pieces of code that help make your code more modular, easier to maintain, and more efficient.
+
+All previous examples used the regular function syntax, like this:
+
+```js
+function greetings(name) {
+  console.log("Hello, " + name + "!");
+}
+```
+
+But another way to write functions in JavaScript is to create an arrow function expression.
+
+Here is how you can refactor the previous example to use arrow function syntax instead:
+
+```js
+const greetings = (name) => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+In this revised example, we are creating a const variable called `greetings` and assigning it an anonymous function.
+
+Most of the syntax will look familiar to you except for the missing `function` keyword and the addition of the arrow `=>` between the `name` parameter and the function body.
+
+If your parameter list only has one parameter in it, then you can remove the parentheses like this:
+
+```js
+const greetings = name => {
+  console.log("Hello, " + name + "!");
+};
+```
+
+If your arrow function has no parameters, then you must use the parentheses like this:
+
+```js
+const greetings = () => {
+  console.log("Hello");
+};
+```
+
+When first learning about functions, you had to wrap the function body in curly braces.
+
+But if your function body only contains a single line of code, you can remove the curly braces like this:
+
+```js
+const greetings = name => console.log("Hello, " + name + "!");
+```
+
+It is important to note that removing the parentheses and curly braces for regular function syntax will not work. You will get errors if you tried to do something like this:
+
+```js
+// This will produce syntax errors 
+function greetings name console.log("Hello, " + name + "!");
+```
+
+These types of one line functions only work if you are using the arrow function syntax.
+
+Another key concept is the `return` statement.
+
+Here is an example of using the arrow function syntax to calculate the area:
+
+```js
+const calculateArea = (width, height) => {
+  const area = width * height;
+  return area;
+};
+
+console.log(calculateArea(5, 3)); // 15
+```
+
+We are creating a variable inside the function called `area` and then returning that variable. But we could clean up our code a bit and return the calculation itself:
+
+```js
+const calculateArea = (width, height) => {
+  return width * height;
+};
+```
+
+If you tried to remove the curly braces and place the calculation on the same line, then you would get an `Uncaught SyntaxError: Unexpected token 'return'  message`.
+
+```js
+const calculateArea = (width, height) => return width * height;
+```
+
+The reason why you are getting this error, is because you need to remove the `return` statement. When you remove that `return` statement, the error will disappear and the function will still implicitly return the calculation.
+
+```js
+const calculateArea = (width, height) => width * height;
+```
+
+So when should you use the arrow function syntax?
+
+Well, it depends.
+
+Many developers use it consistently in their personal projects. However, when working on a team, the choice usually depends on whether the existing codebase uses regular functions or arrow functions.
+
+In future lectures, we’ll cover when to use arrow functions and when to avoid them.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
index 87e98db0a0..ffe92fe9c0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-functions/673284e7244c0c1a649121b9.md
@@ -1,14 +1,76 @@
 ---
 id: 673284e7244c0c1a649121b9
 title: What Is Scope in Programming, and How Does Global, Local, and Block Scope Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-scope-in-programming-and-how-does-global-local-and-block-scope-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Scope in programming refers to the visibility and accessibility of variables in different parts of your code. It determines where variables can be accessed or modified.
+
+In JavaScript, understanding scope is crucial for writing clean, efficient, and bug-free code. There are three main types of scope: global scope, local scope, and block scope.
+
+Global scope is the outermost scope in a JavaScript program. Variables declared in the global scope are accessible from anywhere in your code, including within functions and blocks. These variables are often called global variables.
+
+While global variables can be convenient, they should be used sparingly as they can lead to naming conflicts and make your code harder to maintain.
+
+Here's an example of a global variable:
+
+```js
+let globalVar = "I'm a global variable";
+
+function printGlobalVar() {
+    console.log(globalVar);
+}
+
+printGlobalVar(); // Output: "I'm a global variable"
+```
+
+In this example, `globalVar` is declared in the global scope and can be accessed inside the `printGlobalVar` function.
+
+Local scope, on the other hand, refers to variables that are only accessible within a function.
+
+Here's an example of local scope:
+
+```js
+function greet() {
+    let message = "Hello, local scope!";
+    console.log(message);
+}
+
+greet(); // Output: "Hello, local scope!"
+console.log(message); // This will throw an error
+```
+
+In this code, `message` is a local variable within the `greet` function. It can be used inside the function, but trying to access it outside the function will result in an error.
+
+Block scope is a concept introduced with the let and const keywords in ES6. A block is any code section within curly braces `{}`, such as in `if` statements, `for` loops, or `while` loops. The concept of loops will be taught in an upcoming lecture.
+
+Variables declared with `let` or `const` inside a block are only accessible within that block. Here's an example of block scope:
+
+```js
+if (true) {
+    let blockVar = "I'm in a block";
+    console.log(blockVar); // Output: "I'm in a block"
+}
+console.log(blockVar); // This will throw an error
+```
+
+In this example, `blockVar` is only accessible within the `if` block. Trying to access it outside the block will result in an error.
+
+Understanding these different types of scope is essential for managing variable accessibility and avoiding unintended side effects in your code.
+
+Global variables should be used sparingly, as they can lead to naming conflicts and make your code harder to maintain.
+
+Local variables help to keep different parts of your code isolated, which is especially useful in larger programs.
+
+Block scoping with `let` and `const` provides even finer control over variable accessibility, helping to prevent errors and make your code more predictable.
+
+Mastering these basic concepts of global, local, and block scope will provide a solid foundation for understanding more advanced topics.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
index 6c407d3ce4..1aae18e36b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67329ffd75010f5ddeb4ea13.md
@@ -2,7 +2,7 @@
 id: 67329ffd75010f5ddeb4ea13
 title: What Is a Callback Function, and How Does It Work with the forEach Method?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Ye6d69RVeqY
 dashedName: what-is-a-callback-function-and-how-does-it-work-with-the-foreach-method
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
index e922b881c1..fe5a9fbf34 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/67336296a3c1591da81856c2.md
@@ -2,7 +2,7 @@
 id: 67336296a3c1591da81856c2
 title: What Are Higher-Order Functions?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: dj9Pt4tODfA
 dashedName: what-are-higher-order-functions
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
index 816314c512..ff9c6d9631 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362a34edda41dedf87623.md
@@ -1,14 +1,65 @@
 ---
 id: 673362a34edda41dedf87623
 title: What Is the Map Method, and How Does It Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-is-the-map-method-and-how-does-it-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+The `map` method is a powerful and widely used function in JavaScript that operates on arrays. It is designed to create a new array by applying a given function to each element of the original array.
+
+This method does not modify the original array but instead returns a new array containing the results of the function applied to each element.
+
+Here is an example of using the `map` method on an array of numbers:
+
+```js
+const numbers = [1, 2, 3, 4, 5];
+const doubled = numbers.map((num) => num * 2);
+console.log(numbers); // [1,2,3,4,5]
+console.log(doubled); // [2,4,6,8,10]
+```
+
+To create a new array where each number is doubled, we are using the `map` method. The `map` method accepts a callback function where the function is called on every single element in the array.
+
+In this case, each number in the array will be multiplied by 2. The result will be a new array of the numbers 2,4,6,8,10.
+
+The callback function can accept up to three arguments.
+
+The first argument is the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element) => {
+  console.log("Element:", element);
+  return element * 2;
+});
+```
+
+The second argument is the index of the current element being processed.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  return element * 2;
+});
+```
+
+The third argument is the array where `map` is being called on.
+
+```js
+const numbers = [3, 4, 5, 6, 7].map((element, index, array) => {
+  console.log("Element:", element);
+  console.log("Index:", index);
+  console.log("Array:", array);
+  return element * 2;
+});
+```
+
+Understanding and effectively using the map method can significantly improve your ability to work with arrays in JavaScript. In future lecture videos, we'll dive deeper into more advanced uses of map and explore how it can be a powerful tool for building dynamic and efficient programs.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
index f859943167..c4b05e8119 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362b3f763ae1e38e17df7.md
@@ -2,7 +2,7 @@
 id: 673362b3f763ae1e38e17df7
 title: What Is the Filter Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EaVyNFI53Mk
 dashedName: what-is-the-filter-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
index be1d5e441f..bea6d82f98 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362be2f70c21e65bc5459.md
@@ -2,7 +2,7 @@
 id: 673362be2f70c21e65bc5459
 title: What Is the Reduce Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: fxgwdO-Eii8
 dashedName: what-is-the-reduce-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
index 538b78c844..f721c1d624 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362cbb475e21eab726506.md
@@ -2,7 +2,7 @@
 id: 673362cbb475e21eab726506
 title: What Is Method Chaining, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bsCkwxZ4sho
 dashedName: what-is-method-chaining-and-how-does-it-work
 ---
 
@@ -116,7 +116,7 @@ console.log(result);
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
index 540d92a0f8..99550b28a5 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362d7f94d551edb532d24.md
@@ -2,7 +2,7 @@
 id: 673362d7f94d551edb532d24
 title: How Does the Sort Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: eA5HGl-qsdA
 dashedName: how-does-the-sort-method-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
index 6ec357a968..12db447450 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-higher-order-functions-and-callbacks/673362e43d57b51f1ad2d466.md
@@ -2,7 +2,7 @@
 id: 673362e43d57b51f1ad2d466
 title: How Do the every() and some() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ELHJGK4IyqU
 dashedName: how-do-the-every-and-some-methods-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
index ab1b8a6f1a..02f33dec43 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-html-tools/672a4fa7d335bc7cfb63a392.md
@@ -86,36 +86,36 @@ A tool that checks the validity of HTML.
 
 ## --text--
 
-Which of these is not an example of an HTML validator?
+Which of these is an example of an HTML validator?
 
 ## --answers--
 
-W3.org HTML validator.
+W3.org HTML validator
 
-### --feedback--
+---
 
-Look out for the option that is not an HTML validator.
+CSS Lint
 
----
+### --feedback--
 
-JS World HTML Validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-Prettier Code Formatter.
+JavaScript Debugger
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ---
 
-JSONFormatter.org HTML Validator.
+Photoshop
 
 ### --feedback--
 
-Look out for the option that is not an HTML validator.
+Look for the tool specifically designed to check the validity of HTML code.
 
 ## --video-solution--
 
-2
+1
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
index 22712e9c17..950d3b1275 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716744f7245947a3dd60009.md
@@ -1,6 +1,6 @@
 ---
 id: 6716744f7245947a3dd60009
-videoId: D4PO-NUqmzg
+videoId: zf4bbN-hYOg
 title: What Are the Different Target Attribute Types, and How Do They Work?
 challengeType: 11
 dashedName: what-are-the-different-target-attribute-types
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
index 40e0a83659..7bc6e9ff7d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/671682dd88e461a8e2620f38.md
@@ -1,6 +1,6 @@
 ---
 id: 671682dd88e461a8e2620f38
-videoId: hpEmssjWh-0
+videoId: bxr4p5Ik4js
 title: What Is the Difference Between Absolute and Relative Paths?
 challengeType: 11
 dashedName: what-is-the-difference-between-absolute-and-relative-paths
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
index f708e3445a..ca5d07c2a3 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/6716830dbaf95da9564f2e3b.md
@@ -1,6 +1,6 @@
 ---
 id: 6716830dbaf95da9564f2e3b
-videoId: nVAaxZ34khk
+videoId: GTgzy4wPXcM
 title: What Is the Difference Between Slashes, a Single Dot, and Double Dot in Path Syntax?
 challengeType: 11
 dashedName: what-is-the-difference-between-slashes-a-single-dot-and-double-dot-in-path-syntax
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
index e02d8909a7..68a1cf656d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-links/67168323932391a9ee0d3a9e.md
@@ -1,6 +1,6 @@
 ---
 id: 67168323932391a9ee0d3a9e
-videoId: O86-AxNc0nU
+videoId: ztu_9h2ZJrA
 title: What Are the Different Link States, and Why Are They Important?
 challengeType: 11
 dashedName: what-are-the-different-link-states
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
index 676a886137..816424d2dd 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/67329f7f3d1bd75c17896c66.md
@@ -2,7 +2,7 @@
 id: 67329f7f3d1bd75c17896c66
 title: How Do Loops and Iteration Work in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2h4RsvyUDH4
 dashedName: how-do-loops-and-iteration-work-in-javascript
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
index 26e85ea235..4f6e763e6d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c04638420641dcca2e6e.md
@@ -2,7 +2,7 @@
 id: 6732c04638420641dcca2e6e
 title: How Does the For...of Loop Work, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 3EvkUpl4IQs
 dashedName: how-does-the-for-of-loop-work-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
index cbd715bf2a..4462c37abc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c05595ca7d422b9e55ff.md
@@ -2,7 +2,7 @@
 id: 6732c05595ca7d422b9e55ff
 title: What Is the For...in Loop, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: K0dZ8f9AZt4
 dashedName: what-is-the-for-in-loop-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
index 11eeb943ca..651015d2e4 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c06654ea3442724284fe.md
@@ -2,7 +2,7 @@
 id: 6732c06654ea3442724284fe
 title: What Is a While Loop, and How Does It Differ from the Do...while Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 93KL4Ou1eXU
 dashedName: what-is-a-while-loop-and-how-does-it-differ-from-the-do-while-loop
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
index 80429b20e1..9e1bd6c97d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-loops/6732c07238355642a9781dfb.md
@@ -2,7 +2,7 @@
 id: 6732c07238355642a9781dfb
 title: What Are the Break and Continue Statements Used for in Loops?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: U3gATVuQTxQ
 dashedName: what-are-the-break-and-continue-statements-used-for-in-loops
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
index ede42b9287..9327c83582 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733ab269b378bf724c9ac71.md
@@ -2,7 +2,7 @@
 id: 6733ab269b378bf724c9ac71
 title: What Are Sets in JavaScript, and How Does It Differ from WeakSets?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4XFTr08_hog
 dashedName: what-are-sets-in-javascript-and-how-does-it-differ-from-weaksets
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
index f09c5a8158..977210422e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-maps-and-sets/6733dd694f91d61a5272b4ac.md
@@ -2,7 +2,7 @@
 id: 6733dd694f91d61a5272b4ac
 title: What Is the Map Object, and How Does It Differ from WeakMaps?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 2hHKZBPJQRY
 dashedName: what-is-the-map-object-and-how-does-it-differ-from-weakmaps
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
index 72278f888a..28deeb7f56 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/672d26809d388621ad1ecd43.md
@@ -2,7 +2,7 @@
 id: 672d26809d388621ad1ecd43
 title: How Does isNaN Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lxK56X8Rr1M
 dashedName: how-does-isnan-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
index cb6dd13339..ccae567b85 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/6732808f3221720adc833e81.md
@@ -2,7 +2,7 @@
 id: 6732808f3221720adc833e81
 title: How Do the parseFloat() and parseInt() Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5Q_BlR2NKYk
 dashedName: how-do-the-parsefloat-and-parseint-methods-work
 ---
 
@@ -74,7 +74,7 @@ Consider how `Number.parseInt()` handles leading whitespace and non-digit charac
 
 ---
 
-42
+`42`
 
 ### --feedback--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
index 2daec965f3..b371fd65d2 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-and-common-number-methods/673280a1c29d0a0b17316e56.md
@@ -2,7 +2,7 @@
 id: 673280a1c29d0a0b17316e56
 title: What Is the toFixed() Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 4GnMICoBC1Y
 dashedName: what-is-the-tofixed-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
index 099c339146..ca24f48370 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/672d266e014ef8216df987d2.md
@@ -2,7 +2,7 @@
 id: 672d266e014ef8216df987d2
 title: What Is the Number Type in JavaScript, and What Are the Different Types of Numbers Available?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ccHZ7e8z4SM
 dashedName: what-is-the-number-type-in-javascript-and-what-are-the-different-types-of-numbers-available
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
index ea0aa4ac2f..a9f1a0d033 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271884bf678d8b9c64f56.md
@@ -2,7 +2,7 @@
 id: 673271884bf678d8b9c64f56
 title: What Are the Different Arithmetic Operators in JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: guUVaI-X7Gk
 dashedName: what-are-the-different-arithmetic-operators-in-javascript
 ---
 
@@ -14,107 +14,117 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-How can you check if a number is even using the `modulus` operator in JavaScript?
+Which of the following operators should you use to subtract one number from another?
 
 ## --answers--
 
-Use the `modulus` operator and check if the remainder is equal to `0` using strict equality (`===`).
+`+`
 
----
+### --feedback--
 
-Use the `modulus` operator and check if the remainder is greater than `1`.
+Think about the symbol typically used for subtraction.
 
-### --feedback--
+---
 
-Consider what remainder an even number gives when divided by `2`.
+`-`
 
 ---
 
-Use the `modulus` operator and ignore the remainder.
+`*`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ---
 
-Use the `modulus` operator and check if the remainder is equal to 1.
+`/`
 
 ### --feedback--
 
-Consider what remainder an even number gives when divided by `2`.
+Think about the symbol typically used for subtraction.
 
 ## --video-solution--
 
-1
+2
 
 ## --text--
 
-Which of these statements best describes operator precedence in JavaScript?
+What’s the output of the following code?
+
+```js
+const result = 4 / 0;
+console.log(result);
+```
 
 ## --answers--
 
-Addition and subtraction have the highest precedence.
+`Infinity`
 
-### --feedback--
+---
 
-Consider which operations are executed first in a mathematical expression.
+`4`
 
----
+### --feedback--
 
-Exponentiation has the highest precedence, followed by multiplication, division, and remainder.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-Multiplication and division have lower precedence than addition and subtraction.
+`1`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ---
 
-All operators have the same precedence.
+`16`
 
 ### --feedback--
 
-Consider which operations are executed first in a mathematical expression.
+Recall the special value JavaScript returns when you divide by zero.
 
 ## --video-solution--
 
-2
+1
 
 ## --text--
 
-How do you use the subtraction operator in JavaScript to find the difference between two numbers?
+What’s the output of the following code?
+
+```js
+const remainder = 5 % 3;
+console.log(remainder);
+```
 
 ## --answers--
 
-Use the plus sign (`+`) to subtract numbers.
+`15`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the minus sign (`-`) to subtract a smaller number from a bigger number.
+`2`
 
 ---
 
-Use the multiplication sign (`*`) to perform subtraction.
+`3`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ---
 
-Use the division sign (`/`) to find the difference.
+`1.6666666666666667`
 
 ### --feedback--
 
-Think about the symbol typically used for subtraction.
+Remember that `%` is the remainder operator, so another way to think of the equation is, after `3` goes into `5` once, what’s left?
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
index 8bd8a87d00..0dddc6cbb0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327195e77b1bd90bdd49d7.md
@@ -2,7 +2,7 @@
 id: 67327195e77b1bd90bdd49d7
 title: What Happens When You Try to Do Calculations with Numbers and Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: KPFskFoAzUA
 dashedName: what-happens-when-you-try-to-do-calculations-with-numbers-and-strings
 ---
 
@@ -14,35 +14,39 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = 3 + "19";
+```
 
 ## --answers--
 
-JavaScript throws an error.
+JavaScript ignores the string and only performs the operation on the number.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript ignores the boolean and only performs the operation on numbers.
+JavaScript throws an error when you try to mix strings and numbers in arithmetic.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ---
 
-JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
+JavaScript converts the number `3` into the string `"3"`, concatenates the two strings, and assigns the value `"319"` to `result`.
 
 ---
 
-JavaScript converts the boolean to a string before performing the operation.
+JavaScript converts the string `"19"` into the number `19`, performs the operation, and assigns the value `22` to `result`.
 
 ### --feedback--
 
-Consider how JavaScript interprets `true` and `false` in numerical contexts.
+Recall how type coercion works for addition operations, and how you use the same symbol to combine strings.
 
 ## --video-solution--
 
@@ -50,71 +54,75 @@ Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --text--
 
-What happens when you perform arithmetic operations like subtraction, multiplication, or division with a string and a number in JavaScript?
+What happens when you run the following code?
+
+```js
+const result = "6" - 4;
+```
 
 ## --answers--
 
-JavaScript ignores the string and only performs the operation on the number.
+Conversion fails and JavaScript returns `NaN`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript throws an error when you try to mix strings and numbers in arithmetic.
+JavaScript converts the number `4` into the string `"4"`, concatenates the two strings, and assigns the value `"64"` to `result`.
 
 ### --feedback--
 
-Think about how JavaScript handles different data types in math operations.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
 ---
 
-JavaScript converts the string into a number before performing the operation, a process called type coercion.
+The value `Infinity` is assigned to `result`.
 
----
+### --feedback--
 
-JavaScript converts the number into a string before performing the operation.
+Recall how type coercion works for subtraction, multiplication, division, and other kinds of operations.
 
-### --feedback--
+---
 
-Think about how JavaScript handles different data types in math operations.
+JavaScript converts the string `"6"` into the number `6`, performs the operation, and assigns the value `2` to `result`.
 
 ## --video-solution--
 
-3
+4
 
 ## --text--
 
-How does JavaScript handle arrays or objects in arithmetic operations?
+What happens when you perform arithmetic operations with a boolean (`true` or `false`) in JavaScript?
 
 ## --answers--
 
-It throws an error.
+JavaScript throws an error.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It performs the arithmetic operation normally without any conversion.
+JavaScript ignores the boolean and only performs the operation on numbers.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ---
 
-It converts the array or object to a string and then concatenates it with the number.
+JavaScript treats `true` as `1` and `false` as `0` in arithmetic operations.
 
 ---
 
-It ignores the array or object and only operates on the number.
+JavaScript converts the boolean to a string before performing the operation.
 
 ### --feedback--
 
-Consider how JavaScript treats non-numeric types when combined with numbers.
+Consider how JavaScript interprets `true` and `false` in numerical contexts.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
index fcaf6be9d2..1ee9d0a810 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732719e2e3ad4d947410b65.md
@@ -2,7 +2,7 @@
 id: 6732719e2e3ad4d947410b65
 title: How Does Operator Precedence Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pnXCNw4fCyU
 dashedName: how-does-operator-precedence-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
index 681e533a92..24d3384157 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271a8998ddfd97578d095.md
@@ -2,7 +2,7 @@
 id: 673271a8998ddfd97578d095
 title: How Do the Increment and Decrement Operators Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: byGvO4RC26w
 dashedName: how-do-the-increment-and-decrement-operators-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
index 254a230c4b..c80280ece1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271b4213033d9b661c70e.md
@@ -2,7 +2,7 @@
 id: 673271b4213033d9b661c70e
 title: What Are Compound Assignment Operators in JavaScript, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: _OotACioDZs
 dashedName: what-are-compound-assignment-operators-in-javascript-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
index ffcf191802..a75801d30b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271c7581a27d9dd78f6d6.md
@@ -2,7 +2,7 @@
 id: 673271c7581a27d9dd78f6d6
 title: What Are Booleans, and How Do They Work with Equality and Inequality Operators?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: PmbDO3GXcO4
 dashedName: what-are-booleans-and-how-do-they-work-with-equality-and-inequality-operators
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
index 35faec0329..015656c81e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271dffbc34fda31da9515.md
@@ -2,7 +2,7 @@
 id: 673271dffbc34fda31da9515
 title: What Are Comparison Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1E_U3oP18sA
 dashedName: what-are-comparison-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
index 4652149991..12b88aab00 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271e8e3d43bda89f723b3.md
@@ -2,7 +2,7 @@
 id: 673271e8e3d43bda89f723b3
 title: What Are Unary Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VTY8Y9qfvTs
 dashedName: what-are-unary-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
index b9e0fb151d..d43333545d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271f39f124ddac28866d5.md
@@ -2,7 +2,7 @@
 id: 673271f39f124ddac28866d5
 title: What Are Bitwise Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Wga6bSebwFg
 dashedName: what-are-bitwise-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
index bfcf7915bb..525aa9fc34 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/673271fd11d063daf0cf8d20.md
@@ -2,7 +2,7 @@
 id: 673271fd11d063daf0cf8d20
 title: What Are Conditional Statements, and How Do If/Else If/Else Statements Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 6BZn4rKzpJ8
 dashedName: what-are-conditional-statements-and-how-do-if-else-if-else-statements-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
index 215b6cbcee..7ecb9e7567 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/6732720e95f6a0db526a2e4d.md
@@ -2,7 +2,7 @@
 id: 6732720e95f6a0db526a2e4d
 title: What Are Binary Logical Operators, and How Do They Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: bFo2p8aD9Y8
 dashedName: what-are-binary-logical-operators-and-how-do-they-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
index 00ea404a55..aae68540df 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-numbers-booleans-and-the-math-object/67327217e70ee0db7913b255.md
@@ -2,7 +2,7 @@
 id: 67327217e70ee0db7913b255
 title: What Is the Math Object in JavaScript, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 1VUy-I4sNKQ
 dashedName: what-is-the-math-object-in-javascript-and-what-are-some-common-methods
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
index 49f6d5682f..cc96327f7b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/67329f737126b75bcb949e13.md
@@ -2,7 +2,7 @@
 id: 67329f737126b75bcb949e13
 title: What Is an Object in JavaScript, and How Can You Access Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JNFs7YHLRFQ
 dashedName: what-is-an-object-in-javascript-and-how-can-you-access-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
index 333f83cc67..fa14e74eb0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b721eb98f224868b44a6.md
@@ -2,7 +2,7 @@
 id: 6732b721eb98f224868b44a6
 title: How Can You Remove Properties from an Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sz2K-rYNjSI
 dashedName: how-can-you-remove-properties-from-an-object
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
index a084a126cf..2e03b3f962 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b72961f94324bd6390de.md
@@ -2,7 +2,7 @@
 id: 6732b72961f94324bd6390de
 title: How to Check If an Object Has a Property?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i1MpmDeRZ_0
 dashedName: how-to-check-if-an-object-has-a-property
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
index 0aa3e00632..401d654fbc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73509f71f24ef05e86e.md
@@ -2,7 +2,7 @@
 id: 6732b73509f71f24ef05e86e
 title: How Do You Work with Accessing Properties from Nested Objects and Arrays in Objects?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: f7uZdVLZuCA
 dashedName: how-do-you-work-with-accessing-properties-from-nested-objects-and-arrays-in-objects
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
index 292eae0920..5216609e44 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b73d25cc01251b778043.md
@@ -2,7 +2,7 @@
 id: 6732b73d25cc01251b778043
 title: What Is the Difference Between Primitive and Non-Primitive Data Types?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: c-jyZdhWIYk
 dashedName: what-is-the-difference-between-primitive-and-non-primitive-data-types
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
index 2b10ff9d72..76679f6501 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b749b8aad125523dcda5.md
@@ -2,7 +2,7 @@
 id: 6732b749b8aad125523dcda5
 title: What Is the Difference Between Functions and Object Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: Jufe8vG8TVo
 dashedName: what-is-the-difference-between-functions-and-object-methods
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
index 2b1deddd94..7391daa6b7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b758194c97257d23fc72.md
@@ -2,7 +2,7 @@
 id: 6732b758194c97257d23fc72
 title: What Is the Object() Constructor, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: o-AsC8Z7Vng
 dashedName: what-is-the-object-constructor-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
index 679086182c..b372a2c458 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b76c03f7d825c7fc74ee.md
@@ -2,7 +2,7 @@
 id: 6732b76c03f7d825c7fc74ee
 title: What Is the Optional Chaining Operator, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: s9EDuy0Djco
 dashedName: what-is-the-optional-chaining-operator-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
index bb70d7f5dc..4ddaf22bae 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b77adf9de12617a2dbb3.md
@@ -2,7 +2,7 @@
 id: 6732b77adf9de12617a2dbb3
 title: What Is Object Destructuring, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XMS8vSutlUc
 dashedName: what-is-object-destructuring-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
index ad76569333..062c850d52 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b788046862264eeb1c39.md
@@ -2,7 +2,7 @@
 id: 6732b788046862264eeb1c39
 title: What Is JSON, and How Do You Access Values Using Bracket and Dot Notation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8x6vJarVy_o
 dashedName: what-is-json-and-how-do-you-access-values-using-bracket-and-dot-notation
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
index 4ab4b3c290..75a87253e8 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-objects/6732b79c6aa77826855a3f11.md
@@ -2,7 +2,7 @@
 id: 6732b79c6aa77826855a3f11
 title: How Do JSON.parse() and JSON.stringify() Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gjnT8byXAc0
 dashedName: how-do-json-parse-and-json-stringify-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
index eaec498023..fdc907c950 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733aad43b3ebff588a26fb5.md
@@ -2,7 +2,7 @@
 id: 6733aad43b3ebff588a26fb5
 title: What Are Regular Expressions, and What Are Some Common Methods?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: yyawAbHw9Mw
 dashedName: what-are-regular-expressions-and-what-are-some-common-methods
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
index 2d1fa9529f..78c2a2ef8c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5ba834ded4bb067e67c.md
@@ -2,13 +2,13 @@
 id: 6733c5ba834ded4bb067e67c
 title: What Are Some Common Regular Expression Modifiers Used for Searching?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 0ZGj-WNbB98
 dashedName: what-are-some-common-regular-expression-modifiers-used-for-searching
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+Watch the video lecture and answer the questions below.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
index b0a3ae0b1b..6460808907 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5c549775c4be710237c.md
@@ -1,14 +1,139 @@
 ---
 id: 6733c5c549775c4be710237c
 title: How Can You Match and Replace All Occurrences in a String?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: how-can-you-match-and-replace-all-occurrences-in-a-string
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn how to match or replace all occurrences of a pattern in a string.
+
+You have previously learned about the `replace` and `match` methods, as well as the global `g` modifier. Now you can combine that knowledge to handle all patterns in a string.
+
+Let's recall our original `match` code.
+
+```js
+const regex = /freeCodeCamp/;
+const match = "freeCodeCamp".match(regex);
+console.log(match);
+```
+
+And our resulting `match` object:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-1.png)
+
+But what if we have a string with multiple occurrences of `freecodecamp` to match? Let's take a look at how `match` behaves with that. We'll throw in our old replace example too, just to compare.
+
+```js
+const regex = /freecodecamp/;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-2.png)
+
+Oh no! `Match` only returned the first match, and `replace` only replaced the first match. This is because, by default, `match` and `replace` only operate against the first pattern occurrence.
+
+Thankfully, you can avoid this by using the global modifier on your regular expression. Let's add that to ours:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.match(regex);
+const replaced = str.replace(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And confirm the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-3.png)
+
+That worked! Our `replace` call replaced all of the lowercase `freecodecamp` strings, and our `match` method matched both of them.
+
+What's interesting here is that when you use the global modifier with match, you lose the extra information about capture groups and string indicies that would come in the `match` array.
+
+Thankfully, 2019's ECMAScript update brought us two new methods: `matchAll` and `replaceAll`.
+
+Like their singular counterparts, these methods accept a string or regular expression, and `replaceAll` also accepts a second argument as the string to replace with. But unlike the previous methods, `replaceAll` and `matchAll` will throw an error if you give them a regular expression without the global modifier.
+
+Let's update our code to use these new methods:
+
+```js
+const pattern = "freecodecamp";
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(pattern);
+const replaced = str.replaceAll(pattern, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+```
+
+And our result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-4.png)
+
+Good news! Our `replaceAll` worked exactly as we wanted – it replaced all occurrences of the lowercased `freecodecamp` with the properly camelCased version. But what is that empty object?
+
+Well, `matchAll` returns a special type of object called an Iterator, which the freeCodeCamp console isn't prepared to handle. If we peek in our browser console:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-5.png)
+
+The Iterator has a `next` method, which we can call to get the next value. Let's go ahead and call `matched.next()`, and log the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-6.png)
+
+There's our match array! `.next()` gives us an object with two values: done, which is false when there are more elements available in the iterator, and value which is the value we just iterated over.
+
+So, if we call it one more time:
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+const replaced = str.replaceAll(regex, "freeCodeCamp");
+console.log(matched);
+console.log(replaced);
+console.log(matched.next());
+console.log(matched.next());
+```
+
+Wait, why does it say done is still `false`? There should only be two matches in the array, right?
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-7.png)
+
+Let's call it a third time and see what we get:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-8.png)
+
+`done` is finally `true`, but why is that value `undefined`? Well, as it turns out, the `matchAll` iterator is lazy. It doesn't find all of your matches at once. It only finds a match when you tell it to by calling `next()`.
+
+As long as it finds a match, it isn't "done". Once it fails to find a match and brings back `undefined`, it is "done". This may seem inconvenient, but it can be quite helpful when your regular expression is computationally expensive.
+
+If your example is less so, like ours, you can skip that feature and extract all of the matches at once by converting it to an array. This is achieved by calling `Array.from()` and passing your iterator as the argument.
+
+Let's update our code to use that – we'll go ahead and clean up our replaceAll calls since we know that works.
+
+```js
+const regex = /freecodecamp/g;
+const str = "freecodecamp is the best we love freecodecamp";
+const matched = str.matchAll(regex);
+console.log(Array.from(matched))
+```
+
+And we finally get our array of matches:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/how-can-you-match-and-replace-all-occurrences-in-a-string-9.png)
+
+These powerful methods can help you manipulate and extract data from strings without having to sacrifice performance or readability.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
index 01e94f5248..f2bd25ca44 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5d0048bb74c18431296.md
@@ -1,14 +1,120 @@
 ---
 id: 6733c5d0048bb74c18431296
 title: What Are Character Classes, and What Are Some Common Examples?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-character-classes-and-what-are-some-common-examples
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about character classes in regular expressions, including some common examples.
+
+Character classes are a special syntax you can use to match sets or subsets of characters.
+
+The first character class you should learn is the wild card class.
+
+The wild card is represented by a period or dot (`.`), and matches any single character except line breaks. To allow the wildcard class to match line breaks, remember that you would need to use the `s` flag.
+
+A regular expression that matched the letter `A` followed by one single character might look like:
+
+```js
+const regex = /a./;
+```
+
+This can be helpful when you are looking for specific patterns in a string, but don't know what might be between those two patterns. But you can also use character classes to narrow down your matches.
+
+For example, what if you wanted to match a numerical character? You might have to write out every possible digit, separating them with the `|` or operator:
+
+```js
+const regex = /0|1|2|3|4|5|6|7|8|9/;
+```
+
+A character class exists for this exact pattern, and gives you a shorthand syntax for writing the same thing. In this case, the character class is written as a backslash (`\`)followed by a `d` character:
+
+```js
+const regex = /\d/;
+```
+
+This regular expression will match the exact same pattern as our previous expression: a single numerical character anywhere in the string.
+
+Now consider a regular expression which also needs to match any letter character `a` through `z`. You could write out each individual character separated by the or operator. Or you could use another character class.
+
+The `\w` class, which is a backslash followed by a `w`, represents any word character.
+
+```js
+const regex = /\w/;
+```
+
+A word character is defined as any letter, from `a` to `z`, or a number from `0` to `9`, or the underscore (`_`) character.
+
+The inclusion of the underscore might seem strange, but consider the naming conventions for variables – variable names can often include underscores, so `\w` is designed to match that as well.
+
+There is one more special character class to consider: the white-space class `\s`, represented by a backslash followed by an `s`. This character class will match any white space, including new lines, spaces, tabs, and special unicode space characters.
+
+These special character classes can be negated. To negate one of these character classes, instead of using a lowercase letter after the backslash, use the uppercase equivalent.
+
+```js
+const regex = /\D/;
+```
+
+This regular expression, for example, does not match a numerical character. Instead, it matches any single character that is not a numerical character.
+
+Negating the `\w` class would match any character that is not `a` to `z`, `0` to `9`, or an underscore, and negating the `\s` character class would match any character that is not a white-space.
+
+But what if you wanted to match more specific subsets of characters?
+
+Maybe you're a professor grading papers, and you need to make sure your grades are valid. A valid grade can be `A`, `B`, `C`, `D`, or `F`. You can use square brackets to construct your own character class:
+
+```js
+const regex = /[abcdf]/;
+```
+
+This regular expression will match a single character that is in the list "`a`, `b`, `c`, `d`, or `f`".
+
+What about checking only grades that pass? A passing grade would be an `A`, `B`, `C`, or `D`. You can modify your character class to stop matching "`f`" by removing that character from the list:
+
+```js
+const regex = /[abcd]/;
+```
+
+You may have noticed now that our character class consists only of consecutive characters. `A`, `B`, `C`, and `D` are all directly next to each other in the alphabet. For numbers, consecutive characters might be `4`, `5`, and `6`.
+
+When you have consecutive characters, you can create a range using the hyphen character.
+
+Using a range, we can turn our regular expression into a shorter syntax while matching the exact same pattern.
+
+```js
+const regex = /[a-d]/;
+```
+
+Remember that regular expressions are case-sensitive by default. This means our character class will only match the lowercase variants of `a`, `b`, `c`, and `d`. You could use the `i` flag to achieve this, but you can also bake it directly into your character class by including the uppercase variants:
+
+```js
+const regex = /[a-zA-Z]/;
+```
+
+You can also mix digits and numbers in your character class. For example, if you wanted the behavior of the `\w` class without the underscore, you could construct your own:
+
+```js
+const regex = /[a-zA-Z0-9]/;
+```
+
+Note that if you want your character class to match a literal hyphen, you need to place a hyphen at the beginning or end of the class.
+
+```js
+const regex = /[-a-zA-Z0-9]/;
+```
+
+And finally, you can include special character classes in your custom class. Maybe you want to include a hyphen in the set matched by `\w`:
+
+```js
+const regex = /[-\w]/;
+```
+
+Character classes are a powerful tool that gives you incredible control over your pattern matching.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
index eb2c447e81..73e040d0fd 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5dc74176e4c496d09e6.md
@@ -1,14 +1,76 @@
 ---
 id: 6733c5dc74176e4c496d09e6
 title: What Are Lookaheads and Lookbehind Assertions, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about lookahead and lookbehind assertions in regular expressions.
+
+Lookahead and lookbehind assertions allow you to match specific patterns based on the presence or lack of surrounding patterns. There are four variations of these assertions.
+
+First is the positive lookahead assertion. This assertion will match a pattern when the pattern is followed by another pattern.
+
+To construct a positive lookahead, you need to start with the pattern you want to match. Then, use parentheses to wrap the pattern you want to use as your condition. After the opening parenthesis, use `?=` to define that pattern as a positive lookahead.
+
+This pattern will only match the word `free` if it is followed by `code`.
+
+```js
+const regex = /free(?=code)/i;
+```
+
+Let's test the behavior of our pattern:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-1.png)
+
+Notice how only the string where `free` is immediately followed by `code` passes the test.
+
+But what if you want to match the presence of `free` when it is NOT followed by `code`? You can turn your positive lookahead into a negative lookahead, to invert the behavior. To do this, change your `?=` to `?!`:
+
+```js
+const regex = /free(?!code)/i;
+```
+
+Let's test this against our same strings:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-2.png)
+
+As expected, the results are reversed. The only string that fails is the first string, where `free` is immediately followed by `code`.
+
+Lookbehind assertions function similarly to lookahead assertions, except that instead of matching conditionally based on a following pattern, they match conditionally based on a preceding pattern. Let's take a look at a positive lookbehind.
+
+A positive lookbehind is denoted with `?<=` instead of `?=`. Let's make our regular expression match `code` when it is preceded by `free`:
+
+```js
+const regex = /(?<=free)code/i;
+```
+
+Just like with our positive lookahead, our positive lookbehind matches the first string because `code` is immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-3.png)
+
+To match `code` when it is NOT preceded by `free`, we can use a negative lookbehind. A negative lookbehind is defined by replacing `?<=` with `?<!`:
+
+```js
+const regex = /(?<!free)code/i;
+```
+
+This would match any occurrence of `code` that is NOT immediately preceded by `free`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-4.png)
+
+Remember that `Regex.prototype.test` only confirms whether a string matches the regular expression. Let's use our negative lookbehind with `String.prototype.match` to see how assertions affect that:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-lookaheads-and-lookbehind-assertions-and-how-do-they-work-5.png)
+
+Notice how even though our regular expression uses a lookbehind to check for the presence of free, it does not match free. The only text included in the match is code.
+
+Lookaheads and lookbehinds are incredibly useful for conditionally matching text without impacting the returned value of your match.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
index 81911dc2bb..a74847861a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5e54e3a154c8078ed48.md
@@ -1,14 +1,104 @@
 ---
 id: 6733c5e54e3a154c8078ed48
 title: What Are Regex Quantifiers, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-regex-quantifiers-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about quantifiers in regular expressions.
+
+Consider a scenario where you want to match a four-digit identification code. You know you can use the `\d` character class, so you might write that four times. And to avoid any extraneous characters, you'd include both the start and end anchors.
+
+```js
+const regex = /^\d\d\d\d$/;
+```
+
+And this does work – it will match four numerical characters. But rather than having to write out the same class multiple times, you can give it a quantifier.
+
+Quantifiers are defined by curly braces containing one or two numbers. Let's use a quantifier in our pattern:
+
+```js
+const regex = /^\d{4}$/;
+```
+
+Notice how our quantifier contains only the number `4`. This syntax means "match the previous character exactly four times". Let's see how that behaves:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-1.png)
+
+The pattern only matches the string with exactly four digits, because we have used the anchors and our quantifier only allows exactly four digits. But maybe the identification code only needs to be a minimum of four digits.
+
+To allow for four or more digits, add a comma after the number in your quantifier:
+
+```js
+const regex = /^\d{4,}$/;
+```
+
+Now, our syntax allows the pattern to match four or more digits. Let's test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-2.png)
+
+A seven-digit identifier is rather long. These identifiers should have a maximum of 6 digits, and a minimum of 4 digits. To achieve this, you can add a second number to your quantifier after the comma.
+
+```js
+const regex = /^\d{4,6}$/;
+```
+
+And now our pattern no longer matches the seven-digit identifier, because it is greater than our six-digit maximum.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-3.png)
+
+Note that you cannot use this syntax to set a maximum alone – you must always set a minimum. But if you set the minimum to `1`, you can effectively achieve the same result.
+
+We've received updated requirements from our users. Identifiers can now optionally start with a letter. We already know the character class for this, so let's add that to our regular expression.
+
+```js
+const regex = /^[a-zA-z]\d{4,6}$/;
+```
+
+But now we mandate the presence of a letter. How can we make it optional?
+
+You could use the quantifier syntax with `0` as the minimum and `1` as the maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,1}\d{4,6}$/;
+```
+
+But there's actually a special shorthand quantifier for a single optional character – the question mark. Let's replace our quantifier with the question mark:
+
+```js
+const regex = /^[a-zA-Z]?\d{4,6}$/;
+```
+
+We should validate the result:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-4.png)
+
+Our pattern now allows for a single optional letter, followed by four to six digits.
+
+Unfortunately, we've just realized we read the requirements wrong. We need to allow for any number of letters before the numbers. We can use our quantifier with a `0` minimum and no defined maximum:
+
+```js
+const regex = /^[a-zA-Z]{0,}\d{4,6}$/;
+```
+
+But our pattern is getting long again. Thankfully, there's another short-hand for "match the previous character zero or more times" –  the asterisk symbol. Let's replace our quantifier with that in the pattern, and test it:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-5.png)
+
+Now we successfully match any identifier with zero or more letters followed by four to six numbers. But it turns out this is crashing our system – we actually have to require at least one letter.
+
+Again, we could use a quantifier with a minimum of one and no defined maximum, or we could use yet another special syntax – the plus symbol:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-regex-quantifiers-and-how-do-they-work-6.png)
+
+Now the identifiers that do not start with at least one letter fail, regardless of how many numbers there are.
+
+You can use quantifiers to greatly enhance the brevity and readability of your regular expressions.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
index d579b39149..177a6e602e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-regular-expressions/6733c5f20cc9584cada942a4.md
@@ -1,14 +1,123 @@
 ---
 id: 6733c5f20cc9584cada942a4
 title: What Are Capturing Groups and Backreferences, and How Do They Work?
-challengeType: 11
-videoId: nVAaxZ34khk
+challengeType: 19
+#videoId: nVAaxZ34khk
 dashedName: what-are-capturing-groups-and-backreferences-and-how-do-they-work
 ---
 
 # --description--
 
-Watch the lecture video and answer the questions below.
+The video for this lecture isn't available yet, one will be available soon. Here is a transcript of the lecture for now:
+
+Let's learn about capturing groups and back references in regular expressions.
+
+A capturing group allows you to "capture" a portion of the matched string to use however you might need. Capturing groups are defined by parentheses containing the pattern to capture, with no leading characters like a lookahead.
+
+Let's capture the `code` from our `freeCodeCamp` regular expression. To do that, we'll enclose `code` in parentheses and define it as a capture group.
+
+```js
+const regex = /free(code)camp/i;
+```
+
+To confirm the behavior, we can test it against a `freecodecamp` string:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-1.png)
+
+But this doesn't actually make use of our captured group. Instead, let's take a look at the result of using `match`:
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".match(regex));
+```
+
+Here we can see that our `match` array has a second element, which is the portion of the string which was captured by our capture group.
+
+Notice how the capture group matches the exact pattern `code`, where a character class would match a single character from the list `c`, `o`, `d`, and `e`.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-2.png)
+
+But how can we actually use this? Well, capture groups are often used when replacing contents of a string. Let's set up some code to do that. We're going to turn `freecodecamp` into `paidcodeworld`.
+
+```js
+const regex = /free(code)camp/i;
+console.log("freecodecamp".replace(regex, "paidcodeworld"));
+```
+
+This works on its own, but what if we didn't know how many `o`'s were in "`code`"? If we need a quantifier for one or more `o`'s…
+
+```js
+const regex = /free(co+de)camp/i;
+console.log("freecoooooooodecamp".replace(regex, "paidcodeworld"));
+```
+
+We're getting `paidcodeworld` as our result. We want to preserve the number of `o`'s, so we need to reuse what was captured by the regular expression.
+
+This is where a backreference comes in. Instead of hardcoding the "`code`" portion of our replacement string, we can reference the captured group directly.
+
+In a replace call, you achieve a backreference by using a dollar sign (`$`) followed by the number of the capture group to use.
+
+In our case, that would be `$1`, since code is captured in the first capture group.
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-3.png)
+
+We have now successfully preserved an unknown number of `o` characters when converting `freecodecamp` into `paidcodeworld`. But backreferences aren't just limited to the replace call. You can actually use them directly in a regular expression.
+
+This would allow you to match a previously captured pattern later on in the regular expression.
+
+Let's say we want to match `freecodecamp` twice, with the same number of `o`'s, but anywhere in the string.
+
+First, we need to separate them with our wildcard character, and allow any number of characters to match that wildcard:
+
+```js
+const regex = /free(co+de)camp.*free(co+de)camp/i;
+```
+
+This current expression won't ensure that the number of `o` characters is the same, however. To achieve that, we need to replace the second capture group with a reference to the first.
+
+Inside a regular expression, a backreference is denoted with a backslash followed by the number of the capture group:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-4.png)
+
+And with that, we can see that a string with the correct number of `o`'s matches, while a string with two different numbers of `o`'s does not.
+
+This syntax is great, but can quickly get confusing when you are referencing multiple capture groups. Thankfully, instead of using numbers, you can give your groups names.
+
+To define a named capture group, you add a question mark (`?`) followed by the name enclosed in less than and greater than signs to the beginning of the group. Let's name our capture group "`code`":
+
+```js
+const regex = /free(?<code>co+de)camp.*free\1camp/i;
+```
+
+Now we can update our backreference in the regular expression to refer to this group. A named back reference starts with a backslash followed by the letter `k` in JavaScript. Then you add the name, again enclosed in less than and greater than signs. Let's take a look at that:
+
+```js
+const regex = /free(?<code>co+de)camp.*free\k<code>camp/i;
+```
+
+Now if we check our `test` call, we can see that we still pass:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-5.png)
+
+To use our named capture group in a `replace` call, we'd insert a dollar sign into the string, followed by the name enclosed in less than and greater than signs:
+
+![image](https://cdn.freecodecamp.org/curriculum/lecture-transcripts/what-are-capturing-groups-and-backreferences-and-how-do-they-work-6.png)
+
+Finally, sometimes you want to create a group of characters, but don't need the captured result.
+
+Let's say we want to match either `freecodecamp` or `freecandycamp`. You could create two patterns separated by an OR assertion:
+
+```js
+const regex = /freecodecamp|freecandycamp/i;
+```
+
+But this can become quite lengthy for larger-scale regular expressions. Instead, you can create a non-capturing group around the characters that you need to OR:
+
+```js
+const regex = /free(?:code|candy)camp/i;
+```
+
+A non-capturing group does not store the `code|candy` match separately in memory. You can't backreference a non-capturing group. But it can be helpful for creating alternate patterns without sacrificing readability or performance.
 
 # --questions--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
index a4a8ad2676..e095474bc9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/672d2654f78cbf20e0ba4501.md
@@ -2,7 +2,7 @@
 id: 672d2654f78cbf20e0ba4501
 title: What Is Bracket Notation, and How Do You Access Characters from a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VFYqtU7nzFo
 dashedName: what-is-bracket-notation-and-how-do-you-access-characters-from-a-string
 ---
 
@@ -14,35 +14,35 @@ Watch the video lecture and answer the questions below.
 
 ## --text--
 
-What is the index of the character `"b"` in the string `"JavaScript"`?
+What is the index of the character `"r"` in the string `"JavaScript"`?
 
 ## --answers--
 
-2
+`2`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-4
+`4`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ---
 
-6
+`6`
 
 ---
 
-8
+`8`
 
 ### --feedback--
 
-Remember that index numbers start from 0.
+Remember that index numbers start from `0`.
 
 ## --video-solution--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
index e87598789a..d77b4ebf06 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263d58da27ea7809963bf.md
@@ -2,7 +2,7 @@
 id: 673263d58da27ea7809963bf
 title: What Are Template Literals, and What Is String Interpolation?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: kISWzkA7gKg
 dashedName: what-are-template-literals-and-what-is-string-interpolation
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
index 7f8e998bad..11b9eee8ca 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263df0eb568a7b450f2fc.md
@@ -2,7 +2,7 @@
 id: 673263df0eb568a7b450f2fc
 title: How Do You Create a Newline in Strings and Escape Strings?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: gOLjFbJnTIM
 dashedName: how-do-you-create-a-newline-in-strings-and-escape-strings
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
index e206886e65..d9f2af9f09 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263e80dd43da7df3ae565.md
@@ -2,7 +2,7 @@
 id: 673263e80dd43da7df3ae565
 title: How Can You Find the Position of a Substring in a String?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: k2QaBPHl_00
 dashedName: how-can-you-find-the-position-of-a-substring-in-a-string
 ---
 
@@ -14,7 +14,7 @@ Watch the lecture video and answer the questions below.
 
 ## --text--
 
-What does the inde`xOf method return if the substring is not found in the string?
+What does the `indexOf` method return if the substring is not found in the string?
 
 ## --answers--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
index 1b8a21ef05..f9a8aca0d7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-strings-in-javascript/673263f4a5899da8124542fd.md
@@ -2,7 +2,7 @@
 id: 673263f4a5899da8124542fd
 title: What Is the Prompt Method, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: lgAEO6_vNPQ
 dashedName: what-is-the-prompt-method-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
index 294d534ea7..1ebbeaf280 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6732a0472f52015e511f8e58.md
@@ -2,7 +2,7 @@
 id: 6732a0472f52015e511f8e58
 title: What Is an API, and What Are Web APIs?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: VRF7NItXm2c
 dashedName: what-is-an-api-and-what-are-web-apis
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
index 16170eb501..0706815738 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336894ae148431a870694d.md
@@ -2,7 +2,7 @@
 id: 67336894ae148431a870694d
 title: What Is the DOM, and How Do You Access Elements?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EKgxoZ9IzmQ
 dashedName: what-is-the-dom-and-how-do-you-access-elements
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
index 8ab10de1e3..b3ce6616d2 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733689f9f31dd31e7d9c789.md
@@ -2,7 +2,7 @@
 id: 6733689f9f31dd31e7d9c789
 title: How Do DOM Nodes Exist Relative to Each Other in the DOM Tree?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 5G2ZQrgrBYU
 dashedName: how-do-dom-nodes-exist-relative-to-each-other-in-the-dom-tree
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
index 6ec55e771b..4c895162b4 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368b1cf26253212a3cfb2.md
@@ -2,7 +2,7 @@
 id: 673368b1cf26253212a3cfb2
 title: What Is the querySelectorAll() Method, and When Should You Use It?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: F4WZUBQL9Js
 dashedName: what-is-the-queryselectorall-method-and-when-should-you-use-it
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
index 265c328c08..4a54c53466 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368c0161e6b326a7e03f0.md
@@ -2,7 +2,7 @@
 id: 673368c0161e6b326a7e03f0
 title: How Do You Create New Nodes Using innerHTML() and createElement()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: WypY2jRcCe0
 dashedName: how-do-you-create-new-nodes-using-innerhtml-and-createelement
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
index 9e62c66aba..a6d1db635e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368ccf52205329b729378.md
@@ -2,7 +2,7 @@
 id: 673368ccf52205329b729378
 title: What Is the Difference Between innerText, textContent, and innerHTML?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: A94NbhbAows
 dashedName: what-is-the-difference-between-innertext-textcontent-and-innerhtml
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
index cbe6a12eeb..e351964522 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368d97e8ce232cdcd6b68.md
@@ -2,7 +2,7 @@
 id: 673368d97e8ce232cdcd6b68
 title: How Do You Add and Remove Nodes from the DOM with appendChild() and removeChild()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 8xXQxXlvY8A
 dashedName: how-do-you-add-and-remove-nodes-from-the-dom-with-appendchild-and-removechild
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
index 74922f6a9b..74f45f28a3 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368e7bd043f331919514d.md
@@ -2,7 +2,7 @@
 id: 673368e7bd043f331919514d
 title: How Do the Navigator, Window, and Document Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: O0SWih5pv9U
 dashedName: how-do-the-navigator-window-and-document-work
 ---
 
@@ -86,7 +86,7 @@ This property helps you find out where the browser is currently navigating.
 
 ## --text--
 
-How can you access the document interface properties without explicitly using the document object?
+How can you access the `document` interface properties without explicitly using the `window` object?
 
 ## --answers--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
index 8cd8e5a377..7629627226 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368f272706633516e4873.md
@@ -2,7 +2,7 @@
 id: 673368f272706633516e4873
 title: How Do You Add Attributes with setAttribute()?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: ciq88lYTHUc
 dashedName: how-do-you-add-attributes-with-setattribute
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
index 29685e3f0c..43297a9d9c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673368fbe12a2b337645053d.md
@@ -2,7 +2,7 @@
 id: 673368fbe12a2b337645053d
 title: What Is the Event Object?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: UVBsIxxvgBg
 dashedName: what-is-the-event-object
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
index 9ee0cbff26..4edba2d484 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369067f824d33a90a0534.md
@@ -2,7 +2,7 @@
 id: 673369067f824d33a90a0534
 title: How Does the addEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: XxKBdnCPtoU
 dashedName: how-does-the-addeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
index a1a328af6e..e9b250c03d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369101e5c4a33db0e8a02.md
@@ -2,7 +2,7 @@
 id: 673369101e5c4a33db0e8a02
 title: How Does the removeEventListener Method Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: 59HUIkhJqnc
 dashedName: how-does-the-removeeventlistener-method-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
index 649e029b5a..5c6f0e783d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733691d88e3053414689276.md
@@ -2,7 +2,7 @@
 id: 6733691d88e3053414689276
 title: What Are Inline Event Handlers, and Why Is It Best Practice to Use addEventListener Instead?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: JbTSvver-y8
 dashedName: what-are-inline-event-handlers-and-why-is-it-best-practice-to-use-addeventlistener-instead
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
index 4bc4a69b99..f7243586c2 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733692ffe1da034469f7917.md
@@ -2,7 +2,7 @@
 id: 6733692ffe1da034469f7917
 title: How Do You Manipulate Styles Using Element.style and Element.classList?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: i07QkMVN15o
 dashedName: how-do-you-manipulate-styles-using-elementstyle-and-elementclasslist
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
index 7a7f0eacd8..974cade79d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733693bfce9a43489a355db.md
@@ -2,7 +2,7 @@
 id: 6733693bfce9a43489a355db
 title: What Is the DOMContentLoaded Event, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: sEsyYH_SAb8
 dashedName: what-is-the-domcontentloaded-event-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
index f91118e250..621c1e59e7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733694805a85d34ced08a9b.md
@@ -2,7 +2,7 @@
 id: 6733694805a85d34ced08a9b
 title: How Do the setTimeout and setInterval Methods Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: GSWSPc2SGTg
 dashedName: how-do-the-settimeout-and-setinterval-methods-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
index aac8cb2b93..5c5aef01fc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/67336956340e8a34fbd5d9f3.md
@@ -2,7 +2,7 @@
 id: 67336956340e8a34fbd5d9f3
 title: What Is the requestAnimationFrame() API, and How Can It Be Used to Set Up an Animation Loop?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: mfnow4GWCo4
 dashedName: what-is-the-requestanimationframe-api-and-how-can-it-be-used-to-set-up-an-animation-loop
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
index d208cf6666..71deddcef0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733696567d2273540aa6033.md
@@ -2,7 +2,7 @@
 id: 6733696567d2273540aa6033
 title: What Is the Web Animations API, and How Does It Relate to CSS Animation Properties?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: pVVcaDEIzvs
 dashedName: what-is-the-web-animations-api-and-how-does-it-relate-to-css-animation-properties
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
index c9790ec773..35c21edee9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/6733697661182d357fc643d2.md
@@ -2,7 +2,7 @@
 id: 6733697661182d357fc643d2
 title: What Is the Canvas API, and How Does It Work?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: EbfxtG26HR0
 dashedName: what-is-the-canvas-api-and-how-does-it-work
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
index 68be5ca416..a347ece764 100644
--- a/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
+++ b/curriculum/challenges/swahili/25-front-end-development/lecture-working-with-the-dom-click-events-and-web-apis/673369829e232835c2732656.md
@@ -2,7 +2,7 @@
 id: 673369829e232835c2732656
 title: How Do You Open and Close Dialog Elements Using JavaScript?
 challengeType: 11
-videoId: nVAaxZ34khk
+videoId: W6gusPmPGo4
 dashedName: how-do-you-open-and-close-dialog-elements-using-javascript
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md b/curriculum/challenges/swahili/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
index f3cf1121c0..0f867d3ad9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-basic-css/66ed8fa2f45ce3ece4053eab.md
@@ -237,23 +237,23 @@ Which selector is correct to target all siblings of an `img`?
 
 #### --text--
 
-What statement is TRUE about `block` elements?
+What statement is TRUE about block-level elements?
 
 #### --distractors--
 
-Blockline elements don't start on new lines.
+Block-level elements don't start on new lines.
 
 ---
 
-Blockline elements only takes up as much as it needs.
+Block-level elements only takes up as much as it needs.
 
 ---
 
-Blockline elements come with no margin.
+Block-level elements come with no margin.
 
 #### --answer--
 
-Blockline elements start on a new line with margin before and after the element.
+Block-level elements start on a new line with margin before and after the element.
 
 ### --question--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md b/curriculum/challenges/swahili/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
index 082f1c8883..7558dd38a0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-css-backgrounds-and-borders/66ed8fd7f45ce3ece4053eb0.md
@@ -69,7 +69,7 @@ Which of the following is NOT a valid value for the `list-style-type` property?
 
 ---
 
-`lower-greek`
+`disc`
 
 ---
 
@@ -193,23 +193,23 @@ The background stays fixed while the content scrolls
 
 #### --text--
 
-Which of the following is NOT a valid `border-style` value?
+Which of the following is a valid `border-style` value?
 
 #### --distractors--
 
-`solid`
+`wave`
 
 ---
 
-`dotted`
+`triple`
 
 ---
 
-`groove`
+`zig zag`
 
 #### --answer--
 
-`triple`
+`dotted`
 
 ### --question--
 
@@ -237,23 +237,23 @@ Use the `:active` pseudo-class
 
 #### --text--
 
-Which property is used to define the width of a border?
+What is the correct CSS property to create an outline around an element, besides using the `border` property?
 
 #### --distractors--
 
-`border-size`
+`border-wide`
 
 ---
 
-`border-thickness`
+`box-shadow`
 
 ---
 
-`border-spacing`
+`border-img`
 
 #### --answer--
 
-`border-width`
+`outline`
 
 ### --question--
 
@@ -391,23 +391,23 @@ Which of these is NOT a valid border value?
 
 #### --text--
 
-What does the `border-collapse` property do when applied to table elements?
+How can you ensure that gradients used in web design are accessible?
 
 #### --distractors--
 
-It removes the table borders
+Use only two colors in the gradient
 
 ---
 
-It adds spacing between borders
+Use gradients only for decorative purposes
 
 ---
 
-It makes the border invisible
+Avoid using gradients in the background
 
 #### --answer--
 
-It merges adjacent table cell's borders into one
+Ensure sufficient contrast between the gradient and any text.
 
 ### --question--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md b/curriculum/challenges/swahili/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
index b020872416..0ee4e9ffcf 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-css-relative-and-absolute-units/66ed9009f45ce3ece4053eb7.md
@@ -43,7 +43,7 @@ What does `100vw` cover in terms of screen width?
 
 #### --distractors--
 
-100% of the screen width answer
+100% of the screen width
 
 ---
 
@@ -149,7 +149,7 @@ On a typical screen with 96 DPI resolution, how many points (`pt`) are in 1 pixe
 
 #### --text--
 
-If the screen height is `800px`, what would `50vh` be?
+If the viewport height is `800px`, what would `50vh` be?
 
 #### --distractors--
 
@@ -175,19 +175,19 @@ What does setting an element's width to `100%` mean?
 
 #### --distractors--
 
-It takes up the full width of the document
+It takes up the full width of the document.
 
 ---
 
-It takes up the full width of the screen
+It takes up the full width of the screen.
 
 ---
 
-It takes up `100px`
+It takes up `100px`.
 
 #### --answer--
 
-It takes up the full width of its parent
+It takes up the full width of its parent.
 
 ### --question--
 
@@ -197,19 +197,19 @@ What happens with `calc(10px + 20%)` in CSS?
 
 #### --distractors--
 
-Adds `10px` to `10%` of the document width
+It adds `10px` to `10%` of the document width.
 
 ---
 
-Always equals `30px`
+It always equals `30px`.
 
 ---
 
-Adds `10px` to `20%` of the screen width
+It adds `10px` to `20%` of the screen width.
 
 #### --answer--
 
-Adds `10px` to `20%` of the parent's width
+It adds `10px` to `20%` of the parent's width.
 
 ### --question--
 
@@ -285,19 +285,19 @@ How does `calc(10vh + 50px)` work for height?
 
 #### --distractors--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport width.
 
 ---
 
-Adds `10px` to `50%` of the parent's height
+It adds `10px` to 50% of the parent's height.
 
 ---
 
-Adds `10vh` to `50%` of the document
+It adds `10vh` to 50% of the document width.
 
 #### --answer--
 
-Adds `50px` to `10%` of the viewport height
+It adds `50px` to 10% of the viewport height.
 
 ### --question--
 
@@ -351,19 +351,19 @@ What does `calc(50% + 20px)` do for width?
 
 #### --distractors--
 
-Adds `50%` of the screen width plus `20px`
+It adds `20px` to 50% of the screen width.
 
 ---
 
-Adds `50px` to the screen width
+It adds `50px` to the screen width.
 
 ---
 
-Adds `50%` of the height plus `20px`
+It adds `50%` of the height to `20px`.
 
 #### --answer--
 
-Adds `50%` of the parent's width plus `20px`
+It adds `50%` of the parent's width to `20px`.
 
 ### --question--
 
@@ -373,19 +373,19 @@ What's the key difference between `rem` and `em` in CSS?
 
 #### --distractors--
 
-`rem` is only used for fonts
+`rem` is only used for fonts.
 
 ---
 
-`rem` is for width, em is for fonts
+`rem` is for width, `em` is for fonts.
 
 ---
 
-`rem` is always smaller than `em`
+`rem` is always smaller than `em`.
 
 #### --answer--
 
-`rem` is based on the root font size, `em` is based on the parent's font size
+`rem` is based on the root font size, `em` is based on the parent's font size.
 
 ### --question--
 
@@ -395,19 +395,19 @@ How does `calc(100px + 10%)` work for width?
 
 #### --distractors--
 
-Adds `10%` of the screen width to `100px`
+It adds `10%` of the screen width to `100px`.
 
 ---
 
-Adds `10%` of the height to `100px`
+It adds `10%` of the height to `100px`.
 
 ---
 
-Adds `100px` to `10%` of the document
+It adds `100px` to `10%` of the document.
 
 #### --answer--
 
-Adds `10%` of the parent's width to `100px`
+It adds `10%` of the parent's width to `100px`.
 
 ### --question--
 
@@ -417,19 +417,19 @@ What does setting an element's width to auto do in CSS?
 
 #### --distractors--
 
-Sets the width to `100%`
+It sets the width to `100%`.
 
 ---
 
-Sets the width to `50%` of the viewport
+It sets the width to `50%` of the viewport.
 
 ---
 
-Sets the width to `0px`
+It sets the width to `0px`.
 
 #### --answer--
 
-Allows the browser to determine the width based on the content and container
+It allows the browser to determine the width based on the content and container.
 
 ### --question--
 
@@ -439,17 +439,17 @@ What happens when you use `calc(30vh - 10px)` for height?
 
 #### --distractors--
 
-Subtracts `10px` from the parent's height
+It subtracts `10px` from the parent's height.
 
 ---
 
-Subtracts `30px` from the screen height
+It subtracts `30px` from the screen height.
 
 ---
 
-Adds `30%` of the parent's height minus `10px`
+It adds `30%` of the parent's height minus `10px`.
 
 #### --answer--
 
-Subtracts `10px` from `30%` of the viewport height
+It subtracts `10px` from `30%` of the viewport height.
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md b/curriculum/challenges/swahili/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
index 00c53dd4a5..e3ab555833 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-design-fundamentals/66ed901ff45ce3ece4053eba.md
@@ -61,23 +61,23 @@ Scale
 
 #### --text--
 
-What design tool in Figma would you use to combine multiple elements together without flattening the layers of the elements?
+Which of the following sites would most likely benefit from using breadcrumbs?
 
 #### --distractors--
 
-Frames
+A single-page portfolio site.
 
 ---
 
-Blocks
+A complex e-commerce site with multiple categories and subcategories.
 
 ---
 
-Class
+A simple blog with only a few posts.
 
 #### --answer--
 
-Groups
+A complex e-commerce site with multiple categories and subcategories.
 
 ### --question--
 
@@ -193,23 +193,23 @@ Making the headline of the page larger than other text that comprise the body or
 
 #### --text--
 
-Which Figma tools allows users to specify a region on the screen they would like to export?
+What is a common goal of conducting exit interviews in user research?
 
 #### --distractors--
 
-Frames
+To increase the number of new users.
 
 ---
 
-Section
+To test new features with existing users
 
 ---
 
-Blocks
+To gather data for A/B testing.
 
 #### --answer--
 
-Slice
+To understand the factors causing user churn.
 
 ### --question--
 
@@ -281,45 +281,45 @@ Dark colors and muted light colors for contrast in dim lighting conditions
 
 #### --text--
 
-What is one good design practice when considering color palettes for a design?
+How can user research impact user requirements?
 
 #### --distractors--
 
-Using a variety of colors with strong saturation and contrast
+It has no impact on user requirements.
 
 ---
 
-Focus on vibrancy and saturation and place many non complementary hues
+It only affects non-functional requirements.
 
 ---
 
-Using many complementary colors together
+It only affects functional requirements.
 
 #### --answer--
 
-Limit colors and focus on using shades, tones, and tints of one color and add another hue three spaces away from that color
+It can help define and refine user requirements based on user feedback.
 
 ### --question--
 
 #### --text--
 
-What is one reason why the rule of thirds is important?
+Why is it important for a design brief to be reviewed and approved by all stakeholders before the project begins?
 
 #### --distractors--
 
-Creates symmetry in the composition by dividing it equally
+To ensure everyone is aware of the project's social media strategy.
 
 ---
 
-By dividing up the composition, it eliminates visual hierarchy
+To finalize the color palette and design elements.
 
 ---
 
-Objects at the edge of the composition get more focus
+To determine the project's marketing budget.
 
 #### --answer--
 
-Breaks the composition apart into 9 equal parts, where objects placed on the dividing lines provide focus and hierarchy to the composition
+To confirm that all stakeholders agree on the project's objectives and requirements.
 
 ### --question--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md b/curriculum/challenges/swahili/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
index 16da4f4f04..bad816f377 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-git/66f1b06a5a5d10cc100af620.md
@@ -197,11 +197,11 @@ What is the correct way to contribute to other people's repositories?
 
 #### --distractors--
 
-`git add -> git commit -> git clone -> git push`
+`git add`, `git commit`, `git clone`, `git push`
 
 ---
 
-`git clone -> git commit -> git add -> git push`
+`git clone`, `git commit`, `git add`, `git push`
 
 ---
 
@@ -209,7 +209,7 @@ None of the options
 
 #### --answer--
 
-`git clone -> git add -> git commit -> git push`
+`git clone`, `git add`, `git commit`, `git push`
 
 ### --question--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md b/curriculum/challenges/swahili/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
index 260a127933..0b7b3e0703 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-html-accessibility/66ed9026f45ce3ece4053ebb.md
@@ -205,7 +205,7 @@ What is the difference between the attributes `aria-label` and `aria-labelledby`
 
 #### --distractors--
 
-The `aria-label`and `aria-labelledby` attributes serve the same purpose.
+The `aria-label` and `aria-labelledby` attributes serve the same purpose.
 
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md b/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
index 69e599f250..b8c343bfbe 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-strings/66edc31c44f1b9c1d5c5ebca.md
@@ -205,7 +205,7 @@ developer[2];
 
 #### --text--
 
-How can you obtain the ASCII index of a character in a string?
+How can you obtain the ASCII value of a character in a string?
 
 #### --distractors--
 
@@ -309,23 +309,23 @@ How can you check if the string `"JavaScript"` contains a specific substring?
 
 #### --text--
 
-Which method extracts a substring from the string `"JavaScript"`?
+Which of the following extracts the substring `"Script"` from the string `"JavaScript"`?
 
 #### --distractors--
 
-`"JavaScript".remove()`
+`"JavaScript".remove(3)`
 
 ---
 
-`"JavaScript".extract()`
+`"JavaScript".extract(4)`
 
 ---
 
-`"JavaScript".cut()`
+`"JavaScript".cut(3)`
 
 #### --answer--
 
-`"JavaScript".slice()`
+`"JavaScript".slice(4)`
 
 ### --question--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md b/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
index 9d37ab0df0..26f2f65df7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
+++ b/curriculum/challenges/swahili/25-front-end-development/quiz-javascript-variables-and-data-types/66edc25ae5ea80bf6f785552.md
@@ -51,7 +51,7 @@ Which of the following is NOT a JavaScript data type?
 
 ---
 
-`bigint`
+`bigInt`
 
 #### --answer--
 
@@ -87,19 +87,19 @@ Which of the following is a conventional variable name in JavaScript?
 
 #### --distractors--
 
-`let my_var;`
+`my_var;`
 
 ---
 
-`let my-var;`
+`my-var;`
 
 ---
 
-`let MyVar;`
+`MyVar;`
 
 #### --answer--
 
-`let myVar;`
+`myVar;`
 
 ### --question--
 
@@ -109,11 +109,11 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --distractors--
 
-`let` is block scoped, `const` is not.
+`const` cannot be re-assigned nor re-declared. `let` can be re-assigned and re-declared.
 
 ---
 
-`const` is block scoped, `let` is not.
+`const` can be re-assigned and re-declared. `let` cannot be re-assigned nor re-declared.
 
 ---
 
@@ -127,23 +127,28 @@ What is the difference between `let` and `const` variable declarations in JavaSc
 
 #### --text--
 
-What is the difference between local and global scope in JavaScript?
+What would be the outcome of the following code?
+
+```js
+let name = "Andy";
+name[0] = "M";
+```
 
 #### --distractors--
 
-Variables declared in local scope can be accessed from anywhere in the program.
+The value of `name` would be `"MAndy"`.
 
 ---
 
-Variables declared in global scope can only be accessed from inside a function.
+The value of `name` would be `"Mndy"`.
 
 ---
 
-Variables declared in global scope cannot be re-declared.
+The value of `name` would still be `"Andy"`.
 
 #### --answer--
 
-Variables declared in global scope can be accessed from anywhere in the program.
+It would throw an error.
 
 ### --question--
 
@@ -193,7 +198,7 @@ Adds the string `world` to the variable `hello`, and prints it out in the consol
 
 #### --answer--
 
-Creates a third empty string, copies the values of both strings to it, and finally reassigns the `hello` variable to the third string and prints it out in the console.
+Creates a new string that is made of the values of `hello` and `" world"` combined together, and assigns this new string back to `hello` and then prints it out in the console.
 
 ### --question--
 
@@ -375,32 +380,23 @@ Which of the following declares a variable in JavaScript that cannot be changed?
 
 #### --text--
 
-In the code below, which variable is in the global scope in JavaScript:
-
-```js
-let a = 0;
-
-if (a < 10) {
-  let b = 1;
-  return a + b;
-}
-```
+Which of the following is a valid variable name in JavaScript?
 
 #### --distractors--
 
-Variable `b` is in the global scope.
+`tart@n`
 
 ---
 
-Both variables `a` and `b` are in the global scope.
+`4cats`
 
 ---
 
-None of the variables are in the global scope.
+`!!dogs`
 
 #### --answer--
 
-Variable `a` is in the global scope, and can be accessed from anywhere in the program.
+`$number`
 
 ### --question--
 
@@ -428,79 +424,65 @@ Which of the following is NOT a valid string concatenation method in JavaScript?
 
 #### --text--
 
-What will be the output of the following code:
-
-```js
-let hello = "hello";
-if (true) {
-  let world = "world";
-}
-console.log(hello + " " + world);
-```
+Which of the following variable names uses camelCase correctly?
 
 #### --distractors--
 
-`hello world`
+`a_long_variable_name`
 
 ---
 
-`helloworld`
+`alongvariableName`
 
 ---
 
-`hello`
+`ALongVariableName`
 
 #### --answer--
 
-`ReferenceError: world is not defined`
+`aLongVariableName`
 
 ### --question--
 
 #### --text--
 
-What will be the output of the code below:
-
-```js
-const x = 0;
-while (x < 10) x++;
-console.log(x);
-```
+Which chatacter JavaScript uses to mark the end of a statement?
 
 #### --distractors--
 
-`10`
+`:`
 
 ---
 
-`0`
+`,`
 
 ---
 
-`1 2 3 4 5 6 7 8 9 10`
+`.`
 
 #### --answer--
 
-`TypeError: Assignment to constant variable.`
+`;`
 
 ### --question--
 
 #### --text--
 
-Given the string `freeCodeLamp`, which JavaScript string method can be used to turn it into `freeCodeCamp`?
+Which of the following is NOT a JavaScript data type?
 
 #### --distractors--
 
-`"freeCodeLamp"[8] = "C";`
+`Symbol`
 
 ---
 
-`"freeCodeLamp".charAt(8) = "C";`
+`Boolean`
 
 ---
 
-`"freeCodeLamp".indexOf("L") = "C";`
+`Null`
 
 #### --answer--
 
-`"freeCodeLamp".replace("L", "C");`
+`Float`
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md b/curriculum/challenges/swahili/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
index 110593e646..e9e7d19999 100644
--- a/curriculum/challenges/swahili/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
+++ b/curriculum/challenges/swahili/25-front-end-development/review-basic-css/671a887a7e62c75e9ab1ee4a.md
@@ -13,12 +13,28 @@ Review the concepts below to prepare for the upcoming quiz.
 
 - **What is CSS?**: Cascading Style Sheets (CSS) is a markup language used to apply styles to HTML elements. CSS is used for colors, background images, layouts and more.
 - **Basic Anatomy of a CSS Rule**: A CSS rule is made up of two main parts: a selector and a declaration block. A selector is a pattern used in CSS to identify and target specific HTML elements for styling. A declaration block applies a set of styles for a given selector, or selectors.
+
+Here is the general syntax of a CSS rule:
+
+```css
+selector {
+    property: value;
+}
+```
+
 - **`meta name="viewport"` Element**: This `meta` element gives the browser instructions on how to control the page's dimensions and scaling on different devices, particularly on mobile phones and tablets.
 - **Default Browser Styles**: Each HTML element will have default browser styles applied to them. This usually includes items like default margins and paddings.
 
 ## Inline, Internal, and External CSS
 
 - **Inline CSS**: These styles are written directly within an HTML element using the `style` attribute. Most of the time you will not be using inline CSS due to separation of concerns.
+
+Here is an example of inline CSS:
+
+```html
+<p style="color: red;">This is a red paragraph.</p>
+```
+
 - **Internal CSS**: These styles are written within the `<style>` tags inside the `<head>` section of an HTML document. This can be useful for creating short code examples, but usually you will not need be using internal CSS.
 - **External CSS**: These styles are written in a separate CSS file and linked to the HTML document using the `<link>` element in the `<head>` section. For most projects, you will use an external CSS file over internal or inline CSS.
 
@@ -113,6 +129,8 @@ ul ~ p {
 
 - **`margin` Property**: This property is used to apply space outside the element, between the element's border and the surrounding elements.
 - **`padding` Property**: This property is used to apply space inside the element, between the content and its border.
+- **`margin` Shorthand**: The `margin` property can be set using the shorthand syntax, which allows you to set the margin for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
+- **`padding` Shorthand**: The `padding` property can also be set using the shorthand syntax, which allows you to set the padding for all four sides of an element at once. The values are applied in the order `top`, `right`, `bottom`, `left`.
 
 ## CSS Specificity
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md b/curriculum/challenges/swahili/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
index 8aed808474..874ee70ae2 100644
--- a/curriculum/challenges/swahili/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/review-basic-html/67072fc183c7ca6c588feb4d.md
@@ -30,7 +30,7 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: Basic structure of a webpage.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
diff --git a/curriculum/challenges/swahili/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md b/curriculum/challenges/swahili/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
index 17aab21604..24c85a1f04 100644
--- a/curriculum/challenges/swahili/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
+++ b/curriculum/challenges/swahili/25-front-end-development/review-css-backgrounds-and-borders/671a88d636cebc5fbd407b78.md
@@ -1,6 +1,6 @@
 ---
 id: 671a88d636cebc5fbd407b78
-title: CSS Backgrounds and Borders Review
+title: Lists, Links, CSS Background and Borders Review
 challengeType: 24
 dashedName: review-css-backgrounds-and-borders
 ---
@@ -16,6 +16,12 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`list-style-position` Property**: This property is used to set the position for the list marker. The only two acceptable values are inside and outside.
 - **`list-style-image` Property**: This property is used to use an image for the list item marker. A common use case is to use the `url` function with a value set to a valid image location.
 
+## Spacing list items using `margin`
+
+- Apart from `line-height`, margins can also be used in CSS to enhance the spacing and readability of list items.
+- Margins create space outside each `<li>` element, allowing control over the gap between list items.
+- `margin-bottom` is used to create space below each list item. For example, `margin-bottom: 10px;` will create a 10-pixel gap below each list item.
+
 ## Styling Links
 
 - **`pseudo-class`**: This is a keyword added to a selector that allows you to select elements based on a particular state. Common states would include the `:hover`, `:visited` and `:focus` states.
@@ -27,10 +33,10 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Working with Backgrounds and Borders
 
-- **`background-size` Property**: This property is used to set the background size for an element.
-- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. You can also specify that there should be no repeat by using the `no-repeat` property.
-- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword value.
-- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place.
+- **`background-size` Property**: This property is used to set the background size for an element. Some common values include `cover` for the background image to cover the entire element and `contain` for the background image to fit within the element.
+- **`background-repeat` Property**: This property is used to determine how background images should be repeated along the horizontal and vertical axes. The default value for `background-repeat` is `repeat` meaning the image will repeat both horizontally and vertically. You can also specify that there should be no repeat by using the `no-repeat` property.
+- **`background-position` Property**: This property is used to specify the position of the background image. It can be set to a specific length, percentage, or keyword values like `top`, `bottom`, `left`, `right`, and `center`.
+- **`background-attachment` Property**: This property is used to specify whether the background image should scroll with the content or remain fixed in place. The main values are `scroll` (default), where the background image scrolls with the content, and `fixed`, where the background image stays in the same position on the screen.
 - **`background-image` Property**: This property is used to set the background image of an element. You can set multiple background images at the same time and use either the `url`, `radial-gradient` or `linear-gradient` functions as values.
 - **`background` Property**: This is the shorthand property for setting all background properties in one declaration. Here is an example of setting the background image and setting it to not repeat: `background: no-repeat url("example-url-goes-here");`
 - **Good Contrast for Background and Foreground Colors**: It is important to ensure that the background and foreground colors have good contrast to make the text readable. The Web Content Accessibility Guidelines (WCAG) recommend a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text.
@@ -43,6 +49,7 @@ Review the concepts below to prepare for the upcoming quiz.
 - **`border-left` Property**: This property is used to set the styles for the left border of an element. `border-left: 4px dotted orange;` sets a 4-pixel-wide dotted orange border on the left side of the element.
 - **`border` Property**: This is the shorthand property for setting the width, style, and color of an element's border. `border: 1px solid black;` sets a 1-pixel-wide solid black border.
 - **`border-radius` Property**: This property is used to create rounded corners for an element's border.
+- **`border-style` Property**: This property is used to set the style of an element's border. Some accepted values include `solid`, `dashed`, `dotted`, and `double`.
 
 ## Gradients
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md b/curriculum/challenges/swahili/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
index c8acd9c2f3..1d5d0cda92 100644
--- a/curriculum/challenges/swahili/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
+++ b/curriculum/challenges/swahili/25-front-end-development/review-html-accessibility/671a87a39b88245a579c2271.md
@@ -15,11 +15,11 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -27,26 +27,26 @@ Review the concepts below to prepare for the upcoming quiz.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using screen readers and other assistive technologies understand the purpose of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps people using assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps people using assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps people using assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps people using assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps people using assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps people using screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps people using assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
 - **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
 - **`aria-hidden` attribute**: Used to hide an element from people using assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps people using screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help people using assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps people using assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This gives people using screen readers immediate access to the additional information when they navigate to the element. Common usage would include associating formatting instructions to a text input or an error message to an input after an invalid form submission.
 
 # --assignment--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/review-html/671a883163d5ab5d47145880.md b/curriculum/challenges/swahili/25-front-end-development/review-html/671a883163d5ab5d47145880.md
index fac86631c6..441b546c86 100644
--- a/curriculum/challenges/swahili/25-front-end-development/review-html/671a883163d5ab5d47145880.md
+++ b/curriculum/challenges/swahili/25-front-end-development/review-html/671a883163d5ab5d47145880.md
@@ -11,8 +11,10 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## HTML Basics
 
-- **Role of HTML**: HTML represents the content and structure of a webpage.
-- **`div` Element**: The `div` element is a block-level element used for grouping content.
+- **Role of HTML**: Foundation of web structure.
+- **HTML Elements**: Used to represent content on the page. Most of them are made by an opening and a closing tag (e.g., `<h1></h1>`, `<p></p>`).
+- **`div` elements**: The `div` element is a generic HTML element that does not hold any semantic meaning. It is used as a generic container to hold other HTML elements.
+- **Void Elements**: Do not have a closing tag (e.g., `<img>`).
 - **Attributes**: Adding metadata and behavior to elements.
 
 ## Identifiers and Grouping
@@ -28,12 +30,12 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Boilerplate and Encoding
 
-- **HTML boilerplate**: This boilerplate includes the `<!DOCTYPE html>`, `<html>`, `<head>`, and `<body>` elements. It should be used as the starting point for an HTML document.
+- **HTML boilerplate**: Basic structure of a webpage, which includes the `DOCTYPE`, `html`, `head`, and `body` elements. It should be used as the starting point for an HTML document.
 - **UTF-8 character encoding**: Ensuring universal character display.
 
 ## SEO and Social Sharing
 
-- **Meta tags (`description`)**: Describing page content.
+- **Meta tags (`description`)**: Providing a short description for the web page and impacting SEO.
 - **Open Graph tags**: Enhancing social media sharing.
 
 ## Media Elements and Optimization
@@ -45,8 +47,8 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Multimedia Integration
 
-- **HTML audio and video elements**: The `audio` element is used to embed audio content in a webpage, while the `video` element is used to embed video content.
-- **Embedding with `<iframe>`**: If you want to embed content from another site, like YouTube, you can use the `iframe` element.
+- **HTML audio and video elements**: Embedding multimedia.
+- **Embedding with `<iframe>`**: Integrating external video content.
 
 ## Paths and Link Behavior
 
@@ -54,7 +56,6 @@ Review the concepts below to prepare for the upcoming prep exam.
 - **Absolute vs. relative paths**: Navigating directories.
 - **Path syntax**: Understanding `/`, `./`, `../` for file navigation.
 - **Link states**: Managing different link interactions (hover, active).
-- **Inline vs. block-level links**: Links by default are inline elements. You can turn a link into a block-level link by placing it inside a block-level element like a paragraph element.
 
 ## Importance of Semantic HTML
 
@@ -64,62 +65,62 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Semantic HTML Elements
 
-- **Emphasis (`em`) element**: marks text that has stress emphasis.
-- **Idiomatic Text (`i`) element**: used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
-- **Strong Importance (`strong`) element**: marks text that has strong importance.
-- **Bring Attention To (`b`) element**: used to bring attention to text that is not important for the meaning of the content.
-- **Description List (`dl`) element**: used to represent a list of term-description groupings.
-- **Description Term (`dt`) element**: used to represent the term being defined.
-- **Description Details (`dd`) element**: used to represent the description of the term.
-- **Block Quotation (`blockquote`) element**: used to represent a section that is quoted from another source.
-- **Inline Quotation (`q`) element**: used to represent a short inline quotation.
-- **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
-- **Contact Address (`address`) element**: used to represent the contact information.
-- **(Date) Time (`time`) element**: used to represent a date and/or time.
-- **Superscript (`sup`) element**: used to represent superscript text.
-- **Subscript (`sub`) element**: used to represent subscript text.
-- **Inline Code (`code`) element**: used to represent a fragment of computer code.
-- **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
-- **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
+- **Emphasis (`em`) element**: Marks text that has stress emphasis.
+- **Idiomatic Text (`i`) element**: Used for highlighting alternative voice or mood, idiomatic terms from another language, technical terms, and thoughts.
+- **Strong Importance (`strong`) element**: Marks text that has strong importance.
+- **Bring Attention To (`b`) element**: Used to bring attention to text that is not important for the meaning of the content.
+- **Description List (`dl`) element**: Used to represent a list of term-description groupings.
+- **Description Term (`dt`) element**: Used to represent the term being defined.
+- **Description Details (`dd`) element**: Used to represent the description of the term.
+- **Block Quotation (`blockquote`) element**: Used to represent a section that is quoted from another source.
+- **Inline Quotation (`q`) element**: Used to represent a short inline quotation.
+- **Abbreviation (`abbr`) element**: Used to represent an abbreviation or acronym.
+- **Contact Address (`address`) element**: Used to represent the contact information.
+- **(Date) Time (`time`) element**: Used to represent a date and/or time.
+- **Superscript (`sup`) element**: Used to represent superscript text.
+- **Subscript (`sub`) element**: Used to represent subscript text.
+- **Inline Code (`code`) element**: Used to represent a fragment of computer code.
+- **Unarticulated Annotation (`u`) element**: Used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
+- **Ruby Annotation (`ruby`) element**: Used to represent the text of a ruby annotation.
+- **Strikethrough (`s`) element**: Used to represent content that is no longer accurate or relevant.
 
 ## HTML form elements and attributes
 
-- **`form` element**: used to create an HTML form for user input.
-- **`action` attribute**: used to specify the URL where the form data should be sent.
-- **`input` element**: used to create an input field for user input.
-- **`type` attribute**: used to specify the type of input field. Ex. text, password, email, etc.
-- **`label` element**: used to create a label for an input field.
-- **`for` attribute**: used to specify which input field the label is for.
-- **Implicit form association**: inputs can be associated with labels by wrapping the input field inside the `label` element.
-- **Explicit form association**: inputs can be associated with labels by using the `for` attribute on the `label` element.
-- **`placeholder` attribute**: used to specify a short hint that describes the expected value of an input field.
-- **`button` element**: used to create a clickable button. Ex. submit, reset, button.
-- **`value` attribute**: used to specify the value of the button.
-- **`required` attribute**: used to specify that an input field must be filled out before submitting the form.
-- **`size` attribute**: used to specify the width of an input field.
-- **`minlength` attribute**: used to specify the minimum number of characters required in an input field.
-- **`maxlength` attribute**: used to specify the maximum number of characters allowed in an input field.
-- **`disabled` attribute**: used to specify that an input field should be disabled.
-- **`readonly` attribute**: used to specify that an input field is read-only.
-- **Focused state**: this is the state of an input field when it is selected by the user.
+- **`form` element**: Used to create an HTML form for user input.
+- **`action` attribute**: Used to specify the URL where the form data should be sent.
+- **`input` element**: Used to create an input field for user input.
+- **`type` attribute**: Used to specify the type of input field. Ex. text, password, email, etc.
+- **`label` element**: Used to create a label for an input field.
+- **`for` attribute**: Used to specify which input field the label is for.
+- **Implicit form association**: Inputs can be associated with labels by wrapping the input field inside the `label` element.
+- **Explicit form association**: Inputs can be associated with labels by using the `for` attribute on the `label` element.
+- **`placeholder` attribute**: Used to specify a short hint that describes the expected value of an input field.
+- **`button` element**: Used to create a clickable button. Ex. submit, reset, button.
+- **`value` attribute**: Used to specify the value of the button.
+- **`required` attribute**: Used to specify that an input field must be filled out before submitting the form.
+- **`size` attribute**: Used to specify the width of an input field.
+- **`minlength` attribute**: Used to specify the minimum number of characters required in an input field.
+- **`maxlength` attribute**: Used to specify the maximum number of characters allowed in an input field.
+- **`disabled` attribute**: Used to specify that an input field should be disabled.
+- **`readonly` attribute**: Used to specify that an input field is read-only.
+- **Focused state**: This is the state of an input field when it is selected by the user.
 
 ## HTML Table elements and attributes
 
-- **Table element**: used to create an HTML table.
-- **Table Head (`thead`) element**: used to group the header content in an HTML table.
-- **Table Row (`tr`) element**: used to create a row in an HTML table.
-- **Table Header (`th`) element**: used to create a header cell in an HTML table.
-- **`colspan` attribute**: used to specify the number of columns a header cell should span.
-- **Table body (`tbody`) element**: used to group the body content in an HTML table.
-- **Table Data Cell (`td`) element**: used to create a data cell in an HTML table.
-- **Table Foot (`tfoot`) element**: used to group the footer content in an HTML table.
+- **Table element**: Used to create an HTML table.
+- **Table Head (`thead`) element**: Used to group the header content in an HTML table.
+- **Table Row (`tr`) element**: Used to create a row in an HTML table.
+- **Table Header (`th`) element**: Used to create a header cell in an HTML table.
+- **`colspan` attribute**: Used to specify the number of columns a header cell should span.
+- **Table body (`tbody`) element**: Used to group the body content in an HTML table.
+- **Table Data Cell (`td`) element**: Used to create a data cell in an HTML table.
+- **Table Foot (`tfoot`) element**: Used to group the footer content in an HTML table.
 
 ## HTML Tools
 
-- **HTML validator**: a tool that checks the syntax of HTML code to ensure it is valid.
-- **DOM inspector**: a tool that allows you to inspect and modify the HTML structure of a web page.
-- **Devtools**: a set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
+- **HTML validator**: A tool that checks the syntax of HTML code to ensure it is valid.
+- **DOM inspector**: A tool that allows you to inspect and modify the HTML structure of a web page.
+- **Devtools**: A set of web developer tools built directly into the browser that helps you debug, profile, and analyze web pages.
 
 ## Introduction to Accessibility
 
@@ -127,11 +128,11 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Assistive Technology for Accessibility
 
-- **Screen readers**: software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
-- **Large text or braille keyboards**: used by people with visual impairments to access the web.
-- **Screen magnifiers**: software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
-- **Alternative pointing devices**: used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
-- **Voice recognition**: used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
+- **Screen readers**: Software programs that read the content of a computer screen out loud. They are used by people who are blind or visually impaired to access the web.
+- **Large text or braille keyboards**: Used by people with visual impairments to access the web.
+- **Screen magnifiers**: Software programs that enlarge the content of a computer screen. They are used by people with low vision to access the web.
+- **Alternative pointing devices**: Used by people with mobility impairments to access the web. This includes devices such as joysticks, trackballs, and touchpads.
+- **Voice recognition**: Used by people with mobility impairments to access the web. It allows users to control a computer using their voice.
 
 ## Accessibility Auditing Tools
 
@@ -139,26 +140,26 @@ Review the concepts below to prepare for the upcoming prep exam.
 
 ## Accessibility Best Practices
 
-- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps screen readers and other assistive technologies understand the content of your website.
-- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps screen readers and other assistive technologies understand the structure of the table.
-- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps screen readers and other assistive technologies understand the purpose of the input.
-- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps screen readers and other assistive technologies understand the content of the image.
-- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps screen readers and other assistive technologies understand the content of the link.
+- **Proper heading level structure**: You should use proper heading levels to create a logical structure for your content. This helps assistive technologies understand the content of your website.
+- **Accessibility and Tables**: When using tables, you should use the `<th>` element to define header cells and the `<td>` element to define data cells. This helps assistive technologies understand the structure of the table.
+- **Importance for inputs to have an associated label**: You should use the `<label>` element to associate labels with form inputs. This helps assistive technologies understand the purpose of the input.
+- **Importance of good `alt` text**: You should use the `alt` attribute to provide a text alternative for images. This helps assistive technologies understand the content of the image.
+- **Importance of good link text**: You should use descriptive link text to help users understand the purpose of the link. This helps assistive technologies understand the purpose of the link.
 - **Best practices for making audio and video content accessible**: You should provide captions and transcripts for audio and video content to make it accessible to people with hearing impairments. You should also provide audio descriptions for video content to make it accessible to people with visual impairments.
-- **`tabindex` attribute**: used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
-- **`accesskey` attribute**: used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
+- **`tabindex` attribute**: Used to make elements focusable and define the relative order in which they should be navigated using the keyboard. It is important to never use the `tabindex` attribute with a value greater than 0. Instead, you should either use a value of 0 or -1. For more information, review the prior lecture video on keyboard accessibility.
+- **`accesskey` attribute**: Used to define a keyboard shortcut for an element. This can help users with mobility impairments navigate the website more easily.
 
 ## WAI-ARIA, Roles, and Attributes
 
-- **WAI-ARIA**: a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
-- **Aria roles**: a set of predefined roles that can be added to HTML elements to define their purpose. This helps screen readers and other assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
-- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps people using assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
-- **`aria-hidden` attribute**: Used to hide an element from assistive technology such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
-- **`aria-expanded` attribute**: used to convey the state of a toggle (or disclosure) feature to screen reader users.
-- **`aria-live` attribute**: used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
-- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help screen readers and other assistive technologies understand the content of the website.
-- **`aria-controls` attribute**: used to associate an element with another element that it controls. This helps screen readers and other assistive technologies understand the relationship between the elements.
-- **`aria-describedby` attribute**: used to associate an element with another element that describes it. This helps screen readers and other assistive technologies understand the purpose of the element.
+- **WAI-ARIA**: It stands for Web Accessibility Initiative - Accessible Rich Internet Applications. It is a set of attributes that can be added to HTML elements to improve accessibility. It provides additional information to assistive technologies about the purpose and structure of the content.
+- **Aria roles**: A set of predefined roles that can be added to HTML elements to define their purpose. This helps assistive technologies understand the content of the website. Examples include `role="tab"`, `role="menu"`, and `role="alert"`.
+- **`aria-label` and `aria-labelledby` attributes**: These attributes are used to give an element a programmatic (or accessible) name, which helps assistive technology (such as screen readers) understand the purpose of the element. They are often used when the visual label for an element is an image or symbol rather than text. `aria-label` allows you to define the name directly in the attribute while `aria-labelledby` allows you to reference existing text on the page.
+- **`aria-hidden` attribute**: Used to hide an element from assistive technologies such as screen readers. For example, this can be used to hide decorative images that do not provide any meaningful content.
+- **`aria-expanded` attribute**: Used to convey the state of a toggle (or disclosure) feature to screen reader users.
+- **`aria-live` attribute**: Used to indicate that an element's content is important enough to require that any changes to the content should be announced immediately to screen reader users. This can include status messages like updating the number of results returned from a search, or an error message displayed after an unsuccessful form submission.
+- **Common Aria states**: Common Aria states include `aria-haspopup`, `aria-checked`, `aria-disabled`, and `aria-selected`. These attributes can be used to indicate the state of an element and help assistive technologies understand the content of the website.
+- **`aria-controls` attribute**: Used to associate an element with another element that it controls. This helps assistive technologies understand the relationship between the elements.
+- **`aria-describedby` attribute**: Used to provide additional information about an element by associating it with another element that contains the information. This helps assistive technologies understand the purpose of the element.
 
 # --assignment--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md b/curriculum/challenges/swahili/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
index 2d96f60bfa..27b76f9cce 100644
--- a/curriculum/challenges/swahili/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
+++ b/curriculum/challenges/swahili/25-front-end-development/review-javascript-variables-and-data-types/6723be264695fb7e619fe1fa.md
@@ -80,7 +80,7 @@ const cityName = 'New York';
 cityName = 'Los Angeles'; // TypeError: Assignment to constant variable.
 ```
 
-- Variables declared using `const` find uses in declaring constants, that are not allowed to change through out the code, such as `PI` or `MAX_SIZE`.
+- Variables declared using `const` find uses in declaring constants, that are not allowed to change throughout the code, such as `PI` or `MAX_SIZE`.
 
 ## Variable Naming Conventions
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md b/curriculum/challenges/swahili/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
index 6f610660e1..22f275bcb5 100644
--- a/curriculum/challenges/swahili/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
+++ b/curriculum/challenges/swahili/25-front-end-development/review-semantic-html/671a83934b61f64cefe87a61.md
@@ -33,12 +33,13 @@ Review the concepts below to prepare for the upcoming quiz.
 - **Abbreviation (`abbr`) element**: used to represent an abbreviation or acronym.
 - **Contact Address (`address`) element**: used to represent the contact information.
 - **(Date) Time (`time`) element**: used to represent a date and/or time. The `datetime` attribute is used to translate dates and times into a machine-readable format.
+- **ISO 8601 Date (`datetime`) attribute**: used to represent dates and times in a machine-readable format. The standard format is `YYYY-MM-DDThh:mm:ss`.
 - **Superscript (`sup`) element**: used to represent superscript text.
 - **Subscript (`sub`) element**: used to represent subscript text.
 - **Inline Code (`code`) element**: used to represent a fragment of computer code.
 - **Preformatted Text (`pre`) element**: represents preformatted text
 - **Unarticulated Annotation (`u`) element**: used to represent a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
-- **Ruby Annotation (`ruby`) element**: used to represent the text of a ruby annotation.
+- **Ruby Annotation (`ruby`) element**: used for annotating text with pronunciation or meaning explanations. An example usage is for East Asian typography.
 - **Strikethrough (`s`) element**: used to represent content that is no longer accurate or relevant.
 
 # --assignment--
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md b/curriculum/challenges/swahili/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
index b25a8cbdd9..e2018d6612 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-cat-photo-app/5dfa37b9eacea3f48c6300b0.md
@@ -28,7 +28,8 @@ assert.match(code, /<\/ul>/);
 The `ul` element should be above the second `section` element's closing tag.
 
 ```js
-const secondSectionLastElemNode = $('main > section')[1].lastElementChild;
+const secondSectionLastElemNode =
+  document.querySelectorAll('main > section')[1].lastElementChild;
 assert.equal(secondSectionLastElemNode.nodeName, 'UL');
 ```
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md b/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
index 68c7140938..a3b21beb34 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/6733319f1d586b1923e029e3.md
@@ -7,13 +7,13 @@ dashedName: step-15
 
 # --description--
 
-Add a new selector that targets the pseudoelement `::before` of the `h1` element,
+You can add an emoji in front of the title using the pseudo-element `::before` of the `h1` element.
 
-Use the `content` property to put the emoji 🥳 in front of the title: give it a value of `"🥳 "` (note there is a space after the emoji).
+Create an `h1::before` selector, give it a `content` property and set its value to `"🥳 "` (note there is a space after the emoji).
 
 # --hints--
 
-You should have a `h1::before` selector.
+You should have an `h1::before` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::before"));
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md b/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
index d0d04e7815..62eb6a5184 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-greeting-card/673332a6b63f9f1e1f81ba9b.md
@@ -7,11 +7,13 @@ dashedName: step-16
 
 # --description--
 
-Now you can do something similar to add the emoji also after the title: create a `h1::after` selector, give it a `content` property and set the value to `" 🥳"` (note there is a space before the emoji).
+Now you can do something similar to add the emoji also after the title.
+
+Create a selector that targets the pseudo-element `::after` of the `h1` element. Give it a `content` property and set its value to `" 🥳"` (note there is a space before the emoji).
 
 # --hints--
 
-You should have a `h1::after` selector.
+You should have an `h1::after` selector.
 
 ```js
 assert.exists(new __helpers.CSSHelp(document).getStyle("h1::after"));
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md b/curriculum/challenges/swahili/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
index b4f2dbb3ea..55d86baeaf 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-hotel-feedback-form/66a9401c9d660d6bb15993e2.md
@@ -27,7 +27,7 @@ Your `label` element should have a `for` attribute set to `"age"`.
 assert.isNotNull(document.querySelector('label[for="age"]'));
 ```
 
-You `label` element should have the text `Age (optional):`.
+Your `label` element should have the text `Age (optional):`.
 
 ```js
 assert.strictEqual(document.querySelector('label[for="age"]').textContent, "Age (optional):");
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
index ba73c877ea..cc598c8c5c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c1.md
@@ -11,7 +11,7 @@ The rest of the objects representing the books have been filled in for you. You
 
 Now, you should start working on getting several common parts of the books.
 
-Start by displaying all the books. Create a `displayBooks` function with a `catalog` parameter. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the `library` array.
+Start by displaying all the books. Create a `displayBooks` function with a parameter accepting an array with book objects. The function should return a string that contains the `title`, `author`, and `pages` of all the books in the array passed to function.
 
 # --hints--
 
@@ -21,10 +21,10 @@ You should create a `displayBooks` function.
 assert.isFunction(displayBooks)
 ```
 
-Your `displayBooks` function should have a `catalog` parameter.
+Your `displayBooks` function should have one parameter.
 
 ```js
-assert.match(displayBooks.toString(), /catalog/)
+assert.lengthOf(displayBooks, 1)
 ```
 
 Your `displayBooks` function should use a higher order function. Ex. (`filter`, `map`, `reduce`)
@@ -39,24 +39,42 @@ Your `displayBooks` function should return a string.
 assert.isString(displayBooks(library))
 ```
 
-Your `displayBooks` function should have each book title, author and pages in it.
+Your `displayBooks` function should return each book title, author and number of pages, for all books in the array passed to it.
 
 ```js
+const libraryBooks = displayBooks(library);
 library.forEach((book) => {
-  assert.include(displayBooks(library), book.title);
-  assert.include(displayBooks(library), book.author);
-  assert.include(displayBooks(library), book.pages.toString());
+  assert.include(libraryBooks, book.title);
+  assert.include(libraryBooks, book.author);
+  assert.include(libraryBooks, book.pages.toString());
 });
-```
-
-Your `displayBooks` function should contain the total of `8` books available in the library.
-
-```js
-function getNumOfBooks(catalog) {
-  return catalog.map(book => `${book.title} by ${book.author}`);
-}
 
-assert.lengthOf(getNumOfBooks(library), 8);
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+const _differentBooks = displayBooks(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(_differentBooks, book.title);
+  assert.include(_differentBooks, book.author);
+  assert.include(_differentBooks, book.pages.toString());
+});
 ```
 
 # --seed--
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
index f41268b973..29ead98bb3 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c2.md
@@ -9,7 +9,7 @@ dashedName: step-5
 
 To display the book summaries, you can use the `about` property of each book.
 
-Create a `getBookSummaries` function with a `catalog` parameter. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
+Create a `getBookSummaries` function with a single parameter, accepting an array with book objects. The `getBookSummaries` function should return an array containing all the `about` property value of each book.
 
 # --hints--
 
@@ -19,10 +19,10 @@ You should create a `getBookSummaries` function.
 assert.isFunction(getBookSummaries)
 ```
 
-Your `getBookSummaries` function should have a `catalog` parameter.
+Your `getBookSummaries` function should have one parameter.
 
 ```js
-assert.match(getBookSummaries.toString(), /catalog/)
+assert.lengthOf(getBookSummaries, 1)
 ```
 
 Your `getBookSummaries` function should return an array.
@@ -37,17 +37,59 @@ Your `getBookSummaries` function should use a higher order function. Ex. (`filte
 assert.match(getBookSummaries.toString(), /filter|map|reduce|forEach/);
 ```
 
-Your `getBookSummaries` function should contain the total of `8` books available in the library.
+Your `getBookSummaries` function should return an array with the same length as the array passed to it.
 
 ```js
 assert.lengthOf(getBookSummaries(library), 8);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBookSummaries(_differentLibrary), 3);
 ```
 
-Your `getBookSummaries` function should have the `about` property of each book in the library.
+Your `getBookSummaries` function should return an array with the `about` property of each book from the array passed to it.
 
 ```js
+const summaries = getBookSummaries(library);
 library.forEach((book) => {
-  assert.include(getBookSummaries(library), book.about);
+  assert.include(summaries, book.about);
+});
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+];
+const differentSummaries = getBookSummaries(_differentLibrary);
+_differentLibrary.forEach((book) => {
+  assert.include(differentSummaries, book.about);
 });
 ```
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
index 21f88904bf..da8f4aa2b4 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c3.md
@@ -9,7 +9,7 @@ dashedName: step-6
 
 Another useful thing to do is to get the books by their author.
 
-Create a `getBooksByAuthor` function with a `catalog` and `author` parameters.
+Create a `getBooksByAuthor` function with two parameters - an array with book objects and a string with the author.
 
 The function must return an array that contains the books by a particular author.
 
@@ -21,10 +21,10 @@ You should create a `getBooksByAuthor` function.
 assert.isFunction(getBooksByAuthor)
 ```
 
-Your `getBooksByAuthor` function should have a `catalog` and `author` parameters.
+Your `getBooksByAuthor` function should have two parameters.
 
 ```js
-assert.match(getBooksByAuthor.toString(), /catalog,\s*author|author,\s*catalog/)
+assert.lengthOf(getBooksByAuthor, 2)
 ```
 
 Your `getBooksByAuthor` function should return an array.
@@ -57,6 +57,29 @@ assert.lengthOf(pbdBook, 1);
 assert.lengthOf(johnGordon, 1);
 assert.lengthOf(jamesClearBook, 1);
 assert.lengthOf(JDAndSDBook, 1);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author B',
+    about: 'About C',
+    pages: 304,
+  },
+];
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author B'), 2);
+assert.lengthOf(getBooksByAuthor(_differentLibrary, 'Author A'), 1);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
index 3b201fdda8..4825c1b615 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-library-manager/67116d7584d0b469b14579c4.md
@@ -7,7 +7,7 @@ dashedName: step-7
 
 # --description--
 
-Finally, create a `getTotalPages` function with a `catalog` parameter. The function should return the total number of all the pages of the books in the `library` array.
+Finally, create a `getTotalPages` function with a single parameter, accepting an array with book objects. The function should return the total number of pages in the books from the array passed to the function.
 
 # --hints--
 
@@ -18,10 +18,10 @@ You should create a `getTotalPages` function.
 assert.isFunction(getTotalPages)
 ```
 
-Your `getTotalPages` function should have a `catalog` parameter.
+Your `getTotalPages` function should have one parameter.
 
 ```js
-assert.match(getTotalPages.toString(), /catalog/)
+assert.lengthOf(getTotalPages, 1)
 ```
 
 Your `getTotalPages` function should return a number.
@@ -30,10 +30,32 @@ Your `getTotalPages` function should return a number.
 assert.isNumber(getTotalPages(library))
 ```
 
-Your `getTotalPages` function should return the number `2512`.
+Your `getTotalPages` function should return the total number of pages in the books from the array passed to it.
 
 ```js
-assert.equal(getTotalPages(library), 2512);
+assert.strictEqual(getTotalPages(library), 2512);
+
+const _differentLibrary = [
+  {
+    title: 'Title A',
+    author: 'Author A',
+    about: 'About A',
+    pages: 320,
+  },
+  {
+    title: 'Title B',
+    author: 'Author B',
+    about: 'About B',
+    pages: 320,
+  },
+  {
+    title: 'Title C',
+    author: 'Author C',
+    about: 'About C',
+    pages: 304,
+  },
+]
+assert.strictEqual(getTotalPages(_differentLibrary), 944);
 ```
 
 Your `getTotalPages` function should use a higher order function. Ex. (`filter`, `map`, `reduce`).
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md b/curriculum/challenges/swahili/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
index 13878dfedc..dc623a84ff 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-loan-qualification-checker/66c8ba975ee7230e29f6c4ad.md
@@ -9,9 +9,9 @@ dashedName: step-3
 
 To check which loan a user is qualified for based on the `annualIncome` and `creditScore`, you have to use `if/else if` statement or a ternary right inside the `getLoanMessage` function. You'll then return the appropriate message in the block of each condition.
 
-Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than `minCreditScoreForDuplex`.
+Starting with the duplex loan, check if `annualIncome` is greater than or equal to `minIncomeForDuplex` AND if `creditScore` is greater than or equal to `minCreditScoreForDuplex`.
 
-If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a car, duplex and Condo loan."`
+If that condition is true, then the applicant is eligible for a duplex loan and the other loans. So, inside the check, return the string `"You qualify for a duplex, condo, and car loan."`
 
 # --hints--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
index d4471a3172..63a7d506ec 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673339d96c56d36e963e888e.md
@@ -1,7 +1,7 @@
 ---
 id: 673339d96c56d36e963e888e
 title: Step 1
-challengeType: 0
+challengeType: 1
 dashedName: step-1
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
index 434eb4d4ac..421376dfb1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5632fb854bc6c58dc0d.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5632fb854bc6c58dc0d
 title: Step 2
-challengeType: 0
+challengeType: 1
 dashedName: step-2
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
index e05e5e890d..202f4abcdc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6733b5e6f210c1bd1afdf8b3.md
@@ -1,7 +1,7 @@
 ---
 id: 6733b5e6f210c1bd1afdf8b3
 title: Step 3
-challengeType: 0
+challengeType: 1
 dashedName: step-3
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
index 6a4c5cdab3..9231de5784 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349ba230cff237c0f2bdf2.md
@@ -1,7 +1,7 @@
 ---
 id: 67349ba230cff237c0f2bdf2
 title: Step 4
-challengeType: 0
+challengeType: 1
 dashedName: step-4
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
index c95db6fd0a..b791a99086 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67349d6e726b2c3c7f7301e8.md
@@ -1,7 +1,7 @@
 ---
 id: 67349d6e726b2c3c7f7301e8
 title: Step 5
-challengeType: 0
+challengeType: 1
 dashedName: step-5
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
index 8374f8dbda..b5bef1024f 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a13a29acdf47f2b8e161.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a13a29acdf47f2b8e161
 title: Step 6
-challengeType: 0
+challengeType: 1
 dashedName: step-6
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
index 9ae42c3995..70c34de803 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a2385c52c54d916a8b86.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a2385c52c54d916a8b86
 title: Step 7
-challengeType: 0
+challengeType: 1
 dashedName: step-7
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
index 31b5014cb3..ec4acf3588 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a606e5968a5a19b77171.md
@@ -1,13 +1,13 @@
 ---
 id: 6734a606e5968a5a19b77171
 title: Step 8
-challengeType: 0
+challengeType: 1
 dashedName: step-8
 ---
 
 # --description--
 
-Keep adding the remaing plants to your catalog as you did in the previous steps.
+Keep adding the remaining plants to your catalog as you did in the previous steps.
 
 # --hints--
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
index 3ca78bd85c..590a19f03e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734a772196245601e4b80e0.md
@@ -1,7 +1,7 @@
 ---
 id: 6734a772196245601e4b80e0
 title: Step 10
-challengeType: 0
+challengeType: 1
 dashedName: step-10
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
index a28eea531d..951b5ed0a9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734ab61e916486c80c490d1.md
@@ -1,7 +1,7 @@
 ---
 id: 6734ab61e916486c80c490d1
 title: Step 11
-challengeType: 0
+challengeType: 1
 dashedName: step-11
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
index a8e29611ed..3ae74029f7 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734b36f1a3ce17e73327f24.md
@@ -1,7 +1,7 @@
 ---
 id: 6734b36f1a3ce17e73327f24
 title: Step 9
-challengeType: 0
+challengeType: 1
 dashedName: step-9
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
index 04ab006c27..72caca69d1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734bbc0bd741598f942352e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734bbc0bd741598f942352e
 title: Step 12
-challengeType: 0
+challengeType: 1
 dashedName: step-12
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
index 60de74541c..fa9878a4c0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734c10a327760a665b7d5b9.md
@@ -1,7 +1,7 @@
 ---
 id: 6734c10a327760a665b7d5b9
 title: Step 13
-challengeType: 0
+challengeType: 1
 dashedName: step-13
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
index bab1d29709..847b8ad457 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734eee1f9498cd90f9ae340.md
@@ -1,7 +1,7 @@
 ---
 id: 6734eee1f9498cd90f9ae340
 title: Step 14
-challengeType: 0
+challengeType: 1
 dashedName: step-14
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
index 9c43b5c453..c321dc91c5 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f0ae9d1cf4dfd43a7805.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f0ae9d1cf4dfd43a7805
 title: Step 15
-challengeType: 0
+challengeType: 1
 dashedName: step-15
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
index 02b3040660..8c8ebf9735 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734f6290ebd5cfbc75996af.md
@@ -1,7 +1,7 @@
 ---
 id: 6734f6290ebd5cfbc75996af
 title: Step 16
-challengeType: 0
+challengeType: 1
 dashedName: step-16
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
index 73474702eb..36fe62960b 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6734fa225c6667121e589f7e.md
@@ -1,7 +1,7 @@
 ---
 id: 6734fa225c6667121e589f7e
 title: Step 17
-challengeType: 0
+challengeType: 1
 dashedName: step-17
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
index ef11dfe9c6..1c8ca35ee1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67350acfd2006f2777295b96.md
@@ -1,7 +1,7 @@
 ---
 id: 67350acfd2006f2777295b96
 title: Step 19
-challengeType: 0
+challengeType: 1
 dashedName: step-19
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
index e0ae1e9d5b..a80c1888f4 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/67351225403acd3d6f70ed6d.md
@@ -1,7 +1,7 @@
 ---
 id: 67351225403acd3d6f70ed6d
 title: Step 20
-challengeType: 0
+challengeType: 1
 dashedName: step-20
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
index 3afd6675cd..ec01519893 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6735145b0ee741461bdbaa49.md
@@ -1,7 +1,7 @@
 ---
 id: 6735145b0ee741461bdbaa49
 title: Step 21
-challengeType: 0
+challengeType: 1
 dashedName: step-21
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
index ac6b1bad8c..06fb99e146 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673521668be7905059b2d555.md
@@ -1,7 +1,7 @@
 ---
 id: 673521668be7905059b2d555
 title: Step 22
-challengeType: 0
+challengeType: 1
 dashedName: step-22
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
index 1b6c653301..b36412fab1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673529d08c0d9c5a4193a465.md
@@ -1,7 +1,7 @@
 ---
 id: 673529d08c0d9c5a4193a465
 title: Step 23
-challengeType: 0
+challengeType: 1
 dashedName: step-23
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
index 55cac8955c..8af02f8bdc 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673762590f4bc1771c3a1e97.md
@@ -1,7 +1,7 @@
 ---
 id: 673762590f4bc1771c3a1e97
 title: Step 18
-challengeType: 0
+challengeType: 1
 dashedName: step-18
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
index 4e4aa92217..59dd010829 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/673788448f390305b34aa814.md
@@ -1,7 +1,7 @@
 ---
 id: 673788448f390305b34aa814
 title: Step 24
-challengeType: 0
+challengeType: 1
 dashedName: step-24
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
index 1a0f5add4d..98a969fec1 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a1a073a0d14c6544d301.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a1a073a0d14c6544d301
 title: Step 25
-challengeType: 0
+challengeType: 1
 dashedName: step-25
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
index 555ac8c0bb..872d85d4cd 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a5058ff3015829ce3265.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a5058ff3015829ce3265
 title: Step 26
-challengeType: 0
+challengeType: 1
 dashedName: step-26
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
index acf2553d9d..87f60c941a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737a95d5b431860f96ca7bb.md
@@ -1,7 +1,7 @@
 ---
 id: 6737a95d5b431860f96ca7bb
 title: Step 27
-challengeType: 0
+challengeType: 1
 dashedName: step-27
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
index 5535ddc2b4..86d4e1cf56 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737ac8e4fe7ae6b91c806bd.md
@@ -1,7 +1,7 @@
 ---
 id: 6737ac8e4fe7ae6b91c806bd
 title: Step 28
-challengeType: 0
+challengeType: 1
 dashedName: step-28
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
index f870b317ad..56f100039e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6737c6d5d66b5cc3dac09c7b.md
@@ -1,7 +1,7 @@
 ---
 id: 6737c6d5d66b5cc3dac09c7b
 title: Step 29
-challengeType: 0
+challengeType: 1
 dashedName: step-29
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
index 5667eed1f6..22eb31e16d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a5c704680355e29e077c.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a5c704680355e29e077c
 title: Step 30
-challengeType: 0
+challengeType: 1
 dashedName: step-30
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
index e197b25a68..6a4d9b1d21 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738a8035efec45acd8fdbf9.md
@@ -1,7 +1,7 @@
 ---
 id: 6738a8035efec45acd8fdbf9
 title: Step 31
-challengeType: 0
+challengeType: 1
 dashedName: step-31
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
index 5d86143a24..d98957698a 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-plant-nursery-catalog/6738ad2fd11775752d23ddc2.md
@@ -1,7 +1,7 @@
 ---
 id: 6738ad2fd11775752d23ddc2
 title: Step 32
-challengeType: 0
+challengeType: 1
 dashedName: step-32
 ---
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
index aea603952c..4d432e095c 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/67353fb237ffbd01af3be1cc.md
@@ -7,58 +7,56 @@ dashedName: step-14
 
 # --description--
 
-You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign each to a variable name that matches the ID.
-
-Remember to use camelCase!
+You can finally start hooking your logic into the user interface. You'll need to query the DOM to get a few elements by ID. Get the elements with the `ingredient`, `quantity`, `unit`, `servings`, `recipe-form`, and `result-list` IDs, and assign them to the variables `ingredientName`, `ingredientQuantity`, `unitToConvert`, `numberOfServings`, `recipeForm`, and `resultList`, respectively.
 
 # --hints--
 
-You should define an `ingredient` variable.
+You should define an `ingredientName` variable.
 
 ```js
-assert.isDefined(ingredient);
+assert.isDefined(ingredientName);
 ```
 
-Your `ingredient` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
+Your `ingredientName` variable should be the element returned from `.getElementById()` with the `ingredient` ID.
 
 ```js
-assert.strictEqual(ingredient, document.getElementById("ingredient"));
+assert.strictEqual(ingredientName, document.getElementById('ingredient'));
 ```
 
-You should define a `quantity` variable.
+You should define a `ingredientQuantity` variable.
 
 ```js
-assert.isDefined(quantity);
+assert.isDefined(ingredientQuantity);
 ```
 
-Your `quantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
+Your `ingredientQuantity` variable should be the element returned from `.getElementById()` with the `quantity` ID.
 
 ```js
-assert.strictEqual(quantity, document.getElementById("quantity"));
+assert.strictEqual(ingredientQuantity, document.getElementById('quantity'));
 ```
 
-You should define a `unit` variable.
+You should define a `unitToConvert` variable.
 
 ```js
-assert.isDefined(unit);
+assert.isDefined(unitToConvert);
 ```
 
-Your `unit` variable should be the element returned from `.getElementById()` with the `unit` ID.
+Your `unitToConvert` variable should be the element returned from `.getElementById()` with the `unit` ID.
 
 ```js
-assert.strictEqual(unit, document.getElementById("unit"));
+assert.strictEqual(unitToConvert, document.getElementById('unit'));
 ```
 
-You should define a `servings` variable.
+You should define a `numberOfServings` variable.
 
 ```js
-assert.isDefined(servings);
+assert.isDefined(numberOfServings);
 ```
 
-Your `servings` variable should be the element returned from `.getElementById()` with the `servings` ID.
+Your `numberOfServings` variable should be the element returned from `.getElementById()` with the `servings` ID.
 
 ```js
-assert.strictEqual(servings, document.getElementById("servings"));
+assert.strictEqual(numberOfServings, document.getElementById('servings'));
 ```
 
 You should define a `recipeForm` variable.
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
index 1e10d076ad..58b5cc772d 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673540f6e49ae33d6a235c20.md
@@ -218,10 +218,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
index 3f30a8427b..4094f64a66 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673542088e459b6def5d6e56.md
@@ -191,10 +191,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
index 80e0fd7f68..9f06d4a43e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/6735424ecfeb557d81dcc9d1.md
@@ -7,7 +7,7 @@ dashedName: step-17
 
 # --description--
 
-Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unit.value`).
+Now you need to iterate through your `units` array. With each value in that array, check if the current value is **not** equal to the current unit (found in `unitToConvert.value`).
 
 If so, you will need to convert the existing unit to your current unit, and append a list item to `resultList` with the following format:
 
@@ -20,10 +20,10 @@ For example, a conversion result of five grams for flour should look like `Flour
 Your `updateResultsList` function should properly update the DOM.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 updateResultsList();
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
 assert.include(resultList.innerHTML, "<li>Flour: 0.88 ounce</li>");
@@ -193,10 +193,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
index be34a7dd13..233026de48 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-recipe-ingredient-converter/673543d867b44ac7580610a2.md
@@ -18,10 +18,10 @@ Once that's done, take some time to experiment with different values in the form
 Your `recipeForm` should call `updateResultsList` when submitted.
 
 ```js
-ingredient.value = "Flour";
-quantity.value = 5;
-servings.value = 5;
-unit.value = "gram";
+ingredientName.value = "Flour";
+ingredientQuantity.value = 5;
+numberOfServings.value = 5;
+unitToConvert.value = "gram";
 const submit = new Event("submit");
 recipeForm.dispatchEvent(submit);
 assert.include(resultList.innerHTML, "<li>Flour: 0.10 cup</li>");
@@ -192,10 +192,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -205,15 +205,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
@@ -384,10 +384,10 @@ const processIngredient = (baseQuantity, baseUnit, newUnit, newServings) => {
   return convertedQuantity.toFixed(2);
 };
 
-const ingredient = document.getElementById("ingredient");
-const quantity = document.getElementById("quantity");
-const unit = document.getElementById("unit");
-const servings = document.getElementById("servings");
+const ingredientName = document.getElementById("ingredient");
+const ingredientQuantity = document.getElementById("quantity");
+const unitToConvert = document.getElementById("unit");
+const numberOfServings = document.getElementById("servings");
 const recipeForm = document.getElementById("recipe-form");
 const resultList = document.getElementById("result-list");
 
@@ -397,15 +397,15 @@ const updateResultsList = () => {
   resultList.innerHTML = "";
 
   units.forEach((newUnit) => {
-    if (newUnit !== unit.value) {
+    if (newUnit !== unitToConvert.value) {
       const convertedQuantity = processIngredient(
-        parseFloat(quantity.value),
-        unit.value,
+        parseFloat(ingredientQuantity.value),
+        unitToConvert.value,
         newUnit,
-        parseFloat(servings.value)
+        parseFloat(numberOfServings.value)
       );
 
-      resultList.innerHTML += `<li>${ingredient.value}: ${convertedQuantity} ${newUnit}</li>`;
+      resultList.innerHTML += `<li>${ingredientName.value}: ${convertedQuantity} ${newUnit}</li>`;
     }
   });
 }
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
index e27890caf1..516a60d8bf 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2d680e129e1423116a541.md
@@ -19,7 +19,7 @@ You should create a `getVowelCount` function.
 assert.isFunction(getVowelCount);
 ```
 
-You `getVowelCount` function should have a `sentence` parameter.
+Your `getVowelCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getVowelCount.toString(), /sentence/);
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
index aaad554fea..5e1121420e 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2e5d890ac8a54c9d703bd.md
@@ -21,7 +21,7 @@ You should create a `getConsonantCount` function.
 assert.isFunction(getConsonantCount);
 ```
 
-You `getConsonantCount` function should have a `sentence` parameter.
+Your `getConsonantCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getConsonantCount.toString(), /sentence/);
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
index e6d318d54f..8572ce9480 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2eab8a5638f57b637b7cc.md
@@ -23,7 +23,7 @@ You should create a `getPunctuationCount` function.
 assert.isFunction(getPunctuationCount);
 ```
 
-You `getPunctuationCount` function should have a `sentence` parameter.
+Your `getPunctuationCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getPunctuationCount.toString(), /sentence/);
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
index e9083ebe3a..cece471a84 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-sentence-analyzer/66e2f06b191e305c00574e4d.md
@@ -17,7 +17,7 @@ You should create a `getWordCount` function.
 assert.isFunction(getWordCount);
 ```
 
-You `getWordCount` function should have a `sentence` parameter.
+Your `getWordCount` function should have a `sentence` parameter.
 
 ```js
 assert.match(getWordCount.toString(), /sentence/);
@@ -48,13 +48,19 @@ assert.strictEqual(getWordCount("freeCodeCamp offers free coding tutorials onlin
 assert.strictEqual(getWordCount("You can learn HTML, CSS, JavaScript, and more on freeCodeCamp"), 10);
 ```
 
-Your `getWordCount` function should return the correct punctuation count for any sentence.
+Your `getWordCount` function should return the correct word count for any sentence.
 
 ```js
 assert.strictEqual(getWordCount("freeCodeCamp has a great community of kind people"), 8);
 assert.strictEqual(getWordCount("The freeCodeCamp curriculum is constantly updated"), 6);
 assert.strictEqual(getWordCount("freeCodeCamp teaches both frontend and backend development"), 7);
+```
+
+Your `getWordCount` function should return the correct word count for an empty string, or a string only with spaces.
+
+```js
 assert.strictEqual(getWordCount(""), 0);
+assert.strictEqual(getWordCount("   "), 0);
 ```
 
 # --seed--
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md b/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
index defcea2a74..b13a9cd714 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c742d045c9fc2e09fa64b1.md
@@ -29,6 +29,7 @@ You should update the first item in the `shoppingList` array to be `"Canola Oil"
 
 ```js
 assert.equal(shoppingList[0], "Canola Oil");
+assert.notEqual(shoppingList[1], "Vegetable Oil");
 ```
 
 # --seed--
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md b/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
index d4f39f96ea..dac26234a0 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-shopping-list/66c748ffdfbe4f2ede268be2.md
@@ -13,10 +13,10 @@ And with this last step your grocery list is complete!
 
 # --hints--
 
-You should log the `shoppingList` array to the console.
+You should call the `getShoppingListMsg` function inside of the `console.log`.
 
 ```js
-assert.match(code, /console\.log\(\s*shoppingList\s*\)/);
+assert.lengthOf(code.match(/console\.log\(\s*getShoppingListMsg\(\)\s*\)/g), 7);
 ```
 
 # --seed--
@@ -112,5 +112,5 @@ console.log("On second thought, maybe we should be more health conscious.");
 shoppingList.shift();
 shoppingList[0] = "Canola Oil";
 
-console.log(shoppingList);
+console.log(getShoppingListMsg());
 ```
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md b/curriculum/challenges/swahili/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
index be85118bbc..21843201a9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-storytelling-app/671fafbae959c048d82bac8d.md
@@ -13,7 +13,7 @@ With this, you have successfully completed the workshop.
 
 # --hints--
 
-When you cick the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
+When you click the `scaryStoryBtn`, the `result` paragraph should display the scary story `"In the dark woods, a group of friends stumbled upon an old, abandoned cabin. They enter the cabin and awaken something malevolent that had been dormant for centuries."` with a border color of `#ee4b2b`.
 
 ```js
 scaryStoryBtn.click();
@@ -36,7 +36,7 @@ assert.equal(hexColor.toLowerCase(), "#ee4b2b");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedStory);
 ```
 
-When you cick the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
+When you click the `funnyStoryBtn`, the `result` paragraph should display the funny story with a border color of `#f1be32`.
 
 ```js
 funnyStoryBtn.click();
@@ -59,7 +59,7 @@ assert.equal(hexColor.toLowerCase(), "#f1be32");
 assert.equal(result.textContent.replace(/\s+/g, ' '), expectedFunnyStory);
 ```
 
-When you cick the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
+When you click the `adventureStoryBtn`, the `result` paragraph should display the adventure story with a border color of `#acd157`.
 
 ```js
 adventureStoryBtn.click();
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md b/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
index f17cd3df37..440d632b22 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64fad9cd2eeb1e7ca2ca8c8b.md
@@ -7,7 +7,7 @@ dashedName: step-37
 
 # --description--
 
-Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content into it.
+Use arrow syntax to create an `updateTaskContainer` function. Then move the `taskData.forEach()` and its content from the `taskForm`'s `submit` event listener into the newly created function.
 
 # --hints--
 
@@ -20,7 +20,7 @@ assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{/)
 You should move `taskData.forEach()` and its content into the `updateTaskContainer()` function.
 
 ```js
-assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`\s*}\s*\)\s*;?\s*\}\s*;?/)
+assert.match(code, /const\s+updateTaskContainer\s*=\s*\(\s*\)\s*=>\s*\{\s*taskData\.forEach\(\s*\(\s*\{\s*id\s*,\s*title\s*,\s*date\s*,\s*description\s*\}\s*\)\s*=>\s*{\s*tasksContainer\.innerHTML\s*\+=\s*`\s*<div\s+class\s*=\s*('|")task\1\s*id\s*=\s*('|")\$\{id\}\2>\s*<p><strong>Title:<\/strong>\s*\$\{title\}<\/p>\s*<p><strong>Date:<\/strong>\s*\$\{date\}<\/p>\s*<p><strong>Description:<\/strong>\s*\$\{description\}<\/p>\s*<button\s+type\s*=\s*('|")button\3\s*class\s*=\s*('|")btn\4>Edit<\/button>\s*<button\s+type\s*=\s*('|")button\5\s*class\s*=\s*('|")btn\6>Delete<\/button>\s*<\/div>\s*`;?\s*}\s*\)\s*;?\s*\}\s*;?/)
 ```
 
 # --seed--
diff --git a/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md b/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
index 24502aad09..154d38bdc9 100644
--- a/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
+++ b/curriculum/challenges/swahili/25-front-end-development/workshop-todo-app/64ff04cc33779427a6412449.md
@@ -11,7 +11,7 @@ The item you retrieve is a string, as you saved it with `JSON.stringify()`. To v
 
 Use `getItem()` to retrieve the `myTaskArr` array again. This time, wrap it inside `JSON.parse()`, assign it to the variable `getTaskArrObj` and log the `getTaskArrObj` to the console.
 
-Check the console to see the difference between `getTaskArr` and `getTaskObj`.
+Check the console to see the difference between `getTaskArr` and `getTaskArrObj`.
 
 # --hints--